User:Waldyrious/Skins

From mediawiki.org

Main goals[edit]

  • Distinguish page views from page actions (separate into menus)
  • Responsive

Interesting designs[edit]

Documentation[edit]

Links[edit]

Layout (detailed/editor mode)[edit]

Desktop[edit]

Logo
Tagline

Site nav (links)

  1. (Home)[1]
  2. Recent changes
  3. Special pages[2]
  4. Help

Site actions (buttons)

  1. Search
  2. Create page
  3. Upload file[3]
  4. Random page[4]

Page title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut aliquet cursus nulla, tempus suscipit lorem vehicula efficitur. Proin ac convallis velit, sed commodo lorem. Sed at nulla id dolor tincidunt consectetur sollicitudin euismod nulla.

Quisque faucibus accumsan purus, id pulvinar nisl auctor eu. Pellentesque turpis felis, bibendum ut est sit amet, ornare ultrices nisi. Duis nibh metus, tristique non egestas sed, congue vitae diam. Curabitur quam lectus, malesuada in sagittis eu, volutpat sed velit.

Praesent risus nulla, dictum eget leo eget, ultrices vehicula justo. Quisque iaculis nisi nec felis euismod, eu vestibulum urna hendrerit. Proin odio diam, rhoncus at egestas ac, accumsan quis neque. Phasellus varius vel nunc eget pharetra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut aliquet cursus nulla, tempus suscipit lorem vehicula efficitur. Proin ac convallis velit, sed commodo lorem. Sed at nulla id dolor tincidunt consectetur sollicitudin euismod nulla.

Quisque faucibus accumsan purus, id pulvinar nisl auctor eu. Pellentesque turpis felis, bibendum ut est sit amet, ornare ultrices nisi. Duis nibh metus, tristique non egestas sed, congue vitae diam. Curabitur quam lectus, malesuada in sagittis eu, volutpat sed velit.

Praesent risus nulla, dictum eget leo eget, ultrices vehicula justo. Quisque iaculis nisi nec felis euismod, eu vestibulum urna hendrerit. Proin odio diam, rhoncus at egestas ac, accumsan quis neque. Phasellus varius vel nunc eget pharetra.


Footer

Personal tools (links)

  1. (User)[5]
  2. Language
  3. Discussion[6]
  4. Preferences[7]
  5. Watchlist[8]
  6. Contributions[9]
  7. Register/Login/Logout

Page views

  1. (Page) (tab)
  2. Discussion (tab)

  1. History
  2. What links here[10]
  3. Related changes[4]
  4. Page information
  5. Printable version
  6. Permalink
  7. Other languages

Page actions (buttons)

  1. Edit
  2. Rename
  3. Delete
  4. (un)Protect
  5. (un)Watch


Notes
  1. Just clicking the logo should be enough (by default; of course, the nav sidebar is customizable anyway)
  2. "site tools"
  3. or maybe a link "insert media" in the page menu? of course, the upload+insertion functionality should be automated or at least guided (like then you log in you get a link to the page you were previously)
  4. 4.0 4.1 probably should be removed by default
  5. dropdown menu, if dynamic; link to user profile, if static. The user page would contain an automatic header in the user page (like preview notices, etc.) with links to preferences, watchlist, talk, and other stuff only the current user has access to.
  6. only a new messages/notifications icon; dropdown menu, if dynamic; link to Special:Notifications, if static
  7. accessible through the user drop-down menu, if dynamic, or user page banner, if static
  8. should be just a filter in Recent Changes
  9. accessible in the page views menu of the user page, which would also include logs, user rights, etc
  10. ideally should contain incoming links and outgoing links, as well as templates and media used on the page

Mobile[edit]

Logo
Tagline


Search

Page title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut aliquet cursus nulla, tempus suscipit lorem vehicula efficitur. Proin ac convallis velit, sed commodo lorem. Sed at nulla id dolor tincidunt consectetur sollicitudin euismod nulla.

Quisque faucibus accumsan purus, id pulvinar nisl auctor eu. Pellentesque turpis felis, bibendum ut est sit amet, ornare ultrices nisi. Duis nibh metus, tristique non egestas sed, congue vitae diam. Curabitur quam lectus, malesuada in sagittis eu, volutpat sed velit.

Site nav (links)
  1. (Home)
  2. Recent changes
  3. Special pages
  4. Help

Site actions (buttons)

  1. Search
  2. Create page
  3. Upload file
  4. Random page
Personal tools (links)
  1. (User)
  2. Language
  3. Discussion
  4. Preferences
  5. Watchlist
  6. Contributions
  7. Register/Login/Logout (button?)
Page views (links)
  1. (Page)
  2. Discussion
  3. History
  4. What links here
  5. Related changes
  6. Page information
  7. Printable version
  8. Permalink
  9. Other languages

Page actions (buttons)

  1. Edit
  2. Rename
  3. Delete
  4. (un)Protect
  5. (un)Watch
Footer

Layout (simplified/reader mode)[edit]

Logo
Tagline
Search box Login

Page title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut aliquet cursus nulla, tempus suscipit lorem vehicula efficitur. Proin ac convallis velit, sed commodo lorem. Sed at nulla id dolor tincidunt consectetur sollicitudin euismod nulla.

Quisque faucibus accumsan purus, id pulvinar nisl auctor eu. Pellentesque turpis felis, bibendum ut est sit amet, ornare ultrices nisi. Duis nibh metus, tristique non egestas sed, congue vitae diam. Curabitur quam lectus, malesuada in sagittis eu, volutpat sed velit.

Praesent risus nulla, dictum eget leo eget, ultrices vehicula justo. Quisque iaculis nisi nec felis euismod, eu vestibulum urna hendrerit. Proin odio diam, rhoncus at egestas ac, accumsan quis neque. Phasellus varius vel nunc eget pharetra.

Footer