[AG Birthday Fest] CSS-Design

пятница, 23 июля 2010

18:59

все записи пользователя в сообществе asian graphics

Автор: [G]-D
частитекст: Georgia
фоны и границы везде прозрачны
ссылки: #020202
дизайн: блочный, слева
части дизайна:
фон i053.radikal.ru/1007/f9/76f15bdf18cc.jpg
экстратоп s39.radikal.ru/i086/1007/b7/9fd57deafbc9.png
разделитель s59.radikal.ru/i166/1007/11/2fe36272a139.png
фон блоков s58.radikal.ru/i162/1007/8f/2b3f965447e3.png
май дайри линк s57.radikal.ru/i157/1007/47/5d9bcdf27f29.png

 body{background:#e3e9cf url('/userdir/4/5/4/7/454749/57012650.jpg') no-repeat 18% 0;padding-top: 110px; margin: 0 !important}
 #wrapper{ min-width:0px!important;width:900px; margin: 0 auto !important;padding:0px !important;position:relative !important}
 #extratop {height:65px;background:url('/userdir/4/5/4/7/454749/57013367.png') 50% 0 no-repeat; margin-top: 0px !important; height:526px; margin-left: 177px !important }
 .left #page-c{background: url('/userdir/4/5/4/7/454749/57014468.png') repeat-y; width:674px !important;padding:0px !important;padding:0px !important; margin-top: 0px !important; margin-right: 23px !important; }
 .left #page-t { margin:0 !important}
 #side { width:180px !important; margin-left:10px !important; margin-top: 1px !important }
 .menuSection {text-align: center}
 #postsArea { width:580px !important; position: relative !important; margin-left: 55px !important; margin-top: 0px !important }
 #commentsArea{width:580px !important; position: relative !important; margin-left: 55px !important;}
 #addCommentArea {width:580px !important; position: relative !important; margin-left: 55px !important;}
 #myDiaryLinks_title {display:block; width:168px; height:65px; line-height:500px; overflow:hidden; background:url('/userdir/4/5/4/7/454749/57014786.png') 2px 4px no-repeat;}
 .postTitle { background: url('/userdir/4/5/4/7/454749/54170711.png') center no-repeat; width:580px !important; height:90px !important; position:relative !important; margin-left: 0px !important;margin-top:0px !important; text-align: center; padding-top: 40px !important; padding-left: 0px !important; color: #f3d80b !important;}
 #epigraph .postTitle {display:none !important;}
 #sortFromBegin {display:none !important;}
 #sortFromEnd {display:none !important;}
 #sortFromLastComment {display:none !important;}
 .order_button {display:none}
 #lastComments, #authorFav ,#authorQuot, #authorStats, #authorRSS, #postsCalendar, #rssLink ,#myStatLink, #communityCatalogueLink, #myCommunitiesLink, #diarySpiritLink, #upInChart, #diarySupportLink ,#paySupportLink ,#faqLink, #headlineList, #YaSearch, #myLinks, #randomDiaryLink, #allDiaryLink, #favListLink, #authorLiks, #writeToAuthor, #tagslistlink, #myLinksLink ,#addToFav, #delFromFav, #subscribeEmail, #thisDiaryPhoto, #pchListLink, #myProfileLink, #NContent, #sortOrder, #TagsList, #authorAlbum, #authorName, #pchs, #side h1, #albumLink {display:none;}
 a:hover {text-decoration: none; color: #d3d8ba !important;}
 .pageBar {position: relative; top: 20px; }
 .avatar img,.avatarNew img { display: block; position: relative; background-color: #000; border: 2px dashed #506264; margin: filter:alpha(opacity=100) !important;-moz-opacity:.50 !important;opacity:.50 !important;}
 .avatar img,.avatarNew img { display: block; position: relative; background-color: #000; border: 2px dashed #506264; margin: filter:alpha(opacity=100) !important;-moz-opacity:.50 !important;opacity:.50 !important;}
 .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #000; border: 1px dashed #506264; margin: filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
 #JournalComments .singlePost div.authorName, #JournalComments .singlePost div.commentAuthor {display:none;}
 #JournalComments .singlePost div.paragraph {margin:0!important;}
 .postLinksBackg {display:block !important; border-bottom: 2px dashed #0C0B0D; margin-top: 10px !important; padding:10px 0 !important;}
 #wrapper {position: relative;}
 .comments {background: # no-repeat; padding: 0 0 0 20px !important;}
 atMusic,.atMood,.atTag { font-family:Tahoma !important; padding:2px; color:#020202; border-bottom:1px solid #ededed; border-top:1px solid #ededed; border-color:#020202; float:left; clear:left; }
 .atMusic em,.atMood em,.atTag em { font-style: normal; font-size:10px !important; }
 .atMusic a,.atMood a,.atTag a { text-decoration:none }
 .atMusic em { font-size: 0 px; background: url('/userdir/4/5/4/7/454749/40400120.gif') no-repeat 0; padding-left: 70px !important; }
 .atMusic em SPAN { position: absolute; left:-1000px;}
 #umailLink { font-family:Vivaldi !important;}
 .postLinksBackg {background: url('/userdir/4/5/4/7/454749/57014108.png') no-repeat; background-position:bottom; !important;height:75px !important;}
 .header {text-align:left;color: #ffffff !important; font-family: "Segoe Print";center; font-size: 19px;!important; text-shadow: 1px 1px 8px #6b6b6b; font-style: italic }
 .postDate{text-align:right;color: #000000 !important; font-family: "Segoe Print"; font-size: 23px;!important; text-shadow: 1px 1px 8px #6b6b6b; font-style: italic }
 .singlePost{ !important; font-family: "Segoe Print"; font-size: 14px;!important; text-shadow: 1px 1px 8px #6b6b6b; font-style: italic}

#wrapper {position: relative;}
 #sortFromBegin {display:none !important;}
 #sortFromEnd {display:none !important;}
 #sortFromLastComment {display:none !important;}
 .order_button {display:none}
 #favListLink, #pchListLink, #myNotepadLink, #upInChart, #communityAlbum, #YaSearch, #myLinks, #myLinksLink, #myCommunitiesLink, #randomDiaryLink, #lastComments, .urlLink, #thisDiaryPhoto, #iAmQuit, #side h1 A, #authorName {display:none !important;}
 #bottomNav {display:none !important;}
 #wrapper{min-width:700px!important;width:700px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #side {width:500px !important; position:absolute; margin-top:-70px; margin-left:140px;}
 #side ul { background: url('ФОН МЕНЮ’); }
 #page-c{width:700px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0px !important}
 #extratop {background: url("ЭКСТРАТОП"); width:700px; height:433px; line-height: 100% !important;}
 body{background:#000 url('ФОН’) no-repeat 50% 0% }
 body{ background-attachment:fixed;}
 #thisDiaryOwner a {color: #9e4f51 !important}
 #myDiaryLinks a {color: #9e4f51 !important}
 #globalLinks a {color: #9e4f51 !important}
 #page-t { background: url('ФОН ЗАПИСИ’); width:700px !important;}
 #extrabottom {background: url('ЭКСТРАБОТОМ’) no-repeat; width: 700px; height: 221px;line-height: 100% !important; margin-top: -10px; margin-left:0px}
 #myDiaryLinks_title {display:block; width:121px; height:40px; line-height:400px; overflow:hidden; background: url(HOME') 5px 5px no-repeat; margin-left: 10px !important; margin-top:-0px !important }
 #globalLinks_title {display:block; width:121px; height:40px; line-height:400px; overflow:hidden; background: url('MAIN') -4px 2px no-repeat; margin-left: 10px !important; margin-top:2px !important }
 #thisDiaryOwner_title {display:block; width:121px; height:40px; line-height:400px; overflow:hidden; background: url('NOTE') 2px 5px no-repeat; margin-left: -10px !important; margin-top:-2px !important }
 #side .menuSection{text-align:center;}
 a:hover{cursor:crosshair;}
 #myDiaryLinks ul {border: 1px solid #842f31; font-size: 12px;}
 #thisDiaryOwner ul {border: 1px solid #842f31}
 #globalLinks ul {border: 1px solid #842f31}
 span.quote_text {font-style:normal; display: block; margin: 5px;padding: 5px; border:1px ridge #842f31; font-size: 97%; }
 .postLinksBackg {display:block !important; border-top: 1px ridge #842f31; border-bottom: 1px ridge #842f31; margin-top: 15px !important; padding: 4px 0 !important;}
 .avatar img,.avatarNew img { display: block; position: relative; background-color: #ffffff; border: 1px solid #590a01; margin: 0px 0px 0px 0px; padding: 2px; filter:alpha(opacity=100) !important;-moz-opacity:.20 !important;opacity:.20 !important;}
 .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #ffffff; border: 1px solid #590a01; margin: 0px 0px 0px 0px; padding: 1px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; width:100px !important; min-width:100px !important; max-width:100px!important; }
 .avatar img {width:80px !important; min-width:80px !important; max-width:80px!important;}
 #postsArea, #commentsArea, #addCommentArea { padding-right:35px !important; padding-left:35px !important; }
 .postLinksBackg {text-align:center;}

Автор: MissPodushka
части

#wrapper{min-width:800px!important;width:800px; margin: 0 auto !important; padding:0 !important;overflow:hidden !important;}
 #extratop{height:402px;background:url('экстратоп') no-repeat;}
 body{ background-attachment:fixed; }
 .left #wrapper{background:#; overflow:hidden;}
 #page-c{width:800px !important;padding:0 !important;padding:0 !important }
 #page-t {margin:0 !important}
 #postsArea, #addCommentArea, #commentsArea { background: url('запись') repeat;}
 #side h1 img {display: none}
 #side{width:800px !important;margin:0 !important}
 #page-c{width:800px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}
 .menuSection{ font-size: 15px;}
 a:link {text-decoration:none;}
 .atMusic em, .atMood em, .atTag em { font-style: normal; color:#161616;}
 .avatar img {width: 100px;}
 a:hover, a:active{color:#E7E2DE !important;}
 .avatar img { border-width:1px; border-color:#000000; border-style:solid;}
 .postLinksBackg a { font-size: 10px; color: #393A40 !important; text-transform:uppercase; padding-top:10px !important;}
 .postLinksBackg a:hover { color: #5E5E5E !important; text-decoration: none !important;}
 .postDate {font-size: 10px; color:#855874 !important;text-transform:uppercase;line-height: 45%; }
 .postDate, .header {text-align:left !important; }
 .header span { color: #393A40; font-size: 15px; }
 .header h2 {color: #393A40; font-size: 14px; margin-left: 5px }
 .menuSection a:hover{color:#393A40 !important;TEXT-DECORATION: none; text-transform: none;}
 .atTag a:hover {color: #393A40 !important;}
 .postLinksBackg {display:block !important; border-bottom:1px dashed #393A40; margin-top: 10px !important; padding:10px 0 !important;}
 #side .menuSection{background: transparent;}
 #side .bordered {background: transparent;}
 .nextPostLink {float: right;}
 #myDiaryLink { position:absolute; top:105px; left:310px; }
 #writeThisDiary{ position:absolute; top:124px; left:310px; }
 #myFavLink { position:absolute; top:146px; left:310px;}
 #discussionLink { position:absolute; top:169px; left:310px;}
 #umailLink { position:absolute; top:192px; left:310px; }
 #myQuotLink{ position:absolute; top:215px; left:310px; }
 #mainpageLink { position:absolute; top:238px; left: 310px;}
 #optionsLink { position:absolute; top:261px; left: 310px;}
 #authorName { position:absolute; top:360px; left: 300px;}
 #iAmQuit { position:absolute; top:284px; left: 310px;}
 #side h1 a { position:absolute; top:30px; left: 300px;}
 #side h1 a, #authorName { font-size: 20px;color:#664B5A!important;}
 #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, #pchListLink, #randomDiaryLink, #allDiaryLink, #diarySupportLink, #unsubscribeEmail, #pchs, #pchs, #login_form, #more_login, #subscribeEmail, #myNotepadLink, #postsCalendar, #myProfileLink, #myDraftLink, #tagslistlink, #Stats, #writeToAuthor, #delFromFav {display:none!important}

10pix.ru/img1/4287/1903524.jpg
10pix.ru/img1/232418/1903525.jpg
10pix.ru/img1/2964/1903530.png
10pix.ru/img1/2980/1903531.png
10pix.ru/img1/2996/1903532.png

запись создана: 20.07.2010 в 15:33

@темы: CSS-design, Birthday Fest

URL

Завтра еду на море в гости...общаться с интересными людЯм... Ненавижу весну - потому что один... Ненавижу тополиный ... *** Я блуждаю по городу мёртвому, Мысли - сбиты, а воло...

до экзамена осталось 1 час 5 минут... пора выезжать... не... моей работе свойственно состояние легкого алкогольного о... Прошлась в обед по магазинам. Хожу, смотрю и все хочу!......

Комментарии

23.07.2010 в 19:05

neks

первый! очень красочный

URL

23.07.2010 в 20:12

Kottaku

"Все приходит вовремя, если люди умеют ждать" |" Таку такой Таку"

Третий

Спасибо автору за него.
скорее бы выложили.

URL

23.07.2010 в 20:25

фуричка

例えば願いが叶うなら

все три очень нравятся, но второй -

URL

23.07.2010 в 20:38

[DEAD_ILLUSION]

happy addict

у первого нравится эпик, но второй очень такой... вах *___*

URL

24.07.2010 в 01:34

Seele-Helga

Рояль-мастерица (с) Chibi-tyan

Первый очень яркий, второй - ох, какое фото :heart:

, третий - омфг, какой Пишник :inlove:

и этот "туман" просто класс!
Но все же №1: понравилось, как написано My diary, выделен умыл, ножнички, и вообще позитивно.^^

URL

24.07.2010 в 09:54

Jane Detka

haters gonna hate, i'm shipper!(с)

а чо нет варианта "все!" :lol:

я не могу вот выбрать :alles:

первый красочно, гармонично.
второй: такой эффект старого фото вапще всегда смотрится офигенно.
с Пи мне нравится цветовая обработка. Я обожаю черный.
Но выберу наверное второй :heart:

URL

24.07.2010 в 10:05

3й просто супер!!!! :red:

URL

24.07.2010 в 10:59

Evelin_V

№1 Идея

, но сочетание цветов свело меня с ума :inlove:

Поэтому его и выбрала.
№2 Очень нравится фон и эпиргаф, но было бы лучше если бы фон записи и экстработом были такого же стиля.
№3 Все идеально, если бы не фон записи немного, по моему личному мнению, не доделан. Но экстартоп потрясающий :heart:

URL