Дизайн №316. Властелин мира - 1

[La_mignonne]

Дизайн автора [J]Intermittent[/J] вошел в тройку лидеров на конкурсе "Властелин мира"

Пример

Настройки

Описание:
Наверняка у большинства людей при словосочетании "властелин мира" перед глазами встает один и тот же образ-человек на вершине ну, скажем скалы. А вокруг разумеется молнии. Сначала я не стала исключением.
В поисках исходника наткнулась на это замечательный рисунок авторства Татьяны Чувашевой и идея в голове мгновенно изменилась.
Карта-это маленький кусочек мира, его проекция. Следовательно того, кто владеет ее можно немного в чем-то считать властелином мира. Вот и вся идея.)

Особенности данного CSS-дизайна:
1. при наведении ссылки не подчеркиваются, но выделяются нежно зеленым цветом (это показано на скриншоте).
2. из меню убраны ссылки, такие как: Список избранных, Список ПЧ, Каталог сообществ, Мои сообщества, @дневники: изнутри, Техподдержка, FAQ.
3. также само меню было поднято вверх, а заголовок дневника отображается заглавными буквами.
4. время написания поста мигает с интервалом 1 секунда (свойство blind).
5. @музыка, @настроение, @тема-все это отображается нормальным, не курсивным шрифтом.
6. меню и основной блок соединены и обведены контуром.

заголовок-13, обычный.
текст-12, обычный.
шрифт-тахома.

цвета:
заголовок- #eed410
ссылки- #727272
запись- #727272
оффотопик- #5ca361
фон, границы- все белое, #ffffff

картинка из экстратопа- i035.radikal.ru/0909/33/c5a56dc26538.jpg
аватар дневника- s55.radikal.ru/i148/0909/6d/cb27ead8865f.png

#extratop {background: #fff url('/userdir/1/3/3/5/1335657/45239690.jpg';); 0 0 no-repeat; height:250px; width:100%;}
#wrapper{width:691px;min-width:0;}
#side {width:150px;}
.left #page-c {margin-left:-151px;}
.left #page-t {margin-left:151px;}
.right #page-c {margin-right:-151px;}
.right #page-t {margin-right:151px;}
body{ background-attachment:fixed; }
#paySupportLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink {display:none}
div#side .menuSection {border:none;}
.right #wrapper{background:#ffffff;overflow:hidden; border-style: solid; border-color: #5c5c5c;}
a {text-decoration:none !important; text-transform: lowercase; }
a:hover {color:#5ca361;}
.atMusic em, .atMood em, .atTag em { font-size: 11px; font-style: normal; }
.header span { color:#5ca361; text-decoration: blink;}
#side h1 a { font-weight:bold; text-transform:uppercase;}
#lastComments {display: none;}
.postLinks { text-transform:lowercase; font-size: 10px !important;; }
#myDiaryLink a {color: #eed410;}
#allDiaryLink a {color:#eed410;}
#side {position:absolute; top: 29px; rait: 4px;}

Comments

[гутен морген]

а можно взять себе?)

[La_mignonne]

ну для того и выложен

[гутен морген]

а можно ли ссылку на аватар обновить? она по-моему устарела.)

[.Vozduh]

Loki-trickster,хорошо. Когда всё будет готово, сообщу вам об этом в комментариях.

[.Vozduh]

Loki-trickster, ссылки обновлены.

[гутен морген]

mahini большое спасибо))

[B.Prentiss]

Можно, с позволения Автора, позаимствовать сам эпиграф?

[.Vozduh]

B_Prentiss, я не знаю подписан ли автор на комментарии. Попробуйте спросить у него по у-мылу.

B_Prentiss можно конечно.)

[B.Prentiss]

Intermittent, благодарю.