#405 Harvest spice

[polishastik]

Продолжая эту тему.
Жду комментов

Пример

Примерить

-------------------------------------------------------------------------------------------------------------------------
Дизайн доступен в Каталоге оформлений с АВТОМАТИЧЕСКОЙ УСТАНОВКОЙ - тут
-------------------------------------------------------------------------------------------------------------------------

Настройки

Экстратоп

Экстработтом

Фон

Фон постов

Разделитель

Дневник 1

Дневник 2

Мой дневник 1

Мой дневник 2

Главное меню 1

Главное меню 2


Код

body {background: url('ФОН') 0 0 fixed repeat; padding-top: 0px !important; background-position: center !important;}
 #wrapper{ min-width:900px!important;width:900px; margin: 0 auto !important;padding:0 !important;}
 #extratop {background: url('ЭКСТРАТОП') 0 0 no-repeat; height:410px; width:830px; background-position: center !important; margin-top: 0px !important; margin-left: 0px !important }
 #extrabottom {height: 261px; background: url('ЭКСТРАБОТТОМ') no-repeat center; clear: both; position: relative !important; right: 27px; top: -10px}
 #page-c{ background: url('ФОН ПОСТОВ') repeat-y; width:813px !important;padding:0px !important;padding:0px !important; margin-top: -4px !important; margin-left: 17px !important }
 #page-t { margin:0 !important}
 #postsArea { width:730px !important; position: relative !important; margin-left: 20px !important; margin-top: 0px !important }
 #commentsArea{width:730px !important; position: relative !important; margin-left: 20px !important;}
 #addCommentArea {width:730px !important; position: relative !important; margin-left: 20px !important;}
 #side{ width:830px !important;margin:0px !important; padding:0 !important;}
 #side div.bordered {position:absolute; top:280px; left:50%; margin-left:-120px ;}
 .menuSection {text-align:center}
 #thisDiaryOwner_title {display:block; width:145px; height:56px; line-height:500px; overflow:hidden; background: url('ДНЕВНИК 1') 2px 4px no-repeat; margin-top: 0px !important; margin-left: 10px !important}
 #myDiaryLinks_title {display:block; width:126px; height:56px; line-height:500px; overflow:hidden; background: url('МОЙ ДНЕВНИК 1') 2px 4px no-repeat; margin-left: -3px !important }
 #globalLinks_title {display:block; width:125px; height:56px; line-height:500px; overflow:hidden; background: url('ГЛАВНОЕ МЕНЮ 1') 2px 4px no-repeat; margin-left: -10px !important }
 #thisDiaryOwner_title:hover {display:block; width:145px; height:56px; line-height:500px; overflow:hidden; background: url('ДНЕВНИК 2') 2px 4px no-repeat; margin-top: 0px !important; margin-left: 10px !important}
 #myDiaryLinks_title:hover {display:block; width:126px; height:56px; line-height:500px; overflow:hidden; background: url('МОЙ ДНЕВНИК 2') 2px 4px no-repeat; margin-left: -3px !important }
 #globalLinks_title:hover {display:block; width:125px; height:56px; line-height:500px; overflow:hidden; background: url('ГЛАВНОЕ МЕНЮ 2') 2px 4px no-repeat; margin-left: -10px !important }
 #side ul {background: #ffffff; border: 1px solid #4f4332 }
 #side h1 a {position:relative; top:-45px !important; left: -290px !important; font-size: 150%; font-weight: bold; text-decoration: none; color: #43270e !important}
 #authorName {position:relative; top: 50px !important; right: 610px !important; color: #43270e !important}
 .singlePost {padding-bottom: 20px !important; background: url('РАЗДЕЛИТЕЛЬ') center bottom no-repeat;}
 #epigraph .singlePost, #post0 {background:none !important;}
 #epigraph {background: none !important; background-position:bottom !important;}
 .postDate { text-align:center; }
 .header { text-align:center; }
 .postLinksBackg {text-align:center;}
 .pageBar {position: relative; top: 20px; }
 a:hover {text-decoration: none; color: #e9a62c;}
 .avatar img {width:80px !important; min-width:80px !important; max-width:80px!important; -moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45); border: 4px double #4f4332}
 .avatar img:hover {width:100px !important; min-width:100px !important; max-width:100px!important;-moz-opacity:1.0 !important;opacity:1.0 !important; filter:alpha(opacity=100); border: 4px double #e9a62c}
 .sign {font-size: 50% !important; text-align: left;}
 .sign:hover {font-size: 50% !important;text-align: left; color:#e9a62c;}
 #sortFromBegin {display:none !important;}
 #sortFromEnd {display:none !important;}
 #sortFromLastComment {display:none !important;}
 .order_button {display:none}
 #iAmQuit, #thisDiaryPhoto, #thisDiaryLinks, #more_login, #myNotepadLink, #YaSearch, #lastComments, #myLinks, #pchs, #albumLink, #allDiaryLink, #faqLink, #paySupportLink, #diarySupportLink, #diarySpiritLink , #randomDiaryLink, #myCommunitiesLink, #upInChart, #myDraftLink, #communityCatalogueLink , #photolibLink {display:none !important;}
 #bottomNav {display:none !important;}

Цвета
заголовок #ab3e02
ссылки #4f4332
записи #272727
фон везде #

Шрифт
заголовка жирный 16
текста обычный 14
гарнитура Trebuchet MS

Примечание
Дизайн блочный. Навигация вверху.

Comments

[polishastik]

айди названия ("сообщество") - #thisCommunityMember_title, #thisDiaryLinks_title, #thisCommunity_title
айди всего блока - #thisCommunityMember, #thisDiaryLinks_title, #thisCommunity
двигать весь блок при помощи свойств top, left, right

[Мир подарков и радости]

спасибо огромное!

[Мир подарков и радости]

я оказалась безнадежно тупа в плане CSS.
А можно оформить этот дизайн как мой заказ?
Заказ будет заключаться только в том, чтоб что-нибудь эстетичное сделать с надписью "сообщество".
Естественно, я это оплачу. Так же я создала сообщество (новое), на котором можно упражняться и делать прекрасные дизайны.
Если вы согласны, я вам вышлю логин и пароль от этого тестового сообщества.

[polishastik]

*Самая Нежная*, высылайте логин-пароль.
только сделаю не сегодня.

[Nicky Hart]

Классно.
Возьму себе.)

[polishastik]

Nicky Hart, берите)

[Olice in Wonderland]

красота)))) спасибо!

