№1133 - Hello Sailor

[Isam Mi Nam]

Шаблон взят с сайта btemplates.com - исходник
Здесь подстроенный под дайри и чуточку переделанный)
При использовании дизайна просьба ставить баннер сообщества.

Настройки

Настройки
Дизайн блочный, меню слева
Шрифт: заголовка - жирный-курсив 14, текста - обычный 12
Гарнитура шрифта Arial.

-------
Цвета
текста заголовка – #f678a0
текста записи – #9a8e97
ссылок – #c1e0d7
оффтопика – #dcdfcd

-------
Экстратоп - s017.radikal.ru/i402/1207/da/0f82990e1187.png
Фон записи - s42.radikal.ru/i095/1207/eb/688d533d0cce.png
Фон дневника - s58.radikal.ru/i160/1207/8c/77a085777254.png
Экстработтом - i020.radikal.ru/1207/52/b8a248a88634.png
Разделитель - s13.radikal.ru/i186/1207/7c/c30c7ff2f338.png
Время - i044.radikal.ru/1207/10/b7dcce2225ee.png
Иконка - s018.radikal.ru/i519/1207/21/a9b9e1d78878.gif
Иконка2 - s017.radikal.ru/i441/1207/44/3c712e44100b.gif
Аватар - s09.radikal.ru/i182/1207/b2/b36696c73c2d.png

Код

#wrapper{min-width:700px!important;width:700px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #side{width:185px !important;margin:0 !important; font-size: 12px;}
 .singlePost .postTitle span { float:left; font-size:10px; width: 50px; height:20px; line-height:22px; color:#642a40; background:url('ВРЕМЯ';) no-repeat; text-align: center; margin-right: 5px; font-weight: bold;}
 #page-c{width:500px !important;padding:0 !important;padding:0 !important}
 #page-c {position: relative; top: -110px; margin-right:2px !important }
 body {background: #ffefff # no-repeat; background-attachment: fixed; background-position: bottom center;}
 #page-t {margin:0 !important}
 #extratop { background: url('ЭКСТРАТОП';) no-repeat; width:700px; height:450px; margin-top: 0px }
 .avatar img,.avatarNew img { display: block; position: relative; background-color: ; border: 1px double #692538; margin: 5px 5px 5px 5px; padding: 1px; filter:alpha(opacity=100) !important;-moz-opacity:.65 !important;opacity:.65 !important;}
 .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: ; border: 2px double #a63a58; margin: 1px 1px 1px 1px; padding: 1px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
 .paragraph div:first-letter {font-size: 15px; float: none; font-family:"Georgia"; margin-right: 3px; color: #692538; line-height:100% !important; line-height:140%;}
 #wrapper{ background: url('ФОН ЗАПИСИ';);}
 .countSecond, .countFirst, .singleComment {margin: 0; padding: 10px 10px 40px !important; background: no-repeat bottom center; }
 #extrabottom {background: url('ЭКСТРАБОТТОМ';) center no-repeat; height:11px; width:700px; clear: both}
 .menuSection {text-align; }
 a:hover {text-decoration: none; color: #ec6065;}
 .block_design #side h1 a {color: #e05b70; font-size:16px !important; font-style:italic!important}
 .pageBar {position: relative; top: 0px; }
 #globalLinks ul li{ list-style-position: inside; list-style-image: url('ИКОНКА';) ;}
 #thisDiaryLinks ul li{ list-style-position: inside; list-style-image: url('ИКОНКА';) ;}
 #myDiaryLinks ul li{ list-style-position: inside; list-style-image: url('ИКОНКА';) ;}
 #thisDiaryOwner ul li{ list-style-position: inside; list-style-image: url('ИКОНКА';) ;}
 A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 1px; border-bottom-color: #950d4e;}
 .comments {background: url('ИКОНКА2';) 0 0 no-repeat; padding:8px 0 1px 20px !important; }
 #authorName {position:absolute; font-family: georgia; font-weight: bold; font-style: italic; font-size: 250%; text-transform: lowercase; letter-spacing: -2px; color: #444444; width:200px; top: 40px; right: 325px; text-align: right;}
 #side a {color: #f5f2ec; text-shadow: #444444 2px 1px 3px;}
 a:hover {text-decoration:none; color:#456ab9 !important;}
 #side h1 a{position:absolute; left:820px; top:85px; font-size:40px; white-space:nowrap;font-weight:bold; color:#2a44ca !important; text-shadow: #e9e5de 3px 2px 1px; letter-spacing:-1px;}
 .postLinksBackg {background:url('РАЗДЕЛИТЕЛЬ';) center no-repeat; height:80px; margin-bottom:-15px;}

Все исходники принадлежат авторам.

+ вариант для бесплатных дневников

Настройки

Настройки
Дизайн блочный, меню слева
Шрифт: заголовка - жирный-курсив 14, текста - обычный 13
Гарнитура шрифта Georgia.

-------
Цвета
текста заголовка – #f678a0
текста записи – #9a8e97
ссылок – #c1e0d7
оффтопика – #dcdfcd
фон записи - #fefdf4
границы - #dccca7
-------
Два варианта эпиграфа - раз, два
Фон дневника - s58.radikal.ru/i160/1207/8c/77a085777254.png
Аватар - s09.radikal.ru/i182/1207/b2/b36696c73c2d.png

Все исходники также принадлежат авторам.

Comments

[marakit]

А никак не можно сделать вариант для бесплатного дневника?

[tolkosegodnya]

красота!

[Сенбернары]

о боже, это мечта *______* ради такого не жалко и платный аккаунт поставить

[lazurnaea]

5+

[Isam Mi Nam]

kitty@mara, теоретически можно, но я на испытательном сроке и не знаю, можно ли мне еще одну вариацию опубликовать... могу лично для вас на умыло)

.annette,
Сенбернары,
lazurnaea,
спасибо вам!))

[marakit]

Isam Mi Nam, если сделаете на умыл, спасибо! Ужасно понравилось и подходит к тематике моего дневника.

[Isam Mi Nam]

kitty@mara, думаю завтра смогу скинуть.)

[marakit]

Isam Mi Nam, спасибо вам огромное!

[lazurnaea]

Isam Mi Nam, ну раз на испытательном сроке, тогда удачи дальнейшей! Радуйте нас по-чаще)

[Isam Mi Nam]

lazurnaea, если возьмут, очень постараюсь!)

