Гостинец с ФБ-2012

[Skazochnik & Volshebnik]

За всю ФБ это был самый пиздец(!)момент волнительный момент. Всё было клёво, Полюшка написала код, мне оставалось только с фоном разобраться. А он был против! Кое-как уговорила, чтобы не остаться на внеконкурс.

И для справки. Мы играли за лапушек душек fandom Winnie The Pooh 2012. Любовь сирца! Мы заняли 8-ое место среди 140-ка с чем-то команд! Команда без фандома вообще! И я люблю этих людей, они невероятно прекрасны! *___*

Идею оформления постлинков мы с позаимстовали у  Лунный дождь. Вот этот её дизайн. На сколько нам известно, с кодом постлинков помогала  dead_mockingbird. И чтобы сильно не палиться мы просили разрешение у неё.  Лунный дождь, я, надеюсь, ты нас простишь. И поздравляю твою команду с третьим местом!!!

Винни для дизайна рисовала заюшка  ~lessy

Шрифты заголовок обычный 12 теrст обычный 12 гарнитура Ариал		Цвета заголовок #daba04 ссылки #090807 записи #5c5240 оффтопик #9e8d6f		Примечание Дизайн блочный, навигация вверху.
ФОН ОБЛАКА ПУХ ФОН-2 ЭКСТРОТОП ЭКСТРАБОТТОМ		МЕНЮ ВЫХОД НАЗВАНИЕ ДНЕВНИКА МЕНЮ-2 ШАРИК ДНЯ РОЖДЕНИЯ ИКОНКИ		СТРЕЛОЧКА ИКОНКИ-2 ПОСТЛИНКИ ЗАГЛУШКА

Скачать архив с картиками