[bred~]

Я так понял что это свободнораспространяемая штука :3
Так что я взял ваши кнопочки, ок?

[DinKartin]

красотень)
спасибо)
беру поносить)

[Amai.ame]

Шикарно! *__* Написал Вам на умаил

[Amai.ame]

В общем, я взял поносить. Сначала в коде не было пометок русскими буквами и я потерялся. А потом, скопировав его ещё раз они появились! Так что у меня всё вышло! Спасибо!)

взяла
спасибо

[21-й встречный]

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

[lumazark]

Замечательная работа! С вашего позволения взяла в коллекцию.

[polishastik]

берите))

[Чертёнок_]

как всегда шикарно
утащууу

[polishastik]

Чертёнок_, берите)

[Mellori]

Прекрасный дизайн.) Утащила.) Буду носить.)

[polishastik]

Mellori, носите с удовольствием

[рика инверс вредная и ленивая]

Вы просто талантище!
Спасибо за такую работу,присоединюсь к утащившим.

[polishastik]

РиКа Инверс вредная,ленивая и с тапками, спасибо, очень приятно

[Flight of fancy]

Прекрасно Унесла в коллекцию)

[polishastik]

Flight of fancy, оке

[Jessica Day]

какая красота!!возьму в коллекцию?

[polishastik]

Jessica Day, конечно берите

[Jessica Day]

polishastik можно вопрос?почему меню в "my diary" быстро убирается?практически невозможно перейти по ссылкам.

[polishastik]

Jessica Day, не знаю. было все нормально. щас попробую подправить код.

[polishastik]

Jessica Day, в строке #side div.bordered {position:absolute; top:280px; left:50%; margin-left:-120px ;} 280 замените на 270

[Jessica Day]

спасибо!теперь все нормально!

[*Your_tenderness*]

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