[river jane]

офигенный диз

[Isam Mi Nam]

silver river, благодарю)

[La_mignonne]

теоретически можно, но я на испытательном сроке и не знаю, можно ли мне еще одну вариацию опубликовать...

в этом же посте можете опубликовать еще один скрин-бесплатник

[Isam Mi Nam]

La mignonne,

в этом же посте можете опубликовать еще один скрин-бесплатник

спасибо!!

[marakit]

Isam Mi Nam, спасибо!

[Julia smiles]

Isam Mi Nam, какая красота, возьму примерить обязательно! Надеюсь, мне пойдет Огромное спасибо за дизайн без CSS, много печенек вам в карму

[Isam Mi Nam]

kitty@mara,
1000smiles,
вам спасибо,я очень рада!)

[.BlackBerry.]

красиво как

[Isam Mi Nam]

.BlackBerry., благодарю))

[la petite alizee]

Isam Mi Nam, простите пожалуйста заранее за нубский пост, мне очень понравился ваш дизайн и я впервые решилась поставить себе CSS.
и у меня возникли проблемы -_- придерживалась всех-всех правил, загрузила все элементы дизайна себе на комп и оттуда в БИ, правильно вставила ссылки, но результат один и тот же: при обновлении страницы у меня не показывается ни фон записей, ни экстратоп, ни экстработтом, в обшем, ничего. но в коде ссылки всё равно остаются! в общем, я не знаю, что со мной не так тт
может вы найдёте ошибку у меня в коде? в чём может быть причина? :/

