Lantern & Sakura

пятница, 14 июня 2013

14:24

все записи пользователя в сообществе Tish Evans

Когда наступает депрессия или смятение, попробуй лечь на спину на полу и подними лапы вверх. Иногда мир выглядит лучше вверх ногами.

Дизайн делался на заказ для Kur0Sh1r0. Соответственно, здесь публикуется с разрешения заказчика.

body {background: #ffffff url('ФОН') repeat;}
 #extratop{height:400px;background:# 100% 0 no-repeat;}
 #wrapper{width:720px;min-width:0;position:relative; top: -10px;}
 #side{margin-top: 0px; margin-left:10px; width:200px;text-align:center;text-transform: uppercase; background:url('ПАТТЕРН'); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; line-height: 15px;}
 .left #page-t {margin-left:240px; width:750px; background:url('ПАТТЕРН') !important; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px;}
 #add_block1 {background: url('ЭКСТРАТОП') no-repeat; height:575px; width: 792px; position: absolute; top: 0; left: 0;z-index: -1;}
 .paragraph {line-height:1.1;}
 .paragraph div {margin-top: 5px;}
 .postDate{text-align:center; text-transform: uppercase;}
 .postLinksBackg {margin-bottom: 10px !important; text-transform: uppercase;}
 .postContent, #addCommentArea, textarea {width:700px; margin-left: 25px; background-color:#fafbf5 !important; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px;}
 a:hover, #side a:hover{text-shadow: 0px 0px 7px #ffffff; text-decoration: none !important}
 .avatar img{ max-width:120px; border: 4px solid #000000;}
 #side h1 a{color: #e91533 !important; font: normal 36px Arial;white-space: nowrap; text-transform: uppercase !important; position: absolute; top: 310px; left:240px;z-index: 1;}
 #authorName {color: #ffffff !important; font: normal 14px Arial;white-space: nowrap; text-transform: underline !important; position: absolute; top: 350px; left:242px;z-index: 1;}
 .singlePost div {line-height: 15px;}
 .paragraph div:first-letter {font-size: 30px; float: left !important; float: none; font-family:Times New Roman; margin-right: 3px; color: #e91533; line-height:100% !important; line-height:140%;}
 .paragraph div div:first-letter {font-size: 100%; font-family:Arial, sans-seif; float: none !important; margin: 0px; line-height:130%; color: #00000;}
 #bottomNav {display:block; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:none !important;border:none !important;height:1px;}
 #bottomNav li {display:none;}
 #bottom_up {display:block !important;position:fixed;left:15px; top:45px;}
 #bottom_up a {position:absolute; top:-30px; width:92px; height:1px; background:url('СТРЕЛКА') no-repeat; padding-top:25px;clip:rect(0px 92px 25px 0px);opacity:0.6;filter:alpha(opacity=60);}
 #bottom_up a:hover {opacity:0.9;filter:alpha(opacity=90);}
 img{max-width: 670px;}
 .paragraph div {padding-left: 5px; padding-right: 5px; padding-top: 10px;}
 #usrlog, #usrpass { color:#fff; }
 .commentAuthor { margin:5px;}

читать дальше

Протестировано в: Firefox 21.0, Opera 12.02

Параметры:
читать дальше

@темы: Дизайн с использованием CSS

URL

Гораздо легче первый раз удержаться от греха, чем потом о... Мадине 42, но выглядит она на все "тяжелые" 60.... Ах да, совсем забыл поинтересоваться... Кубики, а вы...

Сидеть в маленьком восточном ресторанчике, запивать сырую... Продолжим... Тот, кто достигает вершины мудрости, знает, что мудрость ...

Комментарии

14.06.2013 в 14:30

Reyne Fairlady

Муза по жизни

Потрясающий дизайн

URL

14.07.2013 в 11:37

Аметисса Грэсс

Мы долго запрягаем, зато быстро распрягаем и никуда не едем!

Шикарно!А я в этом ничего не понимаю(((

URL

03.11.2014 в 15:15

жизнерадостный прибор

но в глазах его укор

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

URL

03.11.2014 в 17:41

Tish Evans

Мадам Корвалол, берите код на здоровье) я сама с нуля коды не в состоянии написать, поэтому понимаю, как полезно иметь код-образец. и куда быстрее его перекроить под себя, чем тыркаться от пустого))

URL