Тема оформления TEXUS

среда, 18 марта 2009

21:51

Tex

Неисправимый оптимист

18/03/2009 - Обновлен css-код
В связи с изменением верстки дневников в код внесены необходимые правки.
Если очень коротко, то добавляем строку: #pchs_title, #lastComments_title {display:none !important;} для корректной работы вкладок со свежими комментариями и постоянными читателями.

История версий

Совместимость с основными броузерами ~90%.

Актуальная версия кода:

* html body{behavior:url("/files/csshover.htc";);}
* html #wrapper{overflow:visible;}
body {padding:10px !important; font-family: "Trebuchet MS",Arial,sans-serif!important; font-size:75%!important; color:#333!important; background:#ccc;}
.postDate, .postTitle {color:#349dcb; font-size:140%!important; font-weight:700!important;}
A {color:#006DBA!important;}
#wrapper{ background:#fff; padding:0 !important; width:980px; min-width:980px!important; margin:0 auto !important;overflow:hidden !important;}
#side {margin:0 !important; padding:0 !important;}
#side .bordered {width:980px;background:#002e4b; height:91px; margin: 0 !important; padding: 0!important; position:absolute; top:10px; z-index:5;}
#side li {float:left; display:block; padding-right:10px!important;}
#side A, #side {color:#fff!important;}
#extratop {height:130px;}
#page-c {height:auto; margin:0!important}
#page-t {margin:0!important}
.singlePost {height: auto !important; height: 1em; border: 0 !important;}
#thisDiaryLinks, #globalLinks, #thisDiaryInfo, #thisDiaryOwner, #myDiaryLinks, #lastComments, #pchs, h1 {clear:none; float:left; display:block; width:135px; height:26px; margin:0!important; }
#YaSearch {padding:0!important; margin:0!important;height:0!important;border:0!important;}
#YaSearch A {display:none;}
#YaSearchForm .submit {height:20px;}
#YaSearchForm { visibility: visible !important; display: block !important; margin:0!important; width:235px; height:45px; padding:5px 10px 1px; position:absolute;right:0; top:55px;}
#yaquery {color:#fff!important;}
#thisDiaryLinks ul, #globalLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #lastComments ul, #pchs ul{ display:none; width:960px; padding:10px 10px; position:absolute;left:0; top:90px;}
#lastComments ul li {float:left; width:450px!important; margin-right:20px; height:40px; border-bottom: 1px dashed #ddd;}
#lastComments:hover ul, #lastComments ul:hover, #pchs:hover ul, #pchs ul:hover, #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryOwner:hover ul, #thisDiaryOwner ul:hover #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryLinks:hover ul, #thisDiaryLinks ul:hover {display:block!important; z-index:10;}
#myDiaryLinks, #myDiaryLinks ul {display:block;}
#thisDiaryLinks ul {background:#FFAA00;}
#thisDiaryLinks {background: url('/userdir/0/3/4/0/0340/31838794.gif';) #FFAA00 no-repeat;}
#globalLinks ul {background:#0198AC;}
#globalLinks {background: url('/userdir/0/3/4/0/0340/31838554.gif';) #0198AC no-repeat;}
#thisDiaryOwner ul {background:#89D51C}
#thisDiaryOwner {background: url('/userdir/0/3/4/0/0340/31838548.gif';) #89D51C no-repeat;}
#myDiaryLinks ul {background:#e33827;}
#myDiaryLinks {background: url('/userdir/0/3/4/0/0340/31838550.gif';) #e33827 no-repeat;}
#lastComments ul {background:#AE015C;}
#lastComments {background: url('/userdir/0/3/4/0/0340/31838558.gif';) #AE015C no-repeat;}
#pchs ul {background:#005286;}
#pchs {background: url('/userdir/0/3/4/0/0340/31838556.gif';) #005286 no-repeat;}
#thisDiaryPhoto, #paySupportLink, #diarySupportLink, #diarySpiritLink, #myLinksLink, #upInChart, #myProfileLink, #NContent, #login_form, #mainpageLink, #pchs_title, #lastComments_title {display:none !important;}
#extrabottom {height:5px;width:100%; background:#002e4b; clear:both;}
#thisDiaryInfo, H1 {font-size:220%!important;margin:0!important; height:45px!important;}
#thisDiaryInfo { width:350px;text-align:right; padding: 10px 10px 0 0!important; }
H1 { width:610px;text-align:left!important; padding:10px 0 0 10px!important;}
.search {width:160px !important;}
.sign {font-size:80%; color:#666;}
.header {color:#e33827!important;}
#TagsList {padding:0 !important; margin:0!important; position:absolute;left:0; top:-55px;}
#TagsList LI {border-bottom: 1px dashed #ddd; display:block; height:20px; float:left; width:140px!important; margin-right:10px!important;}
#TagsList LI A {padding:0 !important; }
.postLinksBackg {display:block !important; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-top: 10px !important; padding:10px 0 !important;}
.comments {background: url('/userdir/0/3/4/0/0340/15202154.gif';) no-repeat; padding:0 0 0 20px!important;}
.subscribe {background: url('/userdir/0/3/4/0/0340/15203190.gif';) no-repeat; padding:0 0 0 20px!important;}
.addToQuote {background: url('/userdir/0/3/4/0/0340/15202458.gif';) no-repeat; padding:0 0 0 20px!important;}
.umail, .email {background: url('/userdir/0/3/4/0/0340/15202570.gif';) no-repeat; padding:0 0 0 20px!important;}
.diary {background: url('/userdir/0/3/4/0/0340/15202094.gif';) no-repeat; padding:0 0 0 20px!important;}
.profile {background: url('/userdir/0/3/4/0/0340/15202054.gif';) no-repeat; padding:0 0 0 20px!important;}
.bordered, .menuSection {border: none !important;}
.text, textarea, #mce_editor_0, #mceSpanFonts {font-family: "Trebuchet MS",Arial,sans-serif!important;border:#ccc 1px solid!important;color:#000!important}
#JournalComments .singlePost div.authorName, #JournalComments .singlePost div.commentAuthor {display:none;}
#JournalComments .singlePost div.paragraph {margin:0!important;}
#codebuttons a {float:left;}
#codebuttons {clear:both;}
#mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}

Это beta-версия темы оформления с условным названием TEXUS
Сверстанная почти полгода назад, она до сегодняшнего дня пылилась у меня в чулане из-за технической несовместисти с @дневниками.
За цветными горизонтальными полосками скрываются основные элементы меню.
Все просто, компактно и, одновременно, всегда под рукой.
Поддерживается всеми основными браузерами.

2DO list:
Меню сообществ
~~Поиск~~
Список любимых ссылок

PS.: Стиль каждый использует на свой страх и риск. Код распространяется as is - как есть.
Я оставляю за собой право не отвечать на вопросы типа "А как сделать... ?" - для этого есть DiaryCSS

Если стиль Вам все-таки понравился или оказался полезен при создании собственного дизайна — можете поставить действующую ссылочку на этот пост где-нибудь в своем эпиграфе.
Ну или черкнуть пару строк в комментариях ;-)

запись создана: 20.06.2007 в 03:54

@темы: texus, дневники, CSS, @дневники, Дизайн, Креатив

URL

меня распирает от умиления. мне очень радостно, что стран... Продолжаем разговор. Интересное тут все-таки обшество. ... Любопытно, почему на компактах «заводского» изготовления ...

...... Der Mutter die mich nie geboren hab ich heute Na... Мелочи поглощают больше всего времени. "А может быть, все немного иначе – и проблема вами н...

Комментарии

29.05.2008 в 16:45

ясно спасибо, а то мне видно две белых полоски

URL

29.05.2008 в 19:21

Tex

Неисправимый оптимист

Amaterumitama, сделай скриншот

URL

30.05.2008 в 21:07

strange

:: сибарит :: красавчик :: умница :: недобрый :: няшка :: гений ::

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

URL

08.06.2008 в 20:17

symbolia

мир в ладонях

zombie-machine.diary.ru/

спасибо =] кредит в эпиграфе =]

URL

10.06.2008 в 22:27

Все тоже..

If rape is inevitable, relax and enjoy it.

Tex, стырил...

немножко подогнал под себя, копирайты в эпиграфе подписал.. в будущем может и иконки подберу) спасибо за темку. Давно хотел что-то подобное на дневниках)
Единственное, видимо я там с чем то переборщил, и на опере менюшка маленько коситься