#wrapper{min-width:700px!important;width:700px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #side{width:185px !important;margin:0 !important; font-size: 12px;}
 .singlePost .postTitle span { float:left; font-size:10px; width: 50px; height:20px; line-height:22px; color:#642a40; background:url('/userdir/3/0/6/4/3064052/76225286.png';) no-repeat; text-align: center; margin-right: 5px; font-weight: bold;}
 #page-c{width:500px !important;padding:0 !important;padding:0 !important}
 #page-c {position: relative; top: -110px; margin-right:2px !important }
 body {background: #ffefff # no-repeat; background-attachment: fixed; background-position: bottom center;}
 #page-t {margin:0 !important}
 #extratop { background: url('/userdir/3/0/6/4/3064052/76225356.png';) no-repeat; width:700px; height:450px; margin-top: 0px }
 .avatar img,.avatarNew img { display: block; position: relative; background-color: ; border: 1px double #692538; margin: 5px 5px 5px 5px; padding: 1px; filter:alpha(opacity=100) !important;-moz-opacity:.65 !important;opacity:.65 !important;}
 .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: ; border: 2px double #a63a58; margin: 1px 1px 1px 1px; padding: 1px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
 .paragraph div:first-letter {font-size: 15px; float: none; font-family:"Georgia"; margin-right: 3px; color: #692538; line-height:100% !important; line-height:140%;}
 #wrapper{ background: url('/userdir/3/0/6/4/3064052/76225438.png';);}
 .countSecond, .countFirst, .singleComment {margin: 0; padding: 10px 10px 40px !important; background: no-repeat bottom center; }
 #extrabottom {background: url('/userdir/3/0/6/4/3064052/76225443.png';) center no-repeat; height:11px; width:700px; clear: both}
 .menuSection {text-align; }
 a:hover {text-decoration: none; color: #ec6065;}
 .block_design #side h1 a {color: #e05b70; font-size:16px !important; font-style:italic!important}
 .pageBar {position: relative; top: 0px; }
 #globalLinks ul li{ list-style-position: inside; list-style-image: url('/userdir/3/0/6/4/3064052/76225321.gif';) ;}
 #thisDiaryLinks ul li{ list-style-position: inside; list-style-image: url('/userdir/3/0/6/4/3064052/76225321.gif';) ;}
 #myDiaryLinks ul li{ list-style-position: inside; list-style-image: url('/userdir/3/0/6/4/3064052/76225321.gif';) ;}
 #thisDiaryOwner ul li{ list-style-position: inside; list-style-image: url('/userdir/3/0/6/4/3064052/76225321.gif';) ;}
 A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 1px; border-bottom-color: #950d4e;}
 .comments {background: url('/userdir/3/0/6/4/3064052/76225331.gif';) 0 0 no-repeat; padding:8px 0 1px 20px !important; }
 #authorName {position:absolute; font-family: georgia; font-weight: bold; font-style: italic; font-size: 250%; text-transform: lowercase; letter-spacing: -2px; color: #444444; width:200px; top: 40px; right: 325px; text-align: right;}
 #side a {color: #f5f2ec; text-shadow: #444444 2px 1px 3px;}
 a:hover {text-decoration:none; color:#456ab9 !important;}
 #side h1 a{position:absolute; left:820px; top:85px; font-size:40px; white-space:nowrap;font-weight:bold; color:#2a44ca !important; text-shadow: #e9e5de 3px 2px 1px; letter-spacing:-1px;}
 .postLinksBackg {background:url('/userdir/3/0/6/4/3064052/76225288.png';) center no-repeat; height:80px; margin-bottom:-15px;}

[Isam Mi Nam]

la petite alizee,
спасибо за отзыв!
Честно сказать, также спасибо за комментарий. Благодаря Вам обнаружился маленький баг в кодировке.
Все верно, но надо убрать точку с запятой там, куда вставляли ссылки на БИ.
Например url('/userdir/3/0/6/4/3064052/76225356.png') должно быть без ; в конце
Попробуйте исправить, надеюсь, все будет работать!)

[la petite alizee]

Isam Mi Nam, даа, получилось! ура, спасибо вам :з

[Kati Sark]

Спасибо,мимо такой девушки никто не пройдет))

[Брюнетка в шоколаде.]

чудесный! спасибо!