№435

[Octokid]

Всем-всем доброй ночи.
Я тоже новый мастер сообщества)

Вот, представляю Вам на суд свое творение:
"По шажочку к чуду"

Подробнее?

Экстратоп:


Фон:

Так же можно использовать другой, слегка измененный фон:


Аватар (можно и на главное фото):


Настройки шрифта:



Код:

#wrapper {position:relative;}
 #wrapper{background:#eee7da}
 #wrapper {border:1px double}
 body{ background-attachment:fixed; }
 #extratop {width: 770px; height: 430px !important; background: url('/userdir/1/1/2/5/1125108/49919105.png') no-repeat; padding: 0 !important; margin: 0 !important;}
 #epigraph a{text-decoration:none}
 #side h1 img {display: none}
 #wrapper{min-width:770px!important;width:770px;margin: 0 auto !important;padding:0px !important;overflow:hidden !important}
 #side{width:770px !important;margin:0 !important}
 #page-c{ background: url('/userdir/1/1/2/5/1125108/49918115.png') repeat; width:770px !important;padding:0px !important;padding:0px !important; margin-top: 0px !important; margin-left: 0px !important }
 #page-t {margin:0 !important}
 #page-c a:hover,a:active{color: #b08290!important; text-decoration:none !important}
 #side a:hover,a:active{color: #000000!important; text-decoration:none !important}
 .postLinksBackg {display:block !important; border-bottom: 1px double #31446d; margin-top: 10px !important; padding:10px 0 !important;}
 .atMusic em, .atMood em, .atTag em { font-size: 11px;}
 .atTag a{text-decoration:none}
 .paragraph {overflow: auto}
 #side, .menuSection {background: #dfd6cb}
 #side a:hover,a:active{background:#31446d;color:#000000;text-decoration:none;}
 .menuSection{font-family: Courier New; font-size: 15px;}
 #Stats, #myCommunitiesLink, #myLinks, #YaSearch, #headlineList, #rssLink, #myLinksLink, #upInChart , #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, .urlLink, #authorFav, #authorQuot, #authorLiks, #sortOrder, #topNavLinks, #authorAlbum, #albumLink, #communityCatalogueLink, #photolibLink, .quote_post #myCommunity, #favListLink, #myCommunityLink, #YaSearch, #myCommunity, #tagslistlink, #pchListLink, #randomDiaryLink, #allDiaryLink, #diarySupportLink, #unsubscribeEmail, #pchs, #pchs, #login_form, #more_login, #subscribeEmail, #myNotepadLink {display:none!important}
 #side .menuSection{background: transparent;}
 #side .bordered {background: transparent;}
 .postLinksBackg {text-align:center;}
 .nextPostLink {float: right;}
 #iAmQuit { position:absolute; color: #57586c; top: 5px; right:700px;}
 #myDiaryLink { position:absolute; color: #57586c; top: 20px; left: 600px;}
 #writeThisDiary { position:absolute; color: #57586c; top: 40px; left: 605px; }
 #umailLink { position:absolute; color: #57586c; top:60px; left: 610px;}
 #myDraftLink { position:absolute; color: #57586c; top: 80px; left: 615px;}
 #discussionLink { position:absolute; color: #57586c; top: 100px; left: 620px;}
 #mainpageLink { position:absolute; color: #57586c; top: 130px; left: 610px;}
 #optionsLink { position:absolute; color: #57586c; top: 150px; left: 650px;}
 #myFavLink { position:absolute; color: #57586c; top: 170px; left: 650px;}
 #myQuotLink { position:absolute; color: #57586c; top: 190px; left: 650px;}
 #postsCalendar{ position:absolute; color: #57586c; top: 210px; left: 610px;}
 #addToFav { position:absolute; color: #57586c; top:235px; left: 625px;}
 #delFromFav{ position:absolute; color: #57586c; top: 255px; left: 625px;}
 #writeToAuthor { position:absolute; color: #57586c; top: 275px; left: 625px;}
 #side *{border:none;}
 .left #wrapper { margin:0 auto !important; padding:0 !important; width:770px; overflow:hidden !important; }
 #bordered, .left #side { padding:0 !important; margin:0 !important; }
 .left #page-t {margin-left: 0px !important;}
 

Так же можно использовать и для обычных дизайнов:
настройкеи шрифта - те же,
дневника - поле границы: 31446d, все остальные оставте пустыми.
дизайн блочный, панель можно с любой стороны.
эпиграф:

Вот)
Берите, не стестняйтесь. Если понравилось - отпишитесь)
Если есть что сказать - не пройдите мимо. Сделайте это. хD