или просто опера на которой я проверял, старая.. но этим тоже может потом как-нить займусь)

URL

14.06.2008 в 01:53

nevadachan

有些人,有些话,说不说理不理都无所谓,因为看清了,也就看轻了。

спасибо %)

URL

26.06.2008 в 00:23

Dexter Morgan

спасибо=) сначало удивился как так без единого скрипта=) но вроде разобрался=) сенькю=) украл и кое-как прикрутил=)

URL

26.06.2008 в 07:44

Tex

Неисправимый оптимист

Dexter Morgan, css очень сильная штука на самом деле ;-)

URL

27.06.2008 в 14:16

Helga Rais

Я человек незаурядный - я не иду на компромиссы. Я сразу сдаюсь!

Нагло сперла меню ^^'
~~И даже почти освоила. )~~

URL

30.06.2008 в 19:12

britcardigan

за меня говорит Джек.

нагло стырила))
ВОТ ТАКОЕ ВОТ СПАСИБО!!!

URL

17.07.2008 в 03:30

diary-cloud.diary.ru/
:kiss:

URL

20.07.2008 в 23:41

Floralias

Чтобы увидеть радугу - нужно пережить дождь...(с)

Взяла себе :rolleyes:

URL

28.07.2008 в 13:26

Чудеснов

