Участник:Lit-uriy/Песочница2
Материал из Wiki.crossplatform.ru
< Участник:Lit-uriy(Различия между версиями)
Lit-uriy (Обсуждение | вклад) (пересортировал варианты цветов) |
Lit-uriy (Обсуждение | вклад) |
||
| (3 промежуточные версии не показаны) | |||
| Строка 1: | Строка 1: | ||
| + | == Блоки == | ||
<!---- Таблица Цветные блоки -----------------------------> | <!---- Таблица Цветные блоки -----------------------------> | ||
{|style="width:100%" cellspacing="0" cellpadding="0" | {|style="width:100%" cellspacing="0" cellpadding="0" | ||
| Строка 138: | Строка 139: | ||
| style="border: 1px solid #ff00ff; padding: 1em; margin: auto" bgcolor="#dd00dd" | background:<tt>#dd00dd</tt> border:<tt>#ff00ff</tt> || bgcolor="#ff00ff" |   | | style="border: 1px solid #ff00ff; padding: 1em; margin: auto" bgcolor="#dd00dd" | background:<tt>#dd00dd</tt> border:<tt>#ff00ff</tt> || bgcolor="#ff00ff" |   | ||
| style="border: 1px solid #ff00ff; padding: 1em; margin: auto" bgcolor="#dd00dd" | background:<tt>#dd00dd</tt> border:<tt>#ff00ff</tt> || bgcolor="#ff00ff" |   | | style="border: 1px solid #ff00ff; padding: 1em; margin: auto" bgcolor="#dd00dd" | background:<tt>#dd00dd</tt> border:<tt>#ff00ff</tt> || bgcolor="#ff00ff" |   | ||
| - | |||
| - | |||
|} | |} | ||
{| | {| | ||
| + | |- | ||
| + | | style="border: 1px solid #cccccc; padding: 1em; margin: auto" bgcolor="#fcfcfc" | background:<tt>#fcfcfc</tt> border:<tt>#cccccc</tt> || bgcolor="#cccccc" |   | ||
| + | |- | ||
| style="border: 1px solid #cccccc; padding: 1em; margin: auto" bgcolor="#CCCCFF" | background:<tt>#CCCCFF</tt> border:<tt>#cccccc</tt> || bgcolor="#cccccc" |   | | style="border: 1px solid #cccccc; padding: 1em; margin: auto" bgcolor="#CCCCFF" | background:<tt>#CCCCFF</tt> border:<tt>#cccccc</tt> || bgcolor="#cccccc" |   | ||
| + | |- | ||
| + | | style="border: 1px solid #AAAAAA; padding: 1em; margin: auto" bgcolor="#C8D8FF" | background:<tt>#C8D8FF</tt> border:<tt>#AAAAAA</tt> || bgcolor="#AAAAAA" |   | ||
| + | |- | ||
| + | | style="border: 1px solid #AAAAAA; padding: 1em; margin: auto" bgcolor="#D7FFC7" | background:<tt>#D7FFC7</tt> border:<tt>#AAAAAA</tt> || bgcolor="#AAAAAA" |   | ||
|} | |} | ||
| Строка 174: | Строка 180: | ||
Wikipedia uses the following color scheme on its new main page: | Wikipedia uses the following color scheme on its new main page: | ||
| - | <div style="background:#F5FFFA; border: 1px solid #CEF2E0; padding: 1em; margin: auto; width: 45%; float:left;"><div style="margin:0;background-color:#cef2e0;font-family:sans-serif;font-size:120%;font-weight:bold;border:1px solid #a3bfb1;text-align:left;color:#000;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">Title</div> this is an example of black text with color applied to its background and border </div> | + | <div style="background:#F5FFFA; border: 1px solid #CEF2E0; padding: 1em; margin: auto; width: 45%; float:left;"> |
| - | <div style="background:#F5FAFF; border: 1px solid #CEDFF2; padding: 1em; margin: auto; width: 45%; float:left;"><div style="margin:0;background-color:#cedff2;font-family:sans-serif;font-size:120%;font-weight:bold;border:1px solid #a3b0bf;text-align:left;color:#000;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">Title</div> this is an example of black text with color applied to its background and border </div> | + | <div style="margin:0;background-color:#cef2e0;font-family:sans-serif;font-size:120%;font-weight:bold;border:1px solid #a3bfb1;text-align:left;color:#000;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">Title (#cef2e0/#a3bfb1)</div> this is an example of black text with color applied to its background and border<br />(#F5FFFA/#CEF2E0)</div> |
| + | <div style="background:#F5FAFF; border: 1px solid #CEDFF2; padding: 1em; margin: auto; width: 45%; float:left;"><div style="margin:0;background-color:#cedff2;font-family:sans-serif;font-size:120%;font-weight:bold;border:1px solid #a3b0bf;text-align:left;color:#000;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">Title (#cedff2/#a3b0bf)</div> this is an example of black text with color applied to its background and border<br />(#F5FAFF/#CEDFF2)</div> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
| - | <div style="background:#FCFCFC; border: 1px solid #CCC; padding: 1em; margin: auto; width: 45%; float:left;"><div style="margin:0;background-color:#FCFCFC; font-family:sans-serif;font-size:120%;font-weight:bold;border:1px solid #FCFCFC;text-align:left;color:#000;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">Title</div> this is an example of black text with color applied to its background and border </div> | + | <div style="background:#FCFCFC; border: 1px solid #CCC; padding: 1em; margin: auto; width: 45%; float:left;"><div style="margin:0;background-color:#FCFCFC; font-family:sans-serif;font-size:120%;font-weight:bold;border:1px solid #FCFCFC;text-align:left;color:#000;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">Title (#FCFCFC/#FCFCFC)</div> this is an example of black text with color applied to its background and border<br />(#FCFCFC/#CCC)</div> |
| - | <div style="background:#FAF5FF; border: 1px solid #DDCEF2; padding: 1em; margin: auto; width: 45%; float:left;"><div style="margin:0;background-color:#DDCEF2;font-family:sans-serif;font-size:120%;font-weight:bold;border:1px solid #AFA3BF;text-align:left;color:#000;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">Title</div> this is an example of black text with color applied to its background and border </div> | + | <div style="background:#FAF5FF; border: 1px solid #DDCEF2; padding: 1em; margin: auto; width: 45%; float:left;"><div style="margin:0;background-color:#DDCEF2;font-family:sans-serif;font-size:120%;font-weight:bold;border:1px solid #AFA3BF;text-align:left;color:#000;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">Title (#DDCEF2/#AFA3BF)</div> this is an example of black text with color applied to its background and border<br />(#FAF5FF/#DDCEF2)</div> |
<br clear="all"> | <br clear="all"> | ||
| - | Color scheme from [[:Commons:Help:Contents]] | + | === Color scheme from [[:Commons:Help:Contents]] === |
<div style="background:#faf6ed; border: 1px solid #fad67d; padding: 1em; margin: auto; width: 45%; float:left;"><div style="margin:0;background-color:#faecc8;font-family:sans-serif;font-size:120%;font-weight:bold;border:1px solid #fad67d;text-align:left;color:#000;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">Title</div> this is an example of black text with color applied to its background and border </div> | <div style="background:#faf6ed; border: 1px solid #fad67d; padding: 1em; margin: auto; width: 45%; float:left;"><div style="margin:0;background-color:#faecc8;font-family:sans-serif;font-size:120%;font-weight:bold;border:1px solid #fad67d;text-align:left;color:#000;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">Title</div> this is an example of black text with color applied to its background and border </div> | ||
Текущая версия на 08:32, 30 сентября 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:#fffaf5 border:#f2e0ce | background:#f2e0ce border:#bfb1a3 | background:#aa0000 border:#cc0000 | background:#cc0000 border:#ff0000 | ||||
| background:#faf6ed border:#fad67d | background:#faecc8 border:#fad67d | background:#ddbb00 border:#ffdd00 | background:#ddbb00 border:#ffdd00 | ||||
| background:#faf6ed border:#fad67d | background:#faecc8 border:#fad67d | background:#dddd00 border:#ffff00 | background:#dddd00 border:#ffff00 | ||||
| background:#f5fffa border:#cef2e0 | background:#cef2e0 border:#a3bfb1 | background:#00dd00 border:#00ff00 | background:#00dd00 border:#00ff00 | ||||
| background:#f1f5fc border:#abd5f5 | background:#d0e5f5 border:#abd5f5 | background:#00dddd border:#00ffff | background:#00dddd border:#00ffff | ||||
| background:#f5faff border:#cedff2 | background:#cedff2 border:#a3b0bf | background:#0000dd border:#0000FF | background:#0000dd border:#0000FF | ||||
| background:#faf5ff border:#ddcef2 | background:#ddcef2 border:#afa3bf | background:#dd00dd border:#ff00ff | background:#dd00dd border:#ff00ff |
| background:#fcfcfc border:#cccccc | |
| background:#CCCCFF border:#cccccc | |
| background:#C8D8FF border:#AAAAAA | |
| background:#D7FFC7 border:#AAAAAA |
[править] 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 (#cef2e0/#a3bfb1)
this is an example of black text with color applied to its background and border(#F5FFFA/#CEF2E0)
Title (#cedff2/#a3b0bf)
this is an example of black text with color applied to its background and border(#F5FAFF/#CEDFF2)
Title (#FCFCFC/#FCFCFC)
this is an example of black text with color applied to its background and border(#FCFCFC/#CCC)
Title (#DDCEF2/#AFA3BF)
this is an example of black text with color applied to its background and border(#FAF5FF/#DDCEF2)
[править] 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__
