@CSS — стилизация дневников — @дневники: асоциальная сеть

понедельник, 04 апреля 2011

22:31

проблемы с кодом

все записи пользователя в сообществе Грин

раны не лечатся, когда ранам рады

очередная проблема =_=
точнее, даже две.
1. прописываю код, чтобы на вместо ссылок были картинки, вот он.

при вроде бы абсолютной идентичности первые три картинки показываются, а последние две (выделенные) и вообще дальше - нет. почему?

2. как сделать так, чтобы при фиксированном меню название дневника всё-таки не стояло на месте?
отдельно задать каждому блоку меню, который должен быть фиксированным, фиксирование, не подойдёт

@темы: меню

URL

20:58

Пожалуйста.

все записи пользователя в сообществе Swim.

Ваша. Не всегда.

Здравствуйте. Прописываю цвет для блока ссылок .postLinksBackg {background: #9a878d ; }
Строка закрашивается, но через пост. Почему так ?
остальное, пока написанное в коде

@темы: diaryCSS

URL

02:39

все записи пользователя в сообществе Грин

раны не лечатся, когда ранам рады

товарищи, спасайте =_=
на картинке остаётся кусок ссылки.
как убрать? спасибо заранее.
код: читать дальше

@темы: меню

URL

воскресенье, 03 апреля 2011

16:47

все записи пользователя в сообществе Mad Gwynbleidd

Я господень скоморох и меня любит Господь!

Здравствуйте!
почему когда я в CSS начинаю прописывать код к картинке в дизайне...он почему-то исчезает? В одном из постов было сказано, что коды следует прописывать без "static diary", т.е. вроде body { background: url('/userdir/1/5/8/4/1584229/5974407...') no-repeat;}, но и это не помогает. После сохранения ничего не проявляется, только исходник body { background: # no-repeat;}
подскажите, что делать!

@темы: дневники, diaryCSS, платный сервис

URL

суббота, 02 апреля 2011

17:39

Как убрать название сообщества.

все записи пользователя в сообществе Демон Фотошопа

Воля, вера и воображение.

Люди добрые помогите. CSS пока только изучаю, но захотелось побаловать ПЧ новым дизом. Все вроде вышло, но есть одна небольшая проблема: На главной странице название сообщества расположено так:

А на странице комментария оно заходит на дату.

В связи с этим вопрос: можно передвинуть дату вниз, или сделать так чтобы во втором случае название сообщества не отображалось?
Код диза:

body{background:# repeat; background-position: 50% 0; background-attachment:fixed; padding:0px;}
 #wrapper{min-width:1000px !important; width:1000px; margin:0 auto !important; padding:0 !important;}
 #page-c{width: 800px !important;padding:0!important;padding:0 !important;background:url('/userdir/2/0/6/7/2067961/67615883.png') repeat; width:800px}
 #side{width: 200px !important;margin:0 auto !important; padding:0 !important; }
 #page-t {padding:0 !important; width:780px; margin:0 !important}
 #side h1 {position:absolute;top: 10px; left:00px; width:800px; }
 #side h1{text-align:left; font-family: Times New Roman; font-size: 20px !important; color: #e5e5e5;text-shadow: 0 0 0.1em #464646, 0 0 0.1em #464646, 0 0 0.1em #464646!important;border-top : 5px; color: #e5e5e5 !important;text-transform: uppercase;text-align:center;}
 .singlePost { background: url('/userdir/2/0/6/7/2067961/67592501.png') no-repeat; background-position:bottom !important; padding-right: 0px !important; padding-bottom: 70px !important; }
 #epigraph {border-bottom: none !important; padding:0 !important;}
 .menuSection_title {background: url('/userdir/2/0/6/7/2067961/67592504.png') no-repeat 10% 100%; color: #ebebeb; text-shadow: 0 0 0.2em #464646, 0 0 0.2em #464646, 0 0 0.2em #464646 !important;font-size: 16px; font-weight: bold; height:50px;padding: 10px 0px 0px; text-align: left;text-transform: uppercase; width: 200px; display:block;}
 .singlePost .postTitle span {background: url('/userdir/2/0/6/7/2067961/67592510.png') no-repeat; line-height:10px; width:73px; height:80px; color: #e5e5e5; text-shadow: 0 0 0.2em #59514b, 0 0 0.2em #59514b, 0 0 0.2em #59514b !important;font-size: 18px; font-weight: bold; height:40px;padding: 10px 0px 0px; text-align: left;text-transform: uppercase; width: 200px; display:block;}
 #thisCommunityMember {line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:180px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #myDiaryLinks{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:220px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #YaSearch{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:70px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #thisDiaryOwner{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:150px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #globalLinks{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:200px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #myLinks{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:170px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #Stats{background: url('/userdir/2/0/6/7/2067961/67592504.png') no-repeat 10% 100%; color: #ebebeb; text-shadow: 0 0 0.2em #464646, 0 0 0.2em #464646, 0 0 0.2em #464646 !important;font-size: 16px; font-weight: bold; height:50px;padding: 10px 0px 0px; text-align: left;text-transform: uppercase; width: 200px; display:block;}
 #pchs{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:200px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #lastComments{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:200px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 a {color: #e5e5e5;text-shadow: 0 0 0.1em #464646, 0 0 0.1em #464646, 0 0 0.1em #464646!important;border-top : 5px; color: #464646 !important;}
 A:hover {color: #e5e5e5;text-shadow: 0 0 0.2em #464646, 0 0 0.2em #464646, 0 0 0.2em #464646!important;border-top : 5px; color: #e5e5e5 !important;}
 #authorName {position: absolute; top:0px; left:850px; max-width: 800px; padding: 10px;text-align:center;text-transform: uppercase; font-family: Georgia; font-size:12px !important; }
 .postTitle{color: #da3f5c;font-size: 16px; text-transform: uppercase; text-shadow:text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b ,!important;border-top : 5px;}
 .sign{color: #e5e5e5;text-shadow: 0 0 0.1em #696969, 0 0 0.1em #464646, 0 0 0.1em #464646!important;border-top : 5px;text-transform: uppercase; font-size: 11px; color: #464646 !important;}
 .quote_text {color: #da3f5c;font-size: 12px; text-transform: uppercase; text-shadow:text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b ,!important;border-top : 5px;}
 .postDate {color: #e5e5e5;text-shadow: 0 0 0.2em #464646, 0 0 0.2em #464646, 0 0 0.2em #464646!important;border-top : 5px; color: #e5e5e5 !important;text-transform: uppercase;text-align:center;font-size:14px;}
 .avatar img { border-width:4px; border-color:#464646; border-style:double; padding:3px; display: block; }
 #JournalComments, #commentsArea .paragraph img, #JournalComments #postsArea .paragraph img, #JournalQuote #postsArea .paragraph img, #div_img, #JournalFavorite#postsArea .paragraph img {max-width:600px !important}

@темы: diaryCSS, основные блоки, Дизайн

URL

пятница, 01 апреля 2011

23:20

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

Ходят слухи, что он, танцуя по небу разит мечом словно ветер, что даже во тьме звёздный свет отражается от его меча солнечным днём

Из невозможного. Убедите меня, что это не так.
Задача такова - есть 3 соседних блока. Хоть тресни, хочу при наведении на третий блок поменять свойства первого блока.
Вот с при наведении на первый - изменить третий можно - хотя бы конструкцией .one:hover ~ .three - но оно работает только на следующие элементы, а не предыдущие. Соседний блок тоже работает только на следующий блок (.one + .two).
И конечно же, нельзя указать из дочернего элемента родительский, так?

@темы: diaryCSS, основные блоки, Точка зрения

URL

17:55

все записи пользователя в сообществе Лан Мао

пизденящий душу леденец...

Подскажите можно ли совместить в фоне две картинки? Основной фон и картинка снизу. И если да, то ка правильно прописать это в коде?
заранее спасибо)

UPD Попробовала несколько вариантов, не в одном картинка с подсолнухами не отображается. Не пойму в чем дело.
код

body {background:url('/userdir/1/8/1/6/1816774/67225544.jpg') repeat, url('/userdir/1/8/1/6/1816774/67599587.png') no-repeat bottom left;}
 #wrapper{ min-width:1000px!important;width:1000px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #extratop {background: url('/userdir/1/8/1/6/1816774/67601312.png') no-repeat; width: 1000px; height:500px !important; padding: 0 !important; margin: 0 !important;}
 #extrabottom {background: url('/userdir/1/8/1/6/1816774/67601327.jpg') no-repeat; width: 1000px; height: 490px;line-height: 100% !important; margin-top:-0px;margin-left: 0px;}
 #add_block1 {background: url('/userdir/1/8/1/6/1816774/67599587.png'); height:0px; width:0px; position:fixed; left:0px; bottom: 0px; z-index:-1;}
 .singlePost {position: relative; background:#ffffff; -moz-border-radius: 3px; border-radius: 10px; padding: 15px 15px 15px 15px !important; margin: -0px 0px 50px 0px !important; }
 #page-c {width: 800px !important; margin-top: -0px !important; margin-left:0px !important;}
 #side{width:200px !important;margin-top:-23px !important;}
 #page-t{margin-left:-200px !important; width:1000px!important; padding:0 !important;padding:0 !important; padding:0px !important}
 #postsArea {margin-left:220px !important; width:750px!important; padding:0 !important;padding:0 !important; padding:0px !important}
 .menuSection {position: relative; background:#ffffff; -moz-border-radius: 3px; border-radius: 10px; padding: 15px 15px 15px 15px !important; margin: 0px 0px 30px 0px !important; }
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:765px; margin: 20px 0px 0px 220px !important; }
 #side h1 a {repeat-x bottom; position: relative; left:150px; top:-406px; }
 #side h1 a {font-family:"Verdana"; font-size: 20px; }
 #side h1 a:hover{color:#fff; text-decoration:none;}
 #authorName:hover{color:#8ab3d3; text-decoration:none;}
 #authorName {font-family:"Verdana"; font-size: 15px; }

запись создана: 01.04.2011 в 14:14

@темы: фоновые картинки, платный сервис, Дизайн

URL

четверг, 31 марта 2011

19:03

Правила сайта...

все записи пользователя в сообществе Стафиа

Здравствуйте.
Прочитала правила. Уяснила для себя, что существуют материалы, которые запрещено размещать на данном ресурсе. Если разместить, то последует предупреждение или бан.
А разрешено ли, опубликовать подобную запись на другом ресурсе (где это не возбраняется), а тут, у себя в дневнике, сделать пост и поместить в него только ссылку на другой ресурс и описание того, что там лежит?
Ведь, таким образом, я не нарушу правил сайта? Или всё-таки нарушу?

Большое спасибо за внимание.

@темы: дневники

URL

15:30

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

Диагноз: "стебанатор глумливый" (с) Dallas Levi

Возникла проблема. Поставил новый дизайн, и форма добавления комментария "уехала" вверх, то есть она закрывает первые комментарии. В код вроде ничего не добавлял на этот счет. Также в коде прописаны границы блока записи, в предпросмотре дизайна они отображаются как надо, в реально поставленном дизайне - нет. Можно ли как-то исправить ситуацию?

Заранее благодарен за советы.

Код:

#extratop { background: url('/userdir/3/7/4/1/374141/67543208.png') 0 0 no-repeat !important; width:100%; height:500px; line-height: 100% !important; clear:both; margin: 0 0 0 0px !important; position: absolute; left: -6px !important; top: -10px !important;}
 #wrapper {background:0 0 no-repeat; !important; background-position: fixed;}
 #wrapper {min-width: 900px; width: 900px; margin: 0 0 0 0px !important; padding: 0 !important; position: relative;}
 #side {width:80px !important; margin: 0 0 0 0px !important; position: absolute; left: 635px; top: 450px; z-index: 2 !important; !important;}
 #side {background: url('/userdir/3/7/4/1/374141/67563485.png') no-repeat; height: 300px; width:400px !important;}
 #page-c div.bordered {width:715px !important; padding: 0 !important; position: absolute; left: 23px !important; top: 490px !important; background-color: #fefef5;}
 #page-c div.bordered {border-width: 10px !important; border-color:#e8f2f6;}
 #side h1 {position: absolute; left: -140px; top: -155px;}
 #all_links, #lastComments, #more_login, #writeToAuthor, #thisDiaryPhoto, #rssLink, #YaSearch, #headlineList, #comments, #subscribeEmail, #albumLink, #allDiaryLink, #photolibLink, #favListLink, #communityCatalogueLink, #myCommunitiesLink, #postsCalendar, #upInChart, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #authorFav, #authorAlbum, #thisDiaryLinks, #login_change, #sortOrder, #YaSearch, #headlineList, #subscribeEmail, #unsubscribeEmail, #addToFav, #delFromFav, #fallDiaryLink, #allDiaryLink, #sortOrder,#randomDiaryLink, #lastComments, #topNavLinks, .quote_post, #myCommunity, #myCommunityLink #upInChart, #topNav, #authorRSS, #postsCalendar, #faqLink, #headlineList, #diarySpiritLink, #communityCatalogueLink, #diarySupportLink, #paySupportLink, #authorFav, #arssLink, #favListLink, #allDiaryLink, #myLinksLink, #authorLiks, #writeToAuthor, #authorFav, #authorQuot, #albumLink, #Stats, #myStatLink, #myStatLink, #myLinks, #pchListLink, #myNotepadLink, #topNav, #myDraftLink {display:none!important}
 #bottomNavLinks, #topNavLinks {display: none; !important}
 .avatar img,.avatarNew img { display: block; position: relative; background-color: #fff; border: 5px solid #e8f2f6; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100)}
 .postLinksBackg {background:url('/userdir/3/7/4/1/374141/67546475.png'); width:100%; height:150px; background-position:bottom center; background-repeat:no-repeat;}
 .postTitle {text-align: center; height: 20px; font-size: 12px; margin: 0 0 0 100px !important;}
 .upPostLink a {content: 'update' !important; padding-right:10px !important; color: #d7d7d7;}
 .delPostLink a {content: 'delete' !important;padding-right:10px !important; color: #d7d7d7;}
 .editPostLink a {content: 'edit' !important; color: #d7d7d7;}
 .postLinksBackg {display:block !important; border-top:1px dotted #c7c7c7; border-bottom: 1px dotted #c7c7c7; margin-top: 4px !important; padding:6px 0 !important; text-align: center;}
 #topNav, #bottomNav {background:transparent !important;}
 .postDate {text-align: center !important; font-family: Calibri; text-shadow: 1px 1px 5px #8EBABD;}
 #thisDiaryLinks {content: 'this diary' !important; color:#c7c7c7;}
 #addToFav a {content: 'like';}
 #delFromFav a {content: 'dislike';}
 #writeToAuthor a {content: 'write me';}
 .quote_comment a {content: 'quote comment';}
 .quote_post, .quote_comment, .email, .addToQuote, .umail, .profile, .unsubscribe, .subscribe, .quote_post {background: # no-repeat; padding:2px 20px !important; display:block; height:16px; }
 .postLinks {display:block; width:100%; text-align:center; }
 div.postTitle { color: #c7c7c7;}
 .subscribe {background: # no-repeat; padding:2px 30px !important; display:block; height:16px; }
 .comments {background: # no-repeat; padding:2px 20px !important; display:block; height:16px; }
 .addToQuote {background: # no-repeat; padding:2px 20px !important; display:block; height:16px; }
 .upPostLink a:hover {color: #8EBABD;}
 .delPostLink a:hover {color: #8EBABD;}
 .editPostLink a:hover {color: #8EBABD;}
 #umailLink a {content: 'u-mail';}
 #myDiaryLinks_title {content: 'diary' !important; color:#c7c7c7; position: absolute; left: 170px; top: 100px;}
 #myDiaryLinks ul {position: absolute; left: 170px; top: 110px; background-color: #fefef5;}
 #myDiaryLink a {content: 'my world' !important;}
 #writeThisDiary a {content: 'express' !important;}
 #myFavLink a {content: 'others' !important;}
 #myQuotLink a {content: 'quotes';}
 #discussionLink a {content: 'discussions';}
 #myProfileLink a {content: 'identity';}
 #optionsLink a {content: 'options';}
 #photolibLink a {content: 'illusions';}
 #tagslistlink a {content: 'tags';}
 #thisDiaryOwner_title {content: 'text' !important; color: #c7c7c7; position: absolute; top: 100px;}
 #thisDiaryOwner ul {absolute; top: 110px; background-color: #fefef5;}
 #globalLinks_title {content: 'overall' !important; color:#c7c7c7; position: absolute; top: 100px; left: 50px;}
 #globalLinks ul { position: absolute; top: 110px; left: 50px; background-color: #fefef5;}
 #mainpageLink a {content: 'index';}
 #myCommunitiesLink a {content: 'community';}
 #randomDiaryLink a {content: 'random';}
 .menuSection a:hover {color:#8EBABD;}
 .atMusic em { font-size: 0 px; background: url('/userdir/3/7/4/1/374141/48741407.gif') no-repeat 0; padding-left: 70px !important; }
 #globalLinks .addToQuote {background: # no-repeat; padding:2px 20px !important; display: block; height:16px; }
 .atMood span {content: 'mood:';}
 .atMusic span {content: 'music:';}
 .atTag span {content: 'tags:';}
 .addToQuote a {content: 'add quote'; color: #8EBABD;}
 .subscribe a {content: 'subscribe';}
 .unsubscribe a {content: 'unsubscribe;'}
 .quote_post a {content: 'quote this';}
 .diary a {content: 'diary';}
 .profile a {content: 'identity'; color: #c7c7c7;}
 .comments a:before { content: 'comment';font-size:10px;color:#8EBABD;}
 .comments a{font-size:0px;color:transparent}
 .comments_count_link a:before {content: '' ;}
 .comments_count_link a{font-size:10px;color:#c7c7c7;}
 .order_button {display: none;}
 a:hover {color:#;text-decoration: none; cursor:help; font-weight: bold !important;}
 .atMusic,.atMood,.atTag { float:right; clear:right; padding: 0 10px 0 0; border-right: 2px dotted #96a4a3; }
 em:hover {text-decoration: none !important;}
 em {font-style: normal;}
 #iAmQuit {content: 'quit' !important; color: #c7c7c7; position: absolute; top: 100px; left: 215px;}
 #authorName  {display: block !important; position: absolute; left: -1110px; top: -35px; color: transparent;}
 .postContent  {padding: 0px 10px 10px 10px;}

картинка:

читать дальше

@темы: основные блоки

URL

воскресенье, 27 марта 2011

14:17

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

Пока мы думаем, как убить время, время убивает нас. (с) А. Алле

Уважаемы мастера, помогите пожалуйста

Возможно ли в CSS сделать подобные завитушки вокруг записи?
Если возможно, то подскажите пожалуйста код (поподробней, а то я ещё только учусь)

@темы: рамки и полоски, diaryCSS, основные блоки, Учеба

URL

пятница, 25 марта 2011

12:43

все записи пользователя в сообществе смольник

как нож в масло

Не знаю, как найти, был ли подобный вопрос: как вообще отключить сервис CSS? У меня сейчас пакет "Талантливый", куда входит:

Выделенный сервер — обязательный сервис
Мои ссылки
Аватары
Управление подписками
CSS
Увеличение размера БИ на 50 Мб

Из всего перечисленного хотелось бы оставить только это:

Выделенный сервер — обязательный сервис
Мои ссылки
Аватары

@темы: diaryCSS, платный сервис

URL

четверг, 24 марта 2011

21:16

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

Здравствуйте помогите пожалуйста!Я только знакомлюсь с CSS,как с его помощью можно
сделать картинки как на примере.)))

* Комментировать

* Подписаться

* В цитатник

@темы: Дизайн

URL

17:25

отображение на разных разрешениях экрана.

все записи пользователя в сообществе Лунный дождь

мои звёзды сияют на земле

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

но если на мое родное разрешение 1280*1024, все будет подогнано без отступов, на разрешении больше картина будет уже другая, блоки "уедут" что смотрится уже криво

если я задам ширину для блока записей в %, то картина будет такой, верно? но меня не до конца устривает растяжение блока записей

поэтому вопрос - можно ли как то добиться такой картины? :hmm:

в идеале бы задать отступ от середины монитора, а не от краев, но такое по-моему невозможно(

@темы: отступы, основные блоки

URL

вторник, 22 марта 2011

21:24

рястягивание изображения

все записи пользователя в сообществе Лунный дождь

мои звёзды сияют на земле

пытаюсь залить фон градиентом при помощи такого кода.

 body {background: url('/userdir/1/6/7/3/1673245/67240253.jpg') repeat-x !important; padding: 0 !important; -o-background-size:100% 100% !important; -webkit-background-size: 100% 100% !important; -khtml-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; background-size: 100% 100% !important; background-attachment:fixed !important;}

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

вот код всего дизайна

 body {background: url('/userdir/1/6/7/3/1673245/67240253.jpg') repeat-x !important; padding: 0 !important; -o-background-size:100% 100% !important; -webkit-background-size: 100% 100% !important; -khtml-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; background-size: 100% 100% !important; background-attachment:fixed !important;}
 #wrapper{ min-width: 958px !important; width: 958px; margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; z-index: 4;}
 #extratop { background: url('/userdir/1/6/7/3/1673245/67233122.png') no-repeat bottom; height: 487px; width:958px; margin-top:0px; position:relative; z-index: 3; }
 {----------------------------------------------------------------------------------------------------------------------}
 #page-c {min-width:675px !important; width:675px !important; padding: 0px 0px 0px 15px !important; margin:40px 65px 0px 0px !important; background:#000;}
 #page-t {margin: 20px 20px 20px 5px !important;background:#fff;}
 .communityName, .authorName {margin-left:5px !important; font-size:11px !important; padding-top:5px !important;}
 .commentAuthor {margin-left:5px !important;}
 .paragraph { margin-right:10px !important; }
 .postContent {margin-top:10px !important; }
 .atTag em, .atMusic em, .atMood em, .atTag span, .atMusic span, .atMood span { font-style: normal !important; font-size:11px !important; text-transform: lowercase;}
 #addCommentArea, #msg_form { padding :5px 10px 10px 15px !important;}
 .postDate { text-transform: lowercase; font-size: 11px !important; font-weight: none !important; padding: 0px 10px 0px 0px !important;}
 .postLinksBackg { padding: 5px 10px 0px 5px !important; font-size: 11px !important; color: # !important; text-transform: lowercase;}
 {----------------------------------------------------------------------------------------------------------------------}
 #side {width: 130px; margin:40px 0px 0px 65px; background:#000; text-align:right !important;color:#404040;}
 #side a {color: #fff;}
 #TagsList li { margin: 2px 0px 0px 0px !important; color:#626262;}
 #thisDiaryPhoto, #postsCalendar, #rssLink, #upInChart, #authorFav, #authorQuot, #authorLinks, #authorAlbum, #myNotepadLink, #myLinksLink, #myProfileLink, #albumLink, #photolibLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink {display:none !important;}
 {----------------------------------------------------------------------------------------------------------------------}
 .postTitle, #addCommentArea_title, #new_post_title, #commentsArea_title {color:#fff; font:18px '',"Compact"; text-transform:uppercase; background: #000!important; padding: 10px 10px 10px 5px !important; margin: 0px 10px 0px 0px !important; letter-spacing:5px;}
 #epigraph .header { background:none !important; }
 #authorName {background: url('/userdir/1/6/7/3/1673245/67237553.png') no-repeat; display:block; width:187px; height:21px; overflow:hidden; position: absolute; line-height:200px ;top:517px; margin-left:330px;}
 #side h1 a{background: url('/userdir/1/6/7/3/1673245/67238093.png') no-repeat; display:block; width:255px; height:37px; overflow:hidden; position: absolute; line-height:250px ;top:480px; margin-left:305px;}
 {----------------------------------------------------------------------------------------------------------------------}
 img {max-width:485px !important;}
 .avatar img { !important; max-width: 90px !important; padding: 0px !important; border: 10px solid #000; }
 .sign {white-space:pre-line !important; width:95px !important; font-size:12px !important;}
 a:link, a:visited {text-decoration:none !important;}
 a:hover, a:active {color: #fff !important;background:#000;}
 #globalLinks a:hover, #myDiaryLinks a:hover, #thisDiaryLinks a:hover, #thisDiaryOwner a:hover {color: #000 !important;background:#fff;}
 span.quote_text { background: url('/userdir/1/6/7/3/1673245/67241249.png') 0px 0px no-repeat; min-height: 20px !important; font-size: 12px !important; font-style: normal !important; display: block; margin: 5px; padding: 5px 5px 5px 25px;}
 .blockquote { min-height: 20px !important; font-size: 12px !important; font-style: normal !important; display: block; margin: 0px; padding: 0px 0px 0px 0px;}
 .sign {white-space:pre-line !important; width:120px !important; font-size:11px !important; }
 .section, .formcontainer, .paragraph { _width:485px; overflow:auto; overflow-y: hidden; }

@темы: фоновые картинки

URL

понедельник, 21 марта 2011

18:04

все записи пользователя в сообществе любимая дочь мироздания

Когда-нибудь ты встретишь Его, и поймешь, почему с другими не получалось.

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

@темы: рамки и полоски, основные блоки, Дизайн

URL

14:24

Независимые блоки при фиксированном меню

все записи пользователя в сообществе Чунга-чанга

Подскажите, пожалуйста, можно ли при фиксированном меню некоторые пункты оставить независимыми?

Т.е. название дневника и имя автора располагаются за пределами меню поверх экстратопа. Если использовать fixed для меню, то при прокрутке эти пункты тоже остаются на месте.

Как вариант. Если закрепить отдельно каждый блок меню, то при просмотре с разных браузеров, компьютеров и логинов блоки растягиваются и наезжают друг на друга. Можно ли задать их положение относительно друг друга?

Спасибо!

#authorName {display: block !important; position: absolute !important; line-height: 900px; top: 120px; background: url('/userdir/2/0/9/9/2099368/67136012.png') no-repeat center; width: 288px !important; height: 22px !important; overflow: !important; overflow-x: hidden !important; overflow-y: hidden !important; margin-left: 500px; }
 #side h1 {display: block !important; position: absolute !important; line-height: 900px; top: 120px; background: url('/userdir/2/0/9/9/2099368/67136597.png') no-repeat center; width: 340px !important; height: 48px !important; overflow: !important; overflow-x: hidden !important; overflow-y: hidden !important; margin-left: 500px; }
 #thisDiaryOwner {position: fixed; top: 42px; left: 15px; padding-bottom: 5px; background:rgba(194, 181, 159, 0.65); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBC2B59F,endColorstr=#BBC2B59F); zoom: 1; border-radius: 25px/30px; -moz-border-radius: 25px/30px !important; border-style: ridge; border-color: #144621; border-width:4px; width: 160px !important;}
 #myDiaryLinks {position: fixed; top: 115px; left: 15px; padding-bottom: 5px; background:rgba(194, 181, 159, 0.65); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBC2B59F,endColorstr=#BBC2B59F); zoom: 1; border-radius: 25px/30px; -moz-border-radius: 25px/30px !important; border-style: ridge; border-color: #144621; border-width:4px; width: 160px !important;}
 #globalLinks {position: fixed; top: 305px; left: 15px; padding-bottom: 5px; background:rgba(194, 181, 159, 0.65); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBC2B59F,endColorstr=#BBC2B59F); zoom: 1; border-radius: 25px/30px; -moz-border-radius: 25px/30px !important; border-style: ridge; border-color: #144621; border-width:4px; width: 160px !important;}
 .menuSection.lastSection {position: fixed; top: 469px; left: 15px; padding-bottom: 5px; background:rgba(194, 181, 159, 0.65); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBC2B59F,endColorstr=#BBC2B59F); zoom: 1; border-radius: 25px/30px; -moz-border-radius: 25px/30px !important; border-style: ridge; border-color: #144621; border-width:4px; width: 160px !important;}

@темы: меню

URL

суббота, 19 марта 2011

19:45

Заказ дизайна

все записи пользователя в сообществе Vergil*s_brother

Mess with the best,die like the rest.

Если не по адресу,прошу простить.
CSS сдуру подключила,мануалы покурила,сломала башку.Поэтому хочу заказать дизайн на основе моих картинок(фон,эпиграф etc) остальное обсудим при согласии.Цена вопроса епонов 100-150.
Если что пишите на Umail

@темы: diaryCSS, платный сервис, Дизайн

URL

17:55

все записи пользователя в сообществе Лан Мао

пизденящий душу леденец...

Добрый день.
Эксперементировала с дизайном и в результате перестало работать переключение страниц. Подскажите пожалуйста, что могло повлиять на это.
Заранее спасибо, код прилагаю =)

body {background:#868f94;}
 #wrapper{background: #868f94; min-width:900px!important;width:906px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #extratop {background: url('/userdir/1/8/1/6/1816774/67046102.jpg') no-repeat; width: 906px; height:406px !important; padding: 0 !important; margin: 0 !important;}
 #extrabottom {background: url('/userdir/1/8/1/6/1816774/67064906.jpg') no-repeat; width: 906px; height: 120px;line-height: 100% !important; margin-top:-0px;margin-left: 0px;}
 #side{width:200px !important;margin:0 !important;}
 #page-c{background:#868f94;width:671px !important;padding: !important;padding: !important; margin-top: 30px !important;}
 #page-t {margin:0 !important}
 #page-t{margin-left:0px !important; width:671px!important;background:#868f94; padding:0 !important;padding:0 !important; padding:0px !important}
 #postsArea{background: url('/userdir/1/8/1/6/1816774/67046321.jpg') repeat-y;}
 .countSecond, .countFirst, .singleComment {margin: 0; padding: 20px 0px 3px !important; background: url('/userdir/1/8/1/6/1816774/67046318.jpg') no-repeat bottom center; }
 .postLinksBackg {background: url('/userdir/1/8/1/6/1816774/67064621.jpg') no-repeat top; height:149px; width:650px; position:relative; right:0px; z-index:1; ; margin-bottom:-120px;}
 .menuSection {text-align:right; }
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:650px; margin: 0px 0px 0px 0px !important; }
 #authorName {position:absolute; left:60px; top:20px; }
 #side h1 a {position:absolute; left:60px; top:40px; }
 .menuSection_title {background: url('/userdir/1/8/1/6/1816774/67049912.jpg') no-repeat -0% 100%; color: #411A0A; font-size: 16px; font-weight: bold; height: 40px; width: 180px; }
 .menuSection_title {background: url('/userdir/1/8/1/6/1816774/67049912.jpg') no-repeat -0% 100%; color: #ebebe9; font-size: 16px; font-weight: bold; height: 50px;padding: 0px 60px 0px; text-align: ; text-transform: uppercase; width: 60px; display:block; }
 .comments_count_link {color:#ebebe9;}
 .atTag a {color:#868f94; font-size: 16px; }
 .atMusic {color:#868f94; font-size: 16px; }
 .atMood {color:#868f94; font-size: 16px; }
 #pchs li {color:#ebebe9;}
 #YaSearch {display: none !important;}
 #pageBar a {color:#868f94; font-size: 16px; }
 #authorName {color:#a7363a; font-size: 18px;}
 #side h1 a {color:#a7363a !important; font-size: 20px;}

UPD Еще вопрос. Можно ли при переносе ника и названия дневника на эстратоп расположить их не горизонтально, а задать угол наклона или расположить по диагонали?

запись создана: 18.03.2011 в 12:19

@темы: diaryCSS, платный сервис

URL

вторник, 15 марта 2011

15:49

все записи пользователя в сообществе это всё она.

если не нужно драться, незачем и побеждать

скажите, а можно с помощью ксс сделать так, что бы шрифт,которым я прописала ссылки меню(мой дневник и тд) показывался этим шрифтом и на тех омпьютерах,где они не установлены?

@темы: меню, основные блоки

URL


Запомнить