Comments

[paranoidBastard]

Как минимум, я не вижу изображения :\

[Octokid]

Все-все, уже исправила))))

[Octokid]

Извините, опять меня радикал не слушается.

[~LeXiE~]

прелестно)))

[Kottaku]

Интересный дизайн.

[paranoidBastard]

Смущает только один и тот же фон на таблице и заднем плане, а так очень даже хорошо Х)))

[Queenie]

элегантно

[YourSovest]

приятный глазу =)

[nata-chayka]

утащила фон и аватарку

[.Vozduh]

Kid?, интересно.))
Ещё можно было бы сделать так, чтоб каждая строка букв была на своей строке фона. Точно помню, что есть какая штука в цсс, но не скажу как выглядит, не помню даже где натыкалась на неё, к сожалению.

[Вэл.]

Kid? красиво, понравилось. а где экстратоп? не отражается чего-то.

[Octokid]

Спасибо большое) Думаю, дебют вполне удался)

ValkiriyaV
Не отражается эктратоп?)
Сейчас выложу отдельно еще и эктратоп)

mahini
Ой, а я пыталась найти такую штуку. Видела у кого-то..))

Susan Sto-Helit
Спасибо)
А один и тот же фон - это как "эффект тетрадки". Мне показалось, что так будет интересней)

Julia_Loud [Taku] Queenie YourSovest nata-chayka
Спасиба.

[La_mignonne]

интересно, нежно))

пс: спрячь настройки под кат

[Octokid]

La mignonne
Спасибо большое)
А они под катом..у меня. Оо

[.Vozduh]

Kid?, нашла! В самоучителе натыкалась.)) line-height: единицы измерения (пиксели/проценты)

[La_mignonne]

Kid?
не под катом

[Octokid]

mahini
О) Спасибо!
Посмотрим, как эта штука будет работать.. =)

Кстати, тут кое-что подсказали с фоном страницы:
можно, наверное, использовать и такой?)

тык тык

чуть-чуть пятнышек - и все смотрится по другому))

[Kyo no onna]

Очень приятный для глаза диз!!
а можно сделать заказ, но не для платного аккаунта?

[вэл..]

очень красивый))) повесить не получилось почему-то вот скрин...

[Octokid]

Спасибо)
да, я сделаю для обычных сегодня, ближе к вечеру)

~Вэл~
Странно..
Так, а если вы загрузите себе экстратоп в БИ, и скопируете себе адрес в код, начиная с /userdir/...
А потом вставте сюда:

#extratop {width: 770px; height: 430px !important; background: url('СЮДА' no-repeat; padding: 0 !important; margin: 0 !important;}

в код.

те получится так:

