37

[rizuhanakuro]

Дизайн для  Loki-trickster
Общий вид:
на странные часы не обращать внимания^^

детали:

экстратоп:

экстработтом:

фон:

код:

код:

#wrapper{min-width:900px!important;width:800px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #page-c{width:900px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}
 #wrapper {background:#ff9e38;}
 body{ background-attachment:fixed; }
 #extratop{ background: url('/userdir/4/5/7/2/457245/46594970.jpg') no-repeat; width: 900px; height: 582px; float: left; margin-top: 0px }
 #extrabottom{ background:url('/userdir/4/5/7/2/457245/46595291.jpg'); width: 900px; height: 198px; float: left; margin-top: 0px }
 .header {text-align:center;}
 a:visited {text-decoration: none !important;}
 a:active {text-decoration: none !important;}
 a:hover, a:active {color: #df3a1c;}
 #authorName {position:absolute; top: 470px;left: 20px; color: #ff9e38; font-size: 18px !important; font-family:batang; text-decoration: none !important; }
 #side h1 a {position:absolute; top:520px; left: 700px; text-decoration: none !important; font-size:15px; color: #ff9e38 !important; }
 A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 2px; border-bottom-color: #df3a1c;}
 a:link {text-decoration: none !important;}
 .avatar img,.avatarNew img { display: block; position: relative; background: #df3a1c; border: 2px dashed #df3a1c; margin: filter:alpha(opacity=100) !important;-moz-opacity:.60 !important;opacity:.60 !important;}
 .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background: #; border: 2px dashed #df3a1c; margin: filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
 .avatar img,.avatarNew img { background-color: #; border:2px dashed #df3a1c; padding: 1px; }
 body {background: #A7B2BB url('/userdir/4/5/7/2/457245/46596836.jpg')fixed; background-position: 1% 100%;}
 #YaSearch{display: none;}

цветовая схема:

цветовая схема:
Текста
заголовка #f3f3f5
записи #1d4220
ссылки #3a362e
оффтопика #23803a

Фона
дневника #f
записи #fea139

аватары(5; 100х100):

аватары:

1	2	3
4	5

@темы: Dark Chii, CSS-дизайн, Аватары, Готовый дизайн

Comments

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

потрясающе!)) это именно то, что хотелось ><
аватары просто восхитительные.
благодарю покорно *_*))
вы даже цветовую схему сделали, а я не просила, спасибо.
одна проблема - почему то пятый аватар не открывается(

[rizuhanakuro]

Loki-trickster
перезалила
рада, что понравилось

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

Dark Chii я вот поставила сегодня диз, у меня почему-то с эпиграфом что-то неясное творится.
Может вставляю что не так? Или где-то надо сдвинуть что-то, не подскажете?)

вот как вставила:

код

#wrapper{min-width:900px!important;width:800px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
#page-c{width:900px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}
#wrapper {background:#ff9e38;}
body{ background-attachment:fixed; }
#extratop{ background: url('/userdir/1/3/3/1/1331043/47535406.jpg') no-repeat; width: 900px; height: 582px; float: left; margin-top: 0px }
#extrabottom{ background:url('/userdir/1/3/3/1/1331043/47535670.jpg'); width: 900px; height: 198px; float: left; margin-top: 0px }
.header {text-align:center;}
a:visited {text-decoration: none !important;}
a:active {text-decoration: none !important;}
a:hover, a:active {color: #df3a1c;}
#authorName {position:absolute; top: 470px;left: 20px; color: #ff9e38; font-size: 18px !important; font-family:batang; text-decoration: none !important; }
#side h1 a {position:absolute; top:520px; left: 700px; text-decoration: none !important; font-size:15px; color: #ff9e38 !important; }
A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 2px; border-bottom-color: #df3a1c;}
a:link {text-decoration: none !important;}
.avatar img,.avatarNew img { display: block; position: relative; background: #df3a1c; border: 2px dashed #df3a1c; margin: filter:alpha(opacity=100) !important;-moz-opacity:.60 !important;opacity:.60 !important;}
.avatar img:hover,.avatarNew img:hover { display: block; position: relative; background: #; border: 2px dashed #df3a1c; margin: filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
.avatar img,.avatarNew img { background-color: #; border:2px dashed #df3a1c; padding: 1px; }
body {background: #A7B2BB url('/userdir/1/3/3/1/1331043/47535686.jpg')fixed; background-position: 1% 100%;}
#YaSearch{display: none;}


Просматриваю в Опере, если что. ><

[rizuhanakuro]

Loki-trickster
хм... перезалей его еще раз, ибо не знаю, почему вместо 900 пикселей получается примерно 750
а если не выйдет, то будем думать, что делать

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

О. *улыбается* странное дело, перезалила, стало одназначно лучше - только ник чуть сдвинулся. Можно это как-то поправить?)

[rizuhanakuro]

Loki-trickster
м... попробуй поставить

 #authorName {position:absolute; top: 470px;left: -50px; color: #ff9e38; font-size: 18px !important; font-family:batang; text-decoration: none !important; }

вроде должно хватить, чтоб ник влез

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

left: -35px подошло лучше всего)
спасибо большое за помощь. )