16

[JaredLeto-Sacred]

Дизайн для [J]Kuroi Takahasi[/J]

extratop, extrabottom

Фон

CSS

#wrapper{min-width:900px!important;width:900px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
#side{width:190px !important;margin:0 !important}
#page-c{width:700px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}
A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 1px; border-bottom-color: #b4031b;}
#side .menuSection{text-align:center;}
#wrapper {background:#480001}
#extratop{ background: url('/userdir/9/8/0/0/980043/35947598.jpg') no-repeat; width: 900px; height: 400px; float: left; margin-top: 0px }
#extrabottom{ background: url('/userdir/9/8/0/0/980043/35947628.jpg') no-repeat; width: 900px; height:100px; float: left; margin-top: 0px }
a:visited {text-decoration: none !important;}
a:active {text-decoration: none !important;}
a:hover, a:active {color: #d2d925;}
a:link {text-decoration: none !important;}
.commentAuthor .avatar { margin:0px 0 10px; width:auto; max-width: 140px; }
.avatar, .avatarNew{ float:left; background: no-repeat bottom right !important; background: no-repeat bottom right; margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px;}
.avatar img,.avatarNew img { display: block; position: relative; background-color: #b4031b; border: 1px solid #b4031b; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100) !important;-moz-opacity:.75 !important;opacity:.75 !important;}
.avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #b4031b; border: 1px solid #d2d925; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }

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

Цвет Текста
заголовка:#d2d925
записи:#b4031b
ссылки:#b4031b
оффтопика:#0e7a94
/MORE]

@темы: CSS-дизайн, Заказы, JaredLeto-Sacred, Kuroshitsuji

Comments

[stupid stump]

JaredLeto-Sacred спасибо )))
Только можно я текст записи и ссылок исправлю на черный? Не очень удобно.

[stupid stump]

И еще, картинки не

#extrabottom

#extratop{

не отображаются. И в коде их нет после сохранения.

[JaredLeto-Sacred]

а вы загрузили из в вашу Библиотеку изображений?

[stupid stump]

JaredLeto-Sacred угу, добавил.

[JaredLeto-Sacred]

скорее всего, вы просто упустили ' и поэтому extrabottom и extratop не отображаются.

[stupid stump]

#wrapper{min-width:900px!important;width:900px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
#side{width:190px !important;margin:0 !important}
#page-c{width:700px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}
A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 1px; border-bottom-color: #b4031b;}
#side .menuSection{text-align:center;}
#wrapper {background:#480001}
#extratop{background: url('static.diary.ru/userdir/2/9/8/0/298050/35983175...') no-repeat; width: 900px; height: 400px; float: left; margin-top: 0px }
#extrabottom{background: url('static.diary.ru/userdir/2/9/8/0/298050/35983175...') no-repeat; width: 900px; height:100px; float: left; margin-top: 0px }
a:visited {text-decoration: none !important;}
a:active {text-decoration: none !important;}
a:hover, a:active {color: #d2d925;}
a:link {text-decoration: none !important;}
.commentAuthor .avatar { margin:0px 0 10px; width:auto; max-width: 140px; }
.avatar, .avatarNew{ float:left; background: no-repeat bottom right !important; background: no-repeat bottom right; margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px;}
.avatar img,.avatarNew img { display: block; position: relative; background-color: #b4031b; border: 1px solid #b4031b; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100) !important;-moz-opacity:.75 !important;opacity:.75 !important;}
.avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #b4031b; border: 1px solid #d2d925; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }

вот это уже с картинками. я что-то не так сделал в коде? ничего не менял кроме ссылок.

[JaredLeto-Sacred]

можете дать мне две ссылки на эти две картинки из вашей БИ, я вставлю их правильно в код.

[stupid stump]

static.diary.ru/userdir/2/9/8/0/298050/35983157...
static.diary.ru/userdir/2/9/8/0/298050/35983175...
Вот Т_Т

[JaredLeto-Sacred]

#extratop{background: url('/userdir/2/9/8/0/298050/35983157.jpg') no-repeat; width: 900px; height: 400px; float: left; margin-top: 0px }
#extrabottom{background: url('/userdir/2/9/8/0/298050/35983175.jpg') no-repeat; width: 900px; height:100px; float: left; margin-top: 0px }

[stupid stump]

JaredLeto-Sacred Спасибо большое. Теперь я понял где была ошибка.

[дымка осени]

в коллекцию)