8

[Пушистый хикки]

Дизайн для Горечь арабики
Комментарии: сделалось два варианта - надеюсь, какой-нибудь из них да понравится...
Примечание: использован шрифт Monotype Corsiva, потому что с ним, имхо, красивее и стильнее^_^''

Вариант I

Общий вид

CSS-коды

CSS-коды:

#wrapper{ min-width:980px!important;width:980px;padding:0 !important; margin: 0 auto !important; overflow:hidden !important; }
#side{width:164px !important;margin:0 !important; text-align:center;}
#page-c{width:816px !important;padding:0 !important;padding:0 !important;}
#page-t { margin:0 !important;}
#extratop { background: url('ЭКСТРАТОП') repeat-x; !important; width: 100%; height:550px; line-height: 100% !important;}
body{background:#ffffff url('ФОН') fixed !important;}
.block_design .bordered{background: url('ФОН ЗАПИСИ'); border-color: #000000; border-width:2px;}
a:visited {text-decoration: none !important;}
a:active {text-decoration: none !important;}
a:link {text-decoration: none !important;}
a:hover {color:#c5a2c5 !important;TEXT-DECORATION: none; text-transform: none; border-bottom: dashed; border-width: 2px; border-bottom-color: #c5a2c5;}
.postLinksBackg {font-weight: bold !important;}
#side a {color:#c5a2c5;}
#side a:hover {font-weight: bold !important;}
body, .sign {font-family:Monotype Corsiva;}
#side h1 a:hover {color: #ffffff !important; font-weight: bold !important;}
#side h1 a, #Stats, #myLinks {font-weight: bold !important;}
#authorName {font-weight: bold !important; color: #000000 !important;font-size:10px;}
#authorName:hover {font-weight: bold !important; color: #ffffff !important;}
.sign {color:#ae8f73 !important; font-style:italic; }
.header {color: #ffffff;}
.postContent {font-family:Comic Sans MS;font-size:13px;}
.avatar img,.avatarNew img { background: #331935; border: 2px solid #000000; padding: 3px; }
.commentAuthor { float:left; width:130px; overflow:visible; max-width: 130px; }
.commentAuthor .avatar { margin:3px 0 10px; width:auto; max-width: 200px !important; }
.avatar, .avatarNew{padding-left:-10px;}
.singleComment .commentAuthor { overflow:visible; margin-left:-150px !important; margin-left:-65px; max-width: 150px; display: inline; }
.singleComment .postContent { padding-left:150px !important;; padding-right:30px !important;; }
.block_design .singlePost, .block_design .menuSection, .block_design .singleComment, .block_design .section, .block_design #epigraph, .block_design .pageBar, .block_design .group_link, .block_design .list_box{border: none;}
.postDate {text-align:center;}
#thisDiaryInfo, #thisDiaryLinks, #myDiaryLinks, #YaSearch, #thisDiaryOwner, #globalLinks, #myLinks, #Stats, #pchs, #lastComments, .postLinksBackg, .postDate { background: url('ФОН ЗАПИСИ2'); border: 1px solid #999 }
#side h1 A {color:#c5a2c5 !important; }

Экстратоп

Экстратоп

Фон записи

Фон записи

Фон записи2

Фон записи2

Фон

Фон

Фото

Фото


Навигационная панель слева
Блочный дизайн

Цветовая схема

Цветовая схема

Шрифт
заголовка жирный-курсив 16
текста обычный 15
гарнитура Times New Roman

Цвет
Текста
заголовка #000000
записи #e1d4db
ссылки #ffffff
оффтопика #c5a2c5
Фона
дневника #
записи #

Границы #ba6767

Вариант II

Общий вид

CSS-коды

CSS-коды:

#wrapper{ min-width:980px!important;width:980px;padding:0 !important; margin: 0 auto !important; overflow:hidden !important; }
#side{width:163px !important;margin:0 !important; text-align:center;position:absolute; top:9px;}
#page-c{width:816px !important;padding:0 !important;padding:0 !important;}
#page-t { background:#ce9769; margin:0 !important;}
#extratop { background: url('ЭКСТРАТОП') repeat-x; !important; width: 100%; height:321px; line-height: 100% !important;}
body{background:#ffffff url('ФОН') fixed !important;}
a:visited {text-decoration: none !important;}
a:active {text-decoration: none !important;}
a:link {text-decoration: none !important;}
a:hover {color:#781407 !important;}
.postLinksBackg {font-weight: bold !important;}
#side a {color:#f0ed9f;}
#side a:hover {font-weight: bold !important;}
body, .sign {font-family:Monotype Corsiva;}
#side h1 a:hover {color: #ffffff !important; font-weight: bold !important;}
#side h1 a, #Stats, #myLinks {font-weight: bold !important;}
#authorName {font-weight: bold !important; color: #490e06 !important;font-size:10px;}
#authorName:hover {font-weight: bold !important; color: #ffffff !important;}
.sign {color:#f0ed9f !important; font-style:italic; }
.header {color: #ffffff;}
.postContent {font-family:Comic Sans MS;font-size:13px;}
.avatar img,.avatarNew img { background: #; border: 2px dotted #781407; padding: 1px; }
.commentAuthor { float:left; width:130px; overflow:visible; max-width: 130px; }
.commentAuthor .avatar { margin:3px 0 10px; width:auto; max-width: 200px !important; }
.avatar, .avatarNew{padding-left:-10px;}
.singleComment .commentAuthor { overflow:visible; margin-left:-150px !important; margin-left:-65px; max-width: 150px; display: inline; }
.singleComment .postContent { padding-left:150px !important;; padding-right:30px !important;; }
.block_design .singlePost, .block_design .menuSection, .block_design .singleComment, .block_design .section, .block_design #epigraph, .block_design .pageBar, .block_design .group_link, .block_design .list_box{border: none;}
.postDate {text-align:center;}
#side .bordered { background: url('ФОН МЕНЮ'); border: 1px solid #999 }
#side h1 A {color:#490e06 !important; }
#thisDiaryLinks, #myDiaryLinks, #YaSearch, #thisDiaryOwner, #globalLinks, #myLinks, #Stats, #pchs, #lastComments { border: 1px solid #781407;}
.postLinksBackg {display:block !important; border-top: 1px dashed #781407; border-bottom: 1px dashed #781407; margin-top: 10px !important; padding:10px 0 !important;}

Экстратоп

Экстратоп

Фон

Фон

Фон меню

Фон меню

Фото

Фото


Навигационная панель слева
Блочный дизайн

Цветовая схема

Цветовая схема

Шрифт
заголовка жирный-курсив 16
текста обычный 15
гарнитура Times New Roman

Цвет
Текста
заголовка #781407
записи #000000
ссылки #ffffff
оффтопика #f0ed9f
Фона
дневника #
записи #

Границы #

Аватары

смотреть

Total Icon Count: 8

001

002

003

004

005

006

007

008

@темы: CSS-дизайн, Заказы, Katesina Forsyte, Аватары

Comments

[Горечь арабики]

вааааааааааааааааааааааааааа! супер!! мне очень нравится!! дизайн и первый, и второй просто потрясающий! большое-большое-большое аригато!! *__________*

[Пушистый хикки]

очень рада это слышать^____^ а то, признаться, несколько волновалась, ибо вкусы-то у всех разные...

[Горечь арабики]

та не!! всё очень хорошо получилось!! красивенько ^_______^

[Пушистый хикки]

эм...^^'' только там у вас коды неправильно вставлены - это вы так специально или случайно?

[Горечь арабики]

вот, смотрите сейчас ^_^"" сейчас всё правильно

[Пушистый хикки]

угу, теперь хорошо гомен, поторопилась^^''

Кстати, если вам шрифт ника кажется слишком мелким, его можно увеличить в этой строчке:
#authorName {font-weight: bold !important; color: #000000 !important;font-size:10px;}

[Горечь арабики]

аригато!! ^__^ мне очень нравится!!

[Пушистый хикки]

[FalleRa]

первый возьму

[Horo-chan]

А можно мне второй?))

[Пушистый хикки]

.without mask
конечно)

[Horo-chan]

спасибо ^^

[elayae]

я эпиграф и фон возьму.)

[Пушистый хикки]

[Horo-chan]

и первый хD возьму в коллекцию))

[Пушистый хикки]

.without mask

[Shern]

Второй)

[Джей Ди.]

Извините, но у меня тут проблемка случилась.
Пыталась установить 2 дизайн, но выходит вот это:
Делаю все точь-в-точь по коду.
Ааа, и еще кое-что: фон меню, насколько я поняла, по цвету напоминает шоколад, у меня же он высвечивается поросячьего цвета.
Сильно не ругайтесь, я все-таки не очень в CSS разбираюсь

[Джей Ди.]

Большое гомен за прошлый комментарий) Кейт просто тупа
Все уже отлично)
Взяла 2 дизайн, если никто не против. Спасибо =)

[Пушистый хикки]

Yondi-chan

[requiem rain]

Первый носить и в коллекцию *__*
Спасибо)

[Пушистый хикки]

Повелитель Ушастых

Возьму первый, с вашего разрешения