User Tools

Site Tools


design:interface

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
design:interface [2014/01/09 07:05]
emillyriverz [Paging]
design:interface [2015/09/15 09:31] (current)
Den Approved
Line 197: Line 197:
 ===== Lists ===== ===== Lists =====
  
-List is a table that contains thumbnail photos, links and a text, each line of the table is separated ​by a certain colorUsually ​can be found in //​Members, ​Photo and Video// pages. There are three types of lists in Oxwall.+List is a table that contains ​various items your plugin may have. Usually lists contain ​thumbnail photos, links and a text, with table rows differentiated ​by alternating colorsYou can find examples of lists in //Members//, //Photos//, and //Videos// pages.
  
-User list, which contains smaller thumbnails of photos, usually used as user pic+User list (with small avatars):
  
-{{:design:userlist.png|}}+{{:design:userlist1.png|}}
  
-Photo list, which contains bigger ​size of thumbnails ​of photos:+Photo list (with mid-size picture ​thumbnails):
  
-{{:design:photolist.png|}}+{{:design:photolist1.1.png|}}
  
-Video list, which contains a special required ​size of thumbnails ​for video embed or uploaded:+Video list (with mid-size picture ​thumbnails ​and info):
  
-{{:​design:​videolist1.png|}}+{{:​design:​videolist1.1.png|}}
  
 ===== Paging ===== ===== Paging =====
  
 +{{:​design:​paging.png|}}
  
-Used for determining the location of the data and for updating the page to show the new data. 
  
-{{:​design:​screen_shot_2014-01-08_at_6.14.07_pm.png|}} +Used for navigating and display the current location in the paged dataPrevious/next icons are present ​if there are more than 2 pages of data.
-Paging in photo albums consist of numbers of page and next/​previous ​icons, next/​previous appear ​if the are more then 2 pages of content.+
  
 +===== Icons =====
  
 +When developing your plugins, you may need various icons for boxes, buttons, etc. Here's what Oxwall offers:
 +
 +Standard icon set:
 +
 +{{:​design:​iconset.png|}} ​
 +
 +Tiny icon set:
 +
 +{{:​design:​tinyiconset.png|}}
 +
 +Please note that every theme may have its own icons, although the sets should be identical to the ones in the [[design:​psd-style-guides|Theme StyleGuide]].  ​
  
design/interface.1389251100.txt.gz · Last modified: 2015/09/15 09:10 (external edit)