#wrapper {position:relative;}

 #wrapper{background:#eee7da}

 #wrapper {border:1px double}

 body{ background-attachment:fixed; }

 #extratop {width: 770px; height: 430px !important; background: url('ЭКСТРАТОП';) no-repeat; padding: 0 !important; margin: 0 !important;}

 #epigraph a{text-decoration:none}

 #side h1 img {display: none}

 #wrapper{min-width:770px!important;width:770px;margin: 0 auto !important;padding:0px !important;overflow:hidden !important}

 #side{width:770px !important;margin:0 !important}

 #page-c{ background: url('/userdir/1/1/2/5/1125108/49918115.png';) repeat; width:770px !important;padding:0px !important;padding:0px !important; margin-top: 0px !important; margin-left: 0px !important }

 #page-t {margin:0 !important}

 #page-c a:hover,a:active{color: #b08290!important; text-decoration:none !important}

 #side a:hover,a:active{color: #000000!important; text-decoration:none !important}

 .postLinksBackg {display:block !important; border-bottom: 1px double #31446d; margin-top: 10px !important; padding:10px 0 !important;}

 .atMusic em, .atMood em, .atTag em { font-size: 11px;}

 .atTag a{text-decoration:none}

 .paragraph {overflow: auto}

 #side, .menuSection {background: #dfd6cb}

 #side a:hover,a:active{background:#31446d;color:#000000;text-decoration:none;}

 .menuSection{font-family: Courier New; font-size: 15px;}

 #Stats, #myCommunitiesLink, #myLinks, #YaSearch, #headlineList, #rssLink, #myLinksLink, #upInChart , #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, .urlLink, #authorFav, #authorQuot, #authorLiks, #sortOrder, #topNavLinks, #authorAlbum, #albumLink, #communityCatalogueLink, #photolibLink, .quote_post #myCommunity, #favListLink, #myCommunityLink, #YaSearch, #myCommunity, #tagslistlink, #pchListLink, #randomDiaryLink, #allDiaryLink, #diarySupportLink, #unsubscribeEmail, #pchs, #pchs, #login_form, #more_login, #subscribeEmail, #myNotepadLink {display:none!important}

 #side .menuSection{background: transparent;}

 #side .bordered {background: transparent;}

 .postLinksBackg {text-align:center;}

 .nextPostLink {float: right;}

 #iAmQuit { position:absolute; color: #57586c; top: 5px; right:700px;}

 #myDiaryLink { position:absolute; color: #57586c; top: 20px; left: 600px;}

 #writeThisDiary { position:absolute; color: #57586c; top: 40px; left: 605px; }

 #umailLink { position:absolute; color: #57586c; top:60px; left: 610px;}

 #myDraftLink { position:absolute; color: #57586c; top: 80px; left: 615px;}

 #discussionLink { position:absolute; color: #57586c; top: 100px; left: 620px;}

 #mainpageLink { position:absolute; color: #57586c; top: 130px; left: 610px;}

 #optionsLink { position:absolute; color: #57586c; top: 150px; left: 650px;}

 #myFavLink { position:absolute; color: #57586c; top: 170px; left: 650px;}

 #myQuotLink { position:absolute; color: #57586c; top: 190px; left: 650px;}

 #postsCalendar{ position:absolute; color: #57586c; top: 210px; left: 610px;}

 #addToFav { position:absolute; color: #57586c; top:235px; left: 625px;}

 #delFromFav{ position:absolute; color: #57586c; top: 255px; left: 625px;}

 #writeToAuthor { position:absolute; color: #57586c; top: 275px; left: 625px;}

 #side *{border:none;}

 .left #wrapper { margin:0 auto !important; padding:0 !important; width:770px; overflow:hidden !important; }

 #bordered, .left #side { padding:0 !important; margin:0 !important; }

 .left #page-t {margin-left: 0px !important;}

Очень симпатичный диз!

[Octokid]

Lyra Elsinue Ledy Esmeralda
Вааах, спасиба. Приятно-то кааак)

[Эська]

очень интересный и симпатичный дизайн.

[Toiry]

Очень добрый, теплый дизайн, мне безумно нравится! .....

[La_mignonne]

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

[Octokid]

La mignonne
Ой-ой, извините)
Ерунда творится - с оперы под катом, с фаерфокса - нет. Оо
не рычите пожалуйста, я сейчас все исправлю. хD

[La_mignonne]

Kid? оке

[Octokid]

La mignonne , а теперь все как нужно?

[La_mignonne]

Kid?
да, теперь хорошо, спасибо

[Octokid]

Ура!)