{---pictures---}
 body {background: url('ФОН') fixed repeat; font-family:Cambria, Georgia; font-size:16px; margin: 50px 0px 50px 0px;}
 #add_block1 {left: 50%; top: 0%; margin-left: -760px; background: url('ОБЛАКА') repeat-y !important; width: 1500px !important; height:100% !important; z-index:-2 !important; padding: 0; position:fixed !important; display:block !important; overflow: hidden !important;}
 #add_block2 {left: 50%; top: 25%; margin-left:330px; background: url('ПУХ') no-repeat !important; width: 100%; height:100% !important; z-index:-2 !important; padding: 0; position:fixed !important; display:block !important;}
 .top #wrapper {position:relative; background: url('ФОН-2'); min-width: 0px; width:700px !important; padding:0px 50px 0px 50px; border: 1px solid #f5f5f5; box-shadow: 0px 2px 7px rgba(0,0,0,0.3), 0px 0px 100px rgba(0,0,0,0.15) inset; -webkit-box-shadow: 0px 2px 7px rgba(0,0,0,0.3), 0px 0px 100px rgba(0,0,0,0.15) inset; -moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.3), 0px 0px 100px rgba(0,0,0,0.15) inset;}
 #extratop {background: url('ЭКСТРОТОП') center top no-repeat; width:700px !important; height:255px; min-width:0px; margin-top:-1px;}
 #extrabottom {background: url('ЭКСТРАБОТТОМ') no-repeat; height:105px; width:700px; margin-bottom:-1px;}
 #myDiaryLinks_title {background: url('МЕНЮ') no-repeat; width:58px; height:19px; overflow:hidden; text-indent:-999px;}
 #login_form_title {background: url('ВЫХОД') no-repeat; width:58px; height:25px; overflow:hidden; text-indent:-999px;}
 #side h1 a {background: url('НАЗВАНИЕ ДНЕВНИКА') no-repeat; display:block; width:107px; height:112px; position:absolute; left:50%; margin-left:-50px; overflow:hidden; text-indent:-999px; top:-50px;}
 #mainpageLink a{background: url('МЕНЮ-2') -63px no-repeat; width:30px; height:30px; display:block; overflow:hidden; text-indent:-999px;}
 #tagslistlink a {background: url('МЕНЮ-2') -95px no-repeat; width:30px; height:30px; display:block; overflow:hidden; text-indent:-999px;}
 #writeToAuthor a {background: url('МЕНЮ-2') 0px no-repeat; width:30px; height:30px; display:block; overflow:hidden; text-indent:-999px;}
 #addToFav a, #delFromFav a {background: url('МЕНЮ-2') -31px no-repeat; width:30px; height:30px; display:block; overflow:hidden; text-indent:-999px;}
 #myDiaryLinks ul, #TagsList ul, #sign {background: url('ФОН-2') repeat; border: 1px solid #f5f5f5; box-shadow: 0px 2px 5px rgba(0,0,0,0.3), 0px 0px 30px rgba(0,0,0,0.05) inset; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.3), 0px 0px 30px rgba(0,0,0,0.05) inset; -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.3), 0px 0px 30px rgba(0,0,0,0.05) inset; -o-box-shadow: 0px 2px 5px rgba(0,0,0,0.3), 0px 0px 30px rgba(0,0,0,0.05) inset; padding:5px 30px 10px 20px !important; }
 .birthday {padding: 3px 0px 0px 15px !important; background: url('ШАРИК ДНЯ РОЖДЕНИЯ') no-repeat; width:17px; height:26px; margin-right:80px !important; margin-top:-3px}
 .upPostLink [src*="postup.gif"], .delPostLink [src*="postdelite.gif"], .editPostLink [src*="postedit.gif"] { background: url('ИКОНКИ') no-repeat; width:30px; height:30px;}
 #Stats a, #bottom_up a{background: url('СТРЕЛОЧКА') no-repeat; display:block; color:#fff; font-size:18px; font-weight:bold;}
 .opac6, .TagJIco {background: url('ИКОНКИ-2')no-repeat;}
 .urlLink a {background: url('ПОСТЛИНКИ') no-repeat; width:30px; height:30px; display:block; overflow:hidden; text-indent:999px;}
 .umail {background: rgba(0, 0, 0, 0.03) url('ПОСТЛИНКИ') no-repeat 0px -31px !important; width: 0px;}
 .diary {background: rgba(0, 0, 0, 0.03) url('ПОСТЛИНКИ') no-repeat 0px -62px !important; width: 0px;}
 .profile {background: rgba(0, 0, 0, 0.03) url('ПОСТЛИНКИ') no-repeat 0px -93px !important; width: 0px;}
 .subscribe {background: rgba(0, 0, 0, 0.03) url('ПОСТЛИНКИ') no-repeat 0px -124px !important; width: 0px;}
 .unsubscribe {background: rgba(0, 0, 0, 0.03) url('ПОСТЛИНКИ') no-repeat 0px -124px !important; width: 0px;}
 .addToQuote, .delFromQuote {background: rgba(0, 0, 0, 0.03) url('ПОСТЛИНКИ') no-repeat 0px -155px !important; width: 0px;}
 .quote_post, .quote_comment {background: rgba(0, 0, 0, 0.03) url('ПОСТЛИНКИ') no-repeat 0px -186px !important; width: 0px;}
 .commentAuthor {background: url('ЗАГЛУШКА') no-repeat;}
 {---menu---}
 .top #side{width:700px !important; position:absolute; top:70px;}
 #side div {padding:0px !important;}
 .top #authorName { display: block; float: right; font-size: 14px; font-weight: normal; padding: 0px; text-align: right; white-space: nowrap;}
 .top #thisDiaryInfo a{font-weight:bold !important; text-shadow: 1px 1px 0px #fff;}
 .top #thisDiaryInfo {top:-10px !important; padding:0px;}
 #globalLinks ul, #thisDiaryOwner ul {display:block !important; visibility:visible !important;}
 #globalLinks {position:absolute; right:35px;}
 #thisDiaryOwner {position:absolute; right:232px;}
 #thisDiaryOwner ul {width:200px; float:right !important; }
 #thisDiaryOwner ul li {float:right !important; padding-right:3px;}
 #myDiaryLinks {margin-top:10px;}
 #myDiaryLinks ul {width:150px;}
 #myDiaryLinks li {width:150px; border-bottom:1px solid #d3d2d2; padding:5px 0px 5px 10px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
 #myDiaryLinks a, #TagsList ul a{text-transform:lowercase;}
 #myDiaryLinks a, #TagsList ul a, #thisDiaryInfo a{color:#5c5240; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #myDiaryLinks a:hover, #TagsList ul a:hover, #thisDiaryInfo a:hover {text-decoration:none; color:#090807; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #TagsList ul {padding:10px 20px 10px 25px !important; position:absolute; left:50%; margin-left:-76px; font-size:14px; margin-top:-15px; width:155px;}
 #TagsList ul a{background:none !important; display:block; width:120px; text-indent:inherit !important; padding-left:10px; text-overflow: ellipsis;}
 #TagsList li div {padding:0px 0px 5px 0px !important; border-bottom:1px solid #d3d2d2; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); width:130px !important; overflow:hidden !important; width:160px !important; height:20px;}
 #TagsList li span {color:#9e8d6f; padding:0px 0px 0px 0px !important; text-align:right; }
 #addToFav a:hover, #delFromFav a:hover {overflow:visible; font-size: 12px; line-height: 75px; text-indent: -40px; text-decoration:none; text-transform: lowercase; color:#9e8d6f;}
 #writeToAuthor a:hover {overflow:visible; font-size: 12px;line-height: 75px; text-indent: -35px; text-decoration:none; text-transform: lowercase; color:#9e8d6f;}
 #bottomNav {position:absolute;}
 #Stats {position:fixed; bottom:100px; left:-135px !important; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #Stats:hover {left:-20px !important;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #bottom_up {position:fixed; right:-145px !important; bottom:95px;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #bottom_up:hover {right:-30px !important;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #Stats a{width:165px; height:38px; padding: 11px 0px 0px 0px; }
 #bottom_up a{width:165px; height:40px; padding: 9px 0px 0px 0px;}
 #bottom_up a:hover, #Stats a:hover {text-decoration:none !important;}
 .top #sign {padding:20px 20px 10px 20px !important;}
 #sign a{border-bottom:1px dotted;}
 #sign a:hover {text-decoration:none; border-bottom:none;}
 #usrlog, #usrpass {color:#9e8d6f;}
 #sign .submit {width:85px !important; font-family:Cambria; text-transform:uppercase; background:none !important; border:1px solid #d3d2d2 !important; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset; color:#d3d2d2; text-shadow: 1px 1px 0px #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; opacity:1;}
 #sign .submit:hover {color:#5c5240 !important; background:#fff !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
 {---entries, comments---}
 #postsArea, #commentsArea, #addCommentArea, .block_design .bordered {padding:0px;}
 .singlePost, .singleComment {font-size:14px; position:relative;}
 .singlePost {margin-bottom:20px !important;}
 .singlePost .postTitle {font-size:24px !important; font-weight:bold !important; text-shadow: 1px 1px 0px #fff; border-bottom:1px solid #d3d2d2; padding:5px 0px 8px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
 .singlePost .header h2{font-size:24px !important; font-weight:bold !important; text-shadow: 1px 1px 0px #fff; color:#5c5240;}
 .singlePost .postDate {text-align:left; font-size:14px; text-transform:lowercase; color:#5c5240;}
 .upPostLink [src*="postup.gif"] {padding: 40px 0px 2px 0px !important; height:0px !important; overflow:hidden !important; background-position: 0% 0% !important;}
 .delPostLink [src*="postdelite.gif"] {padding: 40px 0px 2px 0px !important; height:0px !important; overflow:hidden !important; margin-top:-9px;background-position: center 9px !important;}
 .editPostLink [src*="postedit.gif"] {padding: 26px 0px 2px 1px !important; height:0px !important; background-position: right !important; margin-left:-4px; }
 .opac6 {height: 0;padding: 22px 25px 10px 5px !important;width: 0px;; opacity:1.0 !important;background-position: -30px 0px;}
 .TagJIco {display: inline-block; padding: 5px 0px 0px 0px; position: relative; text-decoration: none !important; background-position: 0px 0px ; width:30px; height:25px; margin-left:10px;}
 .postActionLinks li {opacity:0.5; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
 .postActionLinks li:hover {opacity:1.0 !important; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 .singlePost .postActionLinks {position:relative; right:0px; opacity:1.0 !important; z-index:2 !important;}
 .singleComment .postActionLinks {position:relative;opacity:1.0 !important; z-index:2 !important; margin-top:-5px;}
 .singlePost .paragraph {margin-top:20px; line-height: 1.5;}
 .postLinksBackg {border-bottom:1px solid #d3d2d2; border-top:1px solid #d3d2d2; padding:5px 0px 15px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); height:20px;}
 .singlePost .postLinks, .singleComment .postLinks {left:35px !important; position:absolute; width:687px;}
 .postLinksBackg li { height: 23px; padding: 5px 10px 0px 20px !important; float: left; margin: 0 5px 0 0 !important; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; position:relative; white-space:nowrap; text-align: left !important; border-radius: 20px; -moz-border-radius: 20px; font-size:14px; text-indent:15px;}
 .postLinksBackg li:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
 .postLinksBackg a {color: #090807; text-transform:lowercase;}
 .postLinksBackg a:hover {text-decoration:none;}
 .postLinksBackg {margin: 20px 0px 10px 0px !important;}
 .umail:hover { width: 55px !important; }
 .diary:hover { width: 90px !important; }
 .profile:hover { width: 70px !important; }
 .comments {position:absolute !important; right:6px !important; color:transparent! important; }
 .comments span a{font-weight:bold !important; color:#f1c201; text-shadow: 1px 1px 0px #fff;}
 .subscribe:hover, .unsubscribe:hover { width: 95px !important;}
 .addToQuote:hover {width: 85px !important;}
 .delFromQuote:hover {width: 155px !important;}
 .quote_post:hover, .quote_comment:hover { width: 115px !important;}
 .sign {font-size:12px;}
 .avatar img {width:80px !important; height:80px !important; margin:10px;}
 .avatar {width:100px !important; background:#fff; margin:2px !important}
 #commentsArea_title, #addCommentArea_title, #draft_title, #JournalComments .header.left {font-size:24px; font-weight:bold; color:#5c5240; border-bottom:1px solid #d3d2d2; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
 .singleComment .postTitle {position:absolute; width:580px; margin-left:120px; margin-top:5px; font-weight:bold; font-size:14px;}
 .singleComment .paragraph {margin-left:120px; position:relative; margin-top:35px;}
 #JournalComments .authorName {position:absolute; margin-left:135px; margin-top:5px;}
 .singleComment .authorName {margin-left:260px !important;}
 .authorName a, .communityName a{color:#5c5240; font-weight:bold !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
 .authorName a:hover, .communityName a:hover {text-decoration:none; color:#090807; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
 .singleComment {margin-bottom:5px !important;}
 #JournalFavorite .communityName, #JournalQuote .communityName {position:absolute; margin-left:120px; margin-top:20px; z-index:1;}
 #JournalFavorite .authorName, #JournalQuote .authorName, #JournalComments .singlePost .authorName {position:absolute; margin-left:120px; margin-top:40px; z-index:1;}
 #JournalFavorite .paragraph, #JournalQuote .paragraph, #JournalComments .singlePost .paragraph {margin-left:0px; position:relative; margin-top:20px;}
 #JournalFavorite .commentAuthor, #JournalQuote .commentAuthor, #JournalComments .singlePost .commentAuthor {display:inline-block; width:700px; height:110px;}
 .singleComment .commentAuthor {height:110px;}
 #JournalFavorite .sign, #JournalQuote .sign, #JournalComments .singlePost .sign {display:block; width:500px; position:absolute !important; margin-left:120px !important; margin-top:62px; color:#9e8d6f;}
 #JournalFavorite .avatar, #JournalQuote .avatar, #JournalComments .singlePost .avatar{position:absolute;}
 .singlePost img {max-width:700px;}
 .singleComment img {max-width:500px !important;}
 #JournalDraft .paragraph {margin-left:0px !important; position:relative !important;}
 #JournalDraft .commentAuthor, #JournalDraft #epigraph {display:none !important;}
 p.atMood em span {display:none !important; color: #fff; }
 p.atMusic em span {display:none !important; color: #fff; }
 p.atTag em span{display:none !important; color: #fff; }
 .atTag em:before {content: "темы:"; font-size: 14px; color:#5c5240; font-weight:bold;}
 .atMusic em:before {content: "музыка:"; font-size: 14px; color:#5c5240; font-weight:bold;}
 .atMood em:before {content: "настроение:"; font-size: 14px; color:#5c5240; font-weight:bold;}
 .atMood em, .atMusic em{font-style:normal; font-size: 14px;}
 .atTag a, .atTag em {font-style:normal; font-size: 14px; color:#090807; }
 .atTag a, .paragraph a {border-bottom: 1px dotted #090807; text-decoration:none; }
 a:hover, .TagJIco {border-bottom:none !important;}
 .tags_header a{color:#d7b504 !important; text-shadow: 1px 1px 0px #fff; border-bottom:none !important;}
 .tags_header {border-bottom:1px solid #d3d2d2; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
 .tags_ul_all a{border-bottom: 1px dotted #090807; color:#090807;}
 .tags_ul_all a:hover {text-decoration:none;}
 {--------pagebar------}
 #pageBar {margin:20px 0px 40px 0px !important;}
 #pageBar a {font-weight:bold; font-size: 18px; text-decoration:none;padding:8px 10px; border-radius:20px; margin-top:10px !important; width:18px !important; display:inline-block; color:#5c5240;}
 #pageBar strong {font-weight:bold; ;font-size:18px; text-decoration:none; background:#e6b901; padding:8px 10px; border-radius:30px; margin-top:10px !important; width:18px !important; display:inline-block; color:#fff;}
 #pageBar a:hover {text-decoration:none; background:#e6b901; color:#fff;}
 #pageBar {padding:0px; position:relative !important;}
 .pages_str a {background: none !important; box-shadow:none !important; border-radius:none !important; width:auto !important; font-size:14px !important;}
 .pages_str a:hover {color:#090807 !important;}
 .pages_str td {width:660px !important; left:50%;margin-left:-365px; position:absolute; display:block;}
 .pages_str td a{position:relative; z-index:2; }
 #pageBar tr a {position:relative; z-index:3;}
 #JournalComments .pages_str td {margin-left:-370px;}
 {---new_post---}
 #new_post_title {font-size:24px; font-weight:bold; border-bottom:1px solid #d3d2d2; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
 .text{border-bottom:1px solid #d3d2d2 !important; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); font-family:Cambria !important;}
 #forTextarea {border:1px solid #d3d2d2 !important; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset; font-family:Cambria !important; width:695px;}
 #message {font-family:Cambria !important;}
 #access_list {border:1px solid #d3d2d2 !important; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset; font-family:Cambria !important; width:300px;}
 #shsmile {background:#fff; border-top: 1px solid #d3d2d2 !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;}
 #button_panel .submit, #addCommentArea #btSubmit, #JournalLinks .submit {font-size:18px; font-family:Cambria; text-transform:uppercase; min-width:210px; background:none !important; border:1px solid #d3d2d2 !important; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset; color:#d3d2d2; text-shadow: 1px 1px 0px #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; opacity:1;}
 #button_panel .submit:hover, #button_panel .submit:active, #addCommentArea #btSubmit:hover, #JournalLinks .submit:hover {color:#5c5240 !important; background:#fff !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
 .section {padding:0px !important;}
 {---links---}
 #JournalLinks .header {margin-bottom:25px;}
 .header.group_link {font-size:24px; font-weight:bold; border-bottom:1px solid #d3d2d2; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
 #JournalLinks .opac6 {margin-bottom:-10px}
 #JournalLinks .postActionLinks {margin-top:-5px;}
 #links_title {font-size:24px; font-weight:bold; color:#5c5240; border-bottom:1px solid #d3d2d2; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
 #JournalLinks #groupLinkTextBox, #JournalLinks #hrefl, #JournalLinks #til, #JournalLinks #order {background:none !important;}
 {---voting---}
 .voting td [src*="/images/polls/bar1.gif"], .voting td [src*="/images/polls/bar1-l.gif"], .voting td [src*="/images/polls/bar1-r.gif"],.voting td [src*="/images/polls/bar3.gif"], .voting td [src*="/images/polls/bar3-l.gif"], .voting td [src*="/images/polls/bar3-r.gif"],.voting td [src*="/images/polls/bar5.gif"], .voting td [src*="/images/polls/bar5-l.gif"], .voting td [src*="/images/polls/bar5-r.gif"],.voting td [src*="/images/polls/bar7.gif"], .voting td [src*="/images/polls/bar7-l.gif"], .voting td [src*="/images/polls/bar7-r.gif"],.voting td [src*="/images/polls/bar9.gif"], .voting td [src*="/images/polls/bar9-l.gif"], .voting td [src*="/images/polls/bar9-r.gif"]{ background: #e6b901; padding: 10px 0 0 0; height: 0px; border-bottom: 1px solid #ccc8c3; }
 .voting td [src*="/images/polls/bar2.gif"], .voting td [src*="/images/polls/bar2-l.gif"], .voting td [src*="/images/polls/bar2-r.gif"],.voting td [src*="/images/polls/bar4.gif"], .voting td [src*="/images/polls/bar4-l.gif"], .voting td [src*="/images/polls/bar4-r.gif"],.voting td [src*="/images/polls/bar6.gif"], .voting td [src*="/images/polls/bar6-l.gif"], .voting td [src*="/images/polls/bar6-r.gif"],.voting td [src*="/images/polls/bar8.gif"], .voting td [src*="/images/polls/bar8-l.gif"], .voting td [src*="/images/polls/bar8-r.gif"],.voting td [src*="/images/polls/bar10.gif"], .voting td [src*="/images/polls/bar10-l.gif"], .voting td [src*="/images/polls/bar10-r.gif"]{ background: #5c5240; padding: 10px 0 0 0; height: 0px; border-bottom: 1px solid #ccc8c3; }
 .voting .submit {font-size:18px; font-family:Cambria; text-transform:uppercase; min-width:150px; background:none !important; border:1px solid #d3d2d2 !important; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset; color:#d3d2d2; text-shadow: 1px 1px 0px #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; opacity:1;}
 .voting .submit:hover {color:#5c5240 !important; background:#fff !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
 {---display:none---}
 #iAmQuit, #YaSearch, #pchs, #lastComments, #subscribeEmail, #unsubscribeEmail, #postsCalendar, #upInChart, #authorFav, #authorQuote, #authorLinks, #authorAlbum, #communityFav, #communityQuote, #communityAlbum, #photolibLink, #albumLink, #myProfileLink, #myLinksLink, #myNotepadLink, #headlineList, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #more_login, .order_button, .email, .prevnext, #thisDiaryLinks, #thisDiaryPhoto, #globalLinks_title, #thisDiaryOwner_title, #rssLink, #bottom_mainlink, #bottom_randomlink, #bottom_faqlink, #bottom_spiritlink, #Stats a+a, .singleComment .sign {display:none !important;}

@темы: можно носить

Comments

[TheHappyEnd]

Вопрос не совсем по теме, но почему ваши последние дизайны в каталог не добавляют?

[.Vozduh]

TheHappyEnd
1. в каталог добавляют не все дизайны, а те что прошли какой-то там отбор.
2. я о том, что наши работы будут в каталоге узнала от моей половинки, и напрямую с этими людьми не общалась. и хочу ли я — меня не спрашивали.
3. вроде как надо писать им, что у нас появились новые работы, а я не хочу никому ничего писать.
4. на дайри постоянно происходят какие-то изменения, и коды надо править, тут, мы можем это сделать, а за дизайнами в каталоге никто не следит. И мне это не нравится.

Ничего смертельно в этом нет, но муторно очень и не хочется.
Как-то так.

[Uilenspiegel]

Доброго времени суток)
Очень хочется узнать: а как вы привязывали этот css стиль к выкладкам на фб??

[.Vozduh]

Uilenspiegel, прописывала css для каждой закорючки отдельно. То есть сперва расставляла html, где нужно и как нужно, а потом придавала ему нужный вид прописывая стили через style="код css".
К втф готовитесь или к фб-2013?

[Uilenspiegel]

mahini,
Спасибо
К втф готовимся))
А можно поподробней
если я правильно понимаю, то получается можно просто в окно новой записи забить css код с html тэгами?

[.Vozduh]

Попробую поподробней.

Да, можно. Но учтите, так как цсс надо прописать каждому элементу отдельно, то код ест много символов. Именно поэтому визитка на летней у нас расползлась на 2 поста, в черновике она спокойно дважды могла поместиться в пост.
Или вот вы прописали цвет тексту. Но этот код не подействует на ссылки, так как в вёрстке дневников к нему привязан другой цвет. И ссылки будут таким цветом, каким они в соо для выкладки, или если кто-то смотрит через избранное, то цветом ссылок этого конкретного избранного. И чтобы не вышло белых ссылок на белом фоне, в этос сообществе ссылки белые к примеру, придётся прописать цвет каждой ссылке отдельно.

Орден CSS
<a style="color: #f1c201" href="http://orden-css.diary.ru/">Орден CSS</a>

Общий фон был прописан

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

Все картинки я двигала при помощи margin. Предварительно запихнув в <div></div> или <span></span>
Вроде как без оболочек картинки не двигались с места, если мне не изменяет память.

А вообще надо просто садиться и пробовать, тогда вам многое станет понятней. Да и проблема не столько в кодах, сколько, как эти коды приложить чтобы красиво было. И иметь представлен, какие есть возможности.

Так понятней? ))

[Uilenspiegel]

mahini,
Еще раз спасибо огромное))
И извините за ламерство =)
Теперь сядем за практику)

[.Vozduh]

Uilenspiegel, если чем помогла, то на здоровье.))
Я сама такой была. Это был мой второй опыт такой фигни на дайри, как замостить подложку картинкой-фоном, я сообразила только к концу ФБ.
Удачи и вдохновения.

[Uilenspiegel]

Удачи и вдохновения

Постараемся Спасибо=)

[Сван_]

дизайн просто.. потрясающий
взял поносить
спасибо! )

[.Vozduh]

Сван_, на здоровье.)) Носите с удовольствием.))