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 09:30]
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 =====
- 
-Used for determining the location of the data and for updating the page to show the new data. 
  
 {{:​design:​paging.png|}} {{:​design:​paging.png|}}
  
-Paging consist of numbers of page and next/​previous icons, next/​previous appear if the are more then 2 pages of content. 
  
-===== Icon Set =====+Used for navigating and display the current location in the paged data. Previous/​next icons are present if there are more than 2 pages of data. 
 + 
 +===== Icons ===== 
 + 
 +When developing your plugins, you may need various icons for boxes, buttons, etc. Here's what Oxwall offers: 
 + 
 +Standard icon set:
  
-A set of icons, can be taken from //Style Guide//, take a look at the full set: 
 {{:​design:​iconset.png|}} ​ {{:​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.1389259827.txt.gz · Last modified: 2015/09/15 09:10 (external edit)