Участник:Lit-uriy/Песочница2
Материал из Wiki.crossplatform.ru
(Различия между версиями)
Lit-uriy (Обсуждение | вклад) (перекомпоновал) |
Lit-uriy (Обсуждение | вклад) (радуга) |
||
| Строка 102: | Строка 102: | ||
| - | + | === По цветам радуги === | |
| - | + | {| | |
| + | | style="border: 1px solid #cef2e0; padding: 1em; margin: auto" bgcolor="#f5fffa" | background:<tt>#f5fffa</tt> border:<tt>#cef2e0</tt> || bgcolor="#cef2e0" |   | ||
| + | | style="border: 1px solid #a3bfb1; padding: 1em; margin: auto" bgcolor="#cef2e0" | background:<tt>#cef2e0</tt> border:<tt>#a3bfb1</tt> || bgcolor="#a3bfb1" |   | ||
| + | |- | ||
| + | | style="border: 1px solid #cedff2; padding: 1em; margin: auto" bgcolor="#f5faff" | background:<tt>#f5faff</tt> border:<tt>#cedff2</tt> || bgcolor="#cedff2" |   | ||
| + | | style="border: 1px solid #a3b0bf; padding: 1em; margin: auto" bgcolor="#cedff2" | background:<tt>#cedff2</tt> border:<tt>#a3b0bf</tt> || bgcolor="#a3b0bf" |   | ||
| + | |- | ||
| + | | style="border: 1px solid #ddcef2; padding: 1em; margin: auto" bgcolor="#faf5ff" | background:<tt>#faf5ff</tt> border:<tt>#ddcef2</tt> || bgcolor="#ddcef2" |   | ||
| + | | style="border: 1px solid #afa3bf; padding: 1em; margin: auto" bgcolor="#ddcef2" | background:<tt>#ddcef2</tt> border:<tt>#afa3bf</tt> || bgcolor="#afa3bf" |   | ||
| + | |- | ||
| + | | style="border: 1px solid #f2e6ce; padding: 1em; margin: auto" bgcolor="#fffaf5" | background:<tt>#fffaf5</tt> border:<tt>#f2e0ce</tt> || bgcolor="#f2e0ce" |   | ||
| + | | style="border: 1px solid #bfb1a3; padding: 1em; margin: auto" bgcolor="#f2e0ce" | background:<tt>#f2e0ce</tt> border:<tt>#bfb1a3</tt> || bgcolor="#bfb1a3" |   | ||
| + | |- | ||
| + | | style="border: 1px solid #abd5f5; padding: 1em; margin: auto" bgcolor="#f1f5fc" | background:<tt>#f1f5fc</tt> border:<tt>#abd5f5</tt> || bgcolor="#abd5f5" |   | ||
| + | | style="border: 1px solid #abd5f5; padding: 1em; margin: auto" bgcolor="#d0e5f5" | background:<tt>#d0e5f5</tt> border:<tt>#abd5f5</tt> || bgcolor="#abd5f5" |   | ||
| + | |- | ||
| + | | style="border: 1px solid #fad67d; padding: 1em; margin: auto" bgcolor="#faf6ed" | background:<tt>#faf6ed</tt> border:<tt>#fad67d</tt> || bgcolor="#fad67d" |   | ||
| + | | style="border: 1px solid #fad67d; padding: 1em; margin: auto" bgcolor="#faecc8" | background:<tt>#faecc8</tt> border:<tt>#fad67d</tt> || bgcolor="#fad67d" |   | ||
| + | |- | ||
| + | | style="border: 1px solid #cccccc; padding: 1em; margin: auto" bgcolor="#fcfcfc" | background:<tt>#fcfcfc</tt> border:<tt>#cccccc</tt> || bgcolor="#cccccc" |   | ||
| + | |} | ||
===Commons=== | ===Commons=== | ||
Версия 06:30, 20 сентября 2008
|
__NOTOC__ __NOTOC__ __NOTOC__ |
__NOTOC__ __NOTOC__ __NOTOC__ |
|
Text-1 | Text-2 |
Text-3 |
Шаблон блока страницы 1
{{{Содержание}}}
Шаблон блока страницы 2
Введение
Начало/Учебное пособие
Документация
Примеры
FAQ
Литература
Разное/Инструменты
Wikimedia colour schemes
Wikipedia
Wikipedia uses this colour scheme on its Main Page.
- Please note that the colour for the border on the lighter boxes is also the colour of the backgrounds of the darker (title) boxes.
| background:#f5fffa border:#cef2e0 | background:#cef2e0 border:#a3bfb1 | ||
| background:#f5faff border:#cedff2 | background:#cedff2 border:#a3b0bf | ||
| background:#faf5ff border:#ddcef2 | background:#ddcef2 border:#afa3bf | ||
| background:#fffaf5 border:#f2e0ce | background:#f2e0ce border:#bfb1a3 | ||
| background:#f1f5fc border:#abd5f5 | background:#d0e5f5 border:#abd5f5 | ||
| background:#faf6ed border:#fad67d | background:#faecc8 border:#fad67d | ||
| background:#fcfcfc border:#cccccc |
По цветам радуги
| background:#f5fffa border:#cef2e0 | background:#cef2e0 border:#a3bfb1 | ||
| background:#f5faff border:#cedff2 | background:#cedff2 border:#a3b0bf | ||
| background:#faf5ff border:#ddcef2 | background:#ddcef2 border:#afa3bf | ||
| background:#fffaf5 border:#f2e0ce | background:#f2e0ce border:#bfb1a3 | ||
| background:#f1f5fc border:#abd5f5 | background:#d0e5f5 border:#abd5f5 | ||
| background:#faf6ed border:#fad67d | background:#faecc8 border:#fad67d | ||
| background:#fcfcfc border:#cccccc |
Commons
The Wikimedia Commons uses this colour scheme on commons:Main Page and commons:Help:Contents.
|
background colour: #d0e5f5
background colour: #f1f5fc |
background colour: #faecc8
background colour: #faf6ed |
Aesthetic ideas
(A list of aesthetic implementations or concepts.)
- Simplicity - some users advocate the abolition of color altogether. We disagree with this, but we do acknowledge their point: do not employ anything that does not serve a purpose. (There is, however, a clear need for color: the main page uses it to allow the user to focus onto one aspect of a relatively "busy" space, and notices use it to bring attention to themselves.)
With regard to notices, tables, and similar elements:
- A very light background - many of the most popular websites on the internet use this, and with good reason. Dark backgrounds look inactive ("dead"), brightly-colored backgrounds cause eye-strain, and both are generally unpleasant.
- A thin and slightly darker border - One very good looking use of colors is a light colored background, with a 1px border that is a darker version of that same color.
Wikipedia uses the following color scheme on its new main page:
Title
this is an example of black text with color applied to its background and border Title
this is an example of black text with color applied to its background and border
Title
this is an example of black text with color applied to its background and border Title
this is an example of black text with color applied to its background and border
Color scheme from Commons:Help:Contents:
Title
this is an example of black text with color applied to its background and border Title
this is an example of black text with color applied to its background and border
Other color schemes:
this is an example of text with color applied to its background and border
this is an example of text with color applied to its background and border
Wikipedia used this color scheme on its old main page:
this is an example of text with color applied to its background and border
this is an example of text with color applied to its background and border
__NOTOC__