молодой динамично развивающийся

Для «Избранного автора» забыли картинку.

URL

28.07.2008 в 19:26

Tex

Неисправимый оптимист

Chudd!, будет. спасибо.

URL

29.07.2008 в 13:13

взял себе
pay.diary.ru/~kodein/

URL

30.07.2008 в 01:26

Юфенка с ушками

atenta desatención

Утащила, предварительно немного похимичив. Спасибо Вам огромное! ^_^

pay.diary.ru/~tales-of-omashy/

URL

03.08.2008 в 10:37

Травка

Эстетика. Самосознание. Гибель.

ну, можно сказать, что я взяла ваш дизайн, так? с недоработками, правда, жуткими. но буду писать в поддержку.
спасибо

огромный полезный опыт.

URL

11.08.2008 в 03:42

Lord Tyki Mikk

Some say ya' troubled boy, just because you like to destroy...Well, what's wrong with a little destruction?

большооое спасибо ^_^
взял, перекрасил на свой вкус и доволен
ещё раз спасибо ^^

URL

12.08.2008 в 09:57

neks

взяла) немного доработаю и повешу. Спасибо

URL

14.08.2008 в 02:38

взяла за основу код на меню, огромное спасибо)))

URL

18.08.2008 в 08:51

Грин

раны не лечатся, когда ранам рады

взял за основу, сейчас чуть изменяю, спасибо)))

URL

20.08.2008 в 19:17

Kieran

Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|

Взял за основу, буду менять.
Спасибо огромное)

URL

12.09.2008 в 17:56

[Darka]

Пааааасибки огромное-стыбзило-

URL

18.09.2008 в 11:59

Зу

Пидорас

взял, спасибо+)

URL

20.09.2008 в 22:28

Стражница

В начале сотворил Бог небо...

Спасибо большое за идею меню =)

URL

21.09.2008 в 22:12

Taiyo

не все то солнышко, что встаёт ))

Спасибо за код)

URL

27.09.2008 в 00:20

not your lad

интересно)) *ушёл разбираться в коде*

URL

28.09.2008 в 14:16

ashi4ka

...Что есть состояние ума, кроме боли и нирваны?...

одним глазом смотрит на код и пытается его запомнить... я уже пол года смотрю и думаю.... надо или нет....
я так ни на долга....

пасипа*))))

URL

10.10.2008 в 15:54

Попробую таки уже, спасибо)

URL

28.10.2008 в 17:40

Скворцов

А человека, который посоветует мне не зарывать талант в землю, я ударю лопатой

Честно и сразу признаюсь, что украл код и зверски над ним поиздевался.
Спасибо за него, ога)))

URL

← Предыдущая Первая 1 2 3 4 5 6 7 Следующая → Последняя

Добавить комментарий

Расширенная форма

Редактировать

Использовать аватар

Изображения

Подписаться на новые комментарии

Получать уведомления о новых комментариях на E-mail


Запомнить

Тема оформления TEXUS

Каждый день о разном