[Octokid]

Вот оно, мое дебютное CSSсное чудо) вечерком переделаю под чудо обыкновенное, для неCSSсников.
Мне жутко нравится моя работа)))

"По шажочкам к чуду".

 

Подробнее:

 

Эктратоп:

 

Фон:

 

 

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

 

 

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

 

 

 

Шрифт:

 

 

Код:

#wrapper {position:relative;}<br /><br /> #wrapper{background:#eee7da}<br /><br /> #wrapper {border:1px double}<br /><br /> body{ background-attachment:fixed; }<br /><br /> #extratop {width: 770px; height: 430px !important; background: url('/userdir/1/1/2/5/1125108/49919105.png';) no-repeat; padding: 0 !important; margin: 0 !important;}<br /><br /> #epigraph a{text-decoration:none}<br /><br /> #side h1 img {display: none}<br /><br /> #wrapper{min-width:770px!important;width:770px;margin: 0 auto !important;padding:0px !important;overflow:hidden !important}<br /><br /> #side{width:770px !important;margin:0 !important}<br /><br /> #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 }<br /><br /> #page-t {margin:0 !important}<br /><br /> #page-c a:hover,a:active{color: #b08290!important; text-decoration:none !important}<br /><br /> #side a:hover,a:active{color: #000000!important; text-decoration:none !important}<br /><br /> .postLinksBackg {display:block !important; border-bottom: 1px double #31446d; margin-top: 10px !important; padding:10px 0 !important;}<br /><br /> .atMusic em, .atMood em, .atTag em { font-size: 11px;}<br /><br /> .atTag a{text-decoration:none}<br /><br /> .paragraph {overflow: auto}<br /><br /> #side, .menuSection {background: #dfd6cb}<br /><br /> #side a:hover,a:active{background:#31446d;color:#000000;text-decoration:none;}<br /><br /> .menuSection{font-family: Courier New; font-size: 15px;}<br /><br /> #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}<br /><br /> #side .menuSection{background: transparent;}<br /><br /> #side .bordered {background: transparent;}<br /><br /> .postLinksBackg {text-align:center;}<br /><br /> .nextPostLink {float: right;}<br /><br /> #iAmQuit { position:absolute; color: #57586c; top: 5px; right:700px;}<br /><br /> #myDiaryLink { position:absolute; color: #57586c; top: 20px; left: 600px;}<br /><br /> #writeThisDiary { position:absolute; color: #57586c; top: 40px; left: 605px; }<br /><br /> #umailLink { position:absolute; color: #57586c; top:60px; left: 610px;}<br /><br /> #myDraftLink { position:absolute; color: #57586c; top: 80px; left: 615px;}<br /><br /> #discussionLink { position:absolute; color: #57586c; top: 100px; left: 620px;}<br /><br /> #mainpageLink { position:absolute; color: #57586c; top: 130px; left: 610px;}<br /><br /> #optionsLink { position:absolute; color: #57586c; top: 150px; left: 650px;}<br /><br /> #myFavLink { position:absolute; color: #57586c; top: 170px; left: 650px;}<br /><br /> #myQuotLink { position:absolute; color: #57586c; top: 190px; left: 650px;}<br /><br /> #postsCalendar{ position:absolute; color: #57586c; top: 210px; left: 610px;}<br /><br /> #addToFav { position:absolute; color: #57586c; top:235px; left: 625px;}<br /><br /> #delFromFav{ position:absolute; color: #57586c; top: 255px; left: 625px;}<br /><br /> #writeToAuthor { position:absolute; color: #57586c; top: 275px; left: 625px;}<br /><br /> #side *{border:none;}<br /><br /> .left #wrapper { margin:0 auto !important; padding:0 !important; width:770px; overflow:hidden !important; }<br /><br /> #bordered, .left #side { padding:0 !important; margin:0 !important; }<br /><br /> .left #page-t {margin-left: 0px !important;}

Если есть, что сказать или посоветовать - я только рада.) Cделайте это.хD

@темы: иное, солнце, творим, фотошоп