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

воскресенье, 01 декабря 2013

10:49

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

Здравствуйте. Сменила дизайн и протестировала с другого дневника, чтобы посмотреть, как будет выглядеть у читателей. Так вот получается, что со своего дневника ссылка "поделиться" слева от поста стоит на месте, а с чужого съезжает вправо. Как исправить?
blackberryfairy.diary.ru/

@темы: diaryCSS

URL

пятница, 29 ноября 2013

15:47

Сортировка записей

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

Still bird

Кнопки сортировки выскочили и сидят сбоку :bull:

Выключаться не хотят

.order_button {display: none !important;}
 #sortFromBegin {display: none !important;} 
 #sortOrder { display: none !important;}  
.order_button {background: none !important;}

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

URL

вторник, 26 ноября 2013

20:03

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

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

Здравствуйте!
Подскажите:
1. Как сделать, чтобы штриховая линия (dashed) разделяющая посты была при этом еще и вдавленная (groove)?
Никак не удается уместить эти значения в одном коде?

2. Как сделать, чтобы в эпиграфе она не отображалась?

3. Что изменить, чтобы при нажатии на "поделиться" значки не уезжали под полоску разделителя?
Заранее спасибо))

URL

воскресенье, 24 ноября 2013

18:12

Скругленные края

все записи пользователя в сообществе Вонг

Жарьте, рыба будет

Скругленные края внезапно не желают отображаться =( Сколько делала CSS-дизы всегда код работал, а теперь в хроме все кругло и хорошо, в Файрфоксе и ИЕ - квадратно :-(

Что не так?

Код:
#page-t{background:#fff; position:relative; left:-40px; margin-right:15% !important; padding:20px 30px 20px 30px; border-radius:10 px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: -1px -1px 100px #000;}

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

URL

суббота, 23 ноября 2013

10:44

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

Добрый день! Прошу помощи. Необходимо добавит в меню "Избранное автора". Из кода убрала #authorFav, но это не помогает((
сейчас код такой:

 #wrapper{width:870px;min-width:870px; padding-top: 35px !important; background:#; left:50%; margin-left:-430px; position: absolute; z-index: -3 !important; }
 body {background:#acded6 # repeat-x 50% 0 fixed;}
 #side{width:180px; background: #f9f9f9; margin: 5px 0px 10px 10px !important; -moz-border-radius: 10px; border-radius: 10px; border-style: solid; border-width:2px; border-color:#b0d0cb;}
 .left #page-c {margin-left:-195px;}
 .left #page-t {margin-left:195px;}
 #add_block1 { position: absolute; width: 100%; z-index: -2 !important; }
 #add_block1 { height:44px; top: 0px; left: 0px; background:# 50% 0 repeat-x; position:fixed;}
 #page-t {background: #f9f9f9; width:650px; margin: 5px 10px 10px 200px !important; -moz-border-radius: 10px; border-radius: 10px; border-style: solid; border-width:2px; border-color:#b0d0cb;}
 #add_block2 { position: absolute; width: 100%; z-index: -1 !important; }
 #add_block2 { height:44px; width:558px; top: 0px; background:# 50% 0 no-repeat; position:fixed; left:50%; margin-left:-279px;}
 #myProfileLink, #myAccountLink, #referenceLink, #authorAlbum, #subscribeEmail, #rssLink, #upInChart, #albumLink, #communityCatalogueLink, #diarySpiritLink, #diarySupportLink, #faqLink, #pchListLink, #lastComments, #pchs {display: none !important;}
 .postTitle {font: bold 16px Georgia; background: #e4f2f0; margin-bottom: 15px !important; padding: 5px 5px 5px 5px!important; text-align : center; text-shadow : #848484 1px 1px 1px; }
 .postTitle {background: #e4f2f0 !important; }
 #post0 .postTitle {background: #f9f9f9 !important; }
 #epigraph, #post0 {padding: 0px !important;}
 A:HOVER{color: #3b5853 !important; text-decoration: none;}
 .postDate{font-style:italic !important; font-size:12px !important;}
 .singlePost {position: relative; padding: 40px 0px 0px 0px !important; }
 .quote_text {background:#e4f2f0 !important; padding: 12px; display:block;}
 #extrabottom{height:48px;background:# 100% 0 no-repeat;}

P.S. проблема решена, спасибо Тайя, которая душит романтиков

@темы: меню, diaryCSS

URL

четверг, 21 ноября 2013

19:09

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

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

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

URL

воскресенье, 17 ноября 2013

21:30

Изображения в записях, MORE.

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

Still bird

Как подставить картинку вместо "Закрытая запись, не предн..."?
ранее решенные проблемы

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

URL

суббота, 16 ноября 2013

22:50

Маленький лайфхак

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

Не говорите так быстро, я не успеваю класть х*р на ваши слова.

Всегда жалела, что на дайрях нет возможности скрыть какой-то пост из ленты, как в этих наших контактах, бывает, порвут ленту каким-нибудь громадным постом.
Оказывается, с помощью CSS можно это сделать элементарно.

Правой кнопкой мыши по посту, который нужно скрыть - исследовать элемент - выдастся айди поста вида #post111111111. Или можно номер посмотреть по url поста.
В свой код вписываем #post111111111 {display: none;}, пост скрывается из ленты, наслаждаемся, сирца, котята, щастье. Потом можно удалить.

К примеру, ID это поста 193235450 (diarycss.diary.ru/p193235450.htm), строка в коде #post193235450 {display: none;} скроет его из ваших лент.

@темы: Мысли вслух

URL

пятница, 15 ноября 2013

16:35

Убрать ссылки в меню.

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

Жизнь будет продолжаться, где бы ты ни был.

Давно не лазила в код, поэтому вопрос глупый:
Как убрать из меню кнопки "Платные сервисы" и "Упоминания"?
Изначально в коде их не было, но потом они автоматически появились и я хочу их убрать теперь.
Буду очень благодарна!

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

URL

среда, 06 ноября 2013

21:24

И ещё один вопрос

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

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

1) На странице с комментариями разрыв между основным блоком и экстработтомом, тогда как на странице с записями его нет. Как это исправить?

смотреть

2) @темы
Нужно заменить слово картинкой. Я это сделала, но картинка отображается не целиком, плюс на неё налезает текст. Как это исправить?

смотреть

body {margin:0; padding:0;}
 #page-t {margin: 0 !important;}
 #page-t{margin-left:0px !important; width:900px !important;background: url('/userdir/2/9/1/2/2912054/79822620.png') repeat-y; padding:0 !important;padding:0 !important; padding:0px !important}
 #extratop {background: url('/userdir/2/9/1/2/2912054/79822667.png') no-repeat bottom; height: 301px; width: 900px; margin-top:0px;}
 #extrabottom {background: url('/userdir/2/9/1/2/2912054/79822883.png') no-repeat; width: 900px; height: 172px;line-height: 100% !important; margin-top: 0px;margin-left: 0px;}
 #wrapper{min-width:900px!important;width:900px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important; }
 #wrapper {overflow:visible !important;}
 .countSecond, .countFirst, .singleComment {margin: 0; padding: 10px 10px 40px !important; background: url('/userdir/2/9/1/2/2912054/79822775.png') no-repeat bottom center;}
 {-------------меню------------}
 #side {position: relative; top: -290px !important; left: 20px !important;}
 #side {font:12px Verdana !important; text-transform: lowercase;}
 #side li:hover {color: #fff !important; list-style: disc inside !important; }
 #myDiaryLinks li, #globalLinks li, #thisDiaryLinks li, #thisDiaryOwner li , #all_links {border-bottom: 1px solid #6d4c47; padding: 0px 0 4px 0px !important; list-style: disc inside !important;}
 .menuSection_title {display: block; padding: 0px 0 px 0px !important; margin: 0 0 6px !important; }
 #side {width: 180px; }
 #authorName {font: bold 12px Verdana; color: #310300 ; }
 #thisDiaryPhoto img { padding: 3px; background: #fff; border: 1px solid #cccbcb; -moz-border-radius: 3px; border-radius: 3px; width: 70px; height: 70px; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; -o-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 3px #000; }
 .menuSection{font: bold 12px Verdana !important; color: #310300 !important;}
 #side h1 {font: bold 15px Georgia !important; color: #310300 !important; }
 {------------запись----------}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:650px; margin: 0px 0px 0px 210px !important; }
 .postDate { top: -10px;width: 650px; text-align: left; font: bold 11px Verdana !important; text-transform: lowercase; color:#903b35 !important;}
 .postDate {border-top: 1px dashed #903b35; }
 .singlePost {font:12px Verdana !important; }
 .postLinksBackg { text-align: left; margin: 0 !important; text-transform: lowercase; border-top: 1px dashed #717879; padding: 3px 0 0 0 !important; width: 650px !important; font: bold 10px Verdana !important;}
 .postLinks {margin: 0 0 0 10px !important;}
 .postLinks a, .authorName a {color: #717879;}
 .postLinks a:hover, .postLinks a:active, .authorName a:hover, .authorName a:active {color: #c4d0e7; text-decoration: none !important;}
 a:link,a:visited{text-decoration:none !important;}
 .header{ font: bold 12px Verdana !important; text-transform: lowercase;}
 #TagsList{ border-bottom: 1px solid #baafaf; padding: 0px !important;}
 .atTag em:before {content: "темы:"; display: none !important;}
 p.atTag em span{display:none !important; color: #ff23568b; }
 .atTag em { background: url('/userdir/2/9/1/2/2912054/79822933.png') no-repeat; width: 33px !important; height: 35px !important;}
 .atTag em{font-style:normal; font-size: 11px; color:#23568b;}
 .atTag a{text-decoration: none; color:#310300 !important }
 #mainpageLink A{ font-weight:bold}
 a:hover {text-decoration: none; color:#490500 !important }
 .paragraph div:first-letter { font-size: 25px;}
 .comments_count_link a{ font-weight:bold; font-family: georgia !important;font-size: 18px; }
 .pageBar { font-weight:bold; font-family: georgia !important;}
 .singleComment .header span { float:left; font: 10px Georgia !important; color: #353535 !important; margin: 5px 0px 0px 15px !important; background: none; padding: 0 !important; text-shadow: none;}
 {------------none----------}
 .urlLink{display:none}
 #albumLink{display:none}
 #rssLink{display:none}
 #allDiaryLink{display:none}
 #communityCatalogueLink{display:none}
 #myCommunitiesLink, #unsubscribeEmail{display:none}
 #diarySpiritLink{display:none}
 #diarySupportLink{display:none}
 #randomDiaryLink{display:none}
 #paySupportLink{display:none}
 #authorQuot{display:none}
 #upInChart{display:none}
 #favListLink{display:none}
 #faqLink{display:none}
 #YaSearch {display:none}
 #pchListLink{display:none}
 #iAmQuit, #photolibLink{display:none}
 .order_button {display:none}
 {------------------------------------------------------}
 #JournalComments .avatar img {width:120px; height:120px;-moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; -o-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; }
 #JournalFavorite .avatar img, #JournalQuote .avatar img {width:120px; height:120px; -moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; -o-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; }
 #JournalCalendar #content a{color:#6083a7;}
 #JournalCalendar #content a:hover, .tags_header a:hover {text-decoration:none;}
 #pageBar a, #pageBar strong{background:#fff !important; height: 20px !important; display:inline-block; border:1px solid #cdcdcd !important; }
 #pageBar table {border-collapse:separate;}
 #pageBar{margin-top:20px; line-height:18px !important}
 #postsArea .postTitle span:before{content:'время: ' !important; color: #490500; font-size: 10px;}
 .postDate span:before{content:'Дата: ' !important; color: #490500;}
 .header h2 {margin: 0px 0px 0px 0px !important; font: bold 14px Georgia !important; display: block !important; line-height: 15px !important; overflow: hidden !important; height: 16px !important;}
 {---------------------------}
 #Journal .postInner {padding-left: 70px;}
 #epigraph .postInner{background-image: none !important; padding:0 !important;}
 .postInner { min-height:140px;height:auto !important; height:140px;}
 .paragraph {width:80%;}
 #epigraph .paragraph{width:100% !important;}

3) Вот есть меню:

смотреть

Возможно ли как-то заменить точки на картинку? Точнее, у меня это получилось, но криво: картинка оказалась под точками, т.е. точки не исчезли, к тому же текст налезал на картинку, а при попытке её отодвинуть влево, двигался и текст тоже.

запись создана: 06.11.2013 в 20:12

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

URL

18:30

хелп

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

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

Установила дизайн, а там вместо обычного курсора отображается крест. Подскажите, пожалуйста, какая строка отвечает за изменение вида курсора? Хочу её убрать.

Код:

body {margin:0; padding:0;}
 #page-t {margin: 0 !important;}
 #page-t{margin-left:0px !important; width:900px !important;background: url('/userdir/2/9/1/2/2912054/79822321.png') repeat-y; padding:0 !important;padding:0 !important; padding:0px !important}
 #extratop {background: url('/userdir/2/9/1/2/2912054/79822334.jpg') no-repeat bottom; height: 302px; width: 900px; margin-top:0px;margin-left: -1px !important;}
 #extrabottom {background: url('/userdir/2/9/1/2/2912054/79822331.png') no-repeat; width: 900px; height: 35px;line-height: 100% !important; margin-top: -10px;margin-left: 0px;}
 #wrapper{min-width:900px!important;width:900px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important; }
 #wrapper {overflow:visible !important;}
 .countSecond, .countFirst, .singleComment {margin: 0; padding: 10px 10px 40px !important; background: url('/userdir/2/9/1/2/2912054/79822318.jpg') no-repeat bottom center; }
 {-------------меню------------}
 #side {position: relative; top: -290px !important; left: 20px !important;}
 #side {font:12px Verdana !important; text-transform: lowercase;}
 #side li:hover {color: #fff !important; list-style: disc inside !important; }
 #myDiaryLinks li, #globalLinks li, #thisDiaryLinks li, #thisDiaryOwner li , #all_links {border-bottom: 1px solid #65635c; padding: 0px 0 4px 0px !important; list-style: disc inside !important;}
 .menuSection_title {display: block; padding: 0px 0 px 0px !important; margin: 0 0 6px !important; }
 #side {width: 180px; }
 #authorName {font: bold 12px Verdana; color: #213142 ; }
 #thisDiaryPhoto img { padding: 3px; background: #fff; border: 1px solid #cccbcb; -moz-border-radius: 3px; border-radius: 3px; width: 70px; height: 70px; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; -o-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 3px #000; }
 .menuSection{font: bold 12px Verdana !important; color: #213142 !important;}
 #side h1 {font: bold 15px Georgia !important; color: #213142 !important; }
 {------------запись----------}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:650px; margin: 0px 0px 0px 210px !important; }
 .postDate { top: -10px;width: 650px; text-align: left; font: bold 11px Verdana !important; text-transform: lowercase; color:#1e4e7a !important;}
 .postDate {border-top: 1px dashed #717879; }
 .singlePost {font:12px Verdana !important; }
 .postLinksBackg { text-align: left; margin: 0 !important; text-transform: lowercase; border-top: 1px dashed #717879; padding: 3px 0 0 0 !important; width: 650px !important; font: bold 10px Verdana !important;}
 .postLinks {margin: 0 0 0 10px !important;}
 .postLinks a, .authorName a {color: #717879;}
 .postLinks a:hover, .postLinks a:active, .authorName a:hover, .authorName a:active {color: #c4d0e7; text-decoration: none !important;}
 a:link,a:visited{text-decoration:none !important;}
 a:hover{cursor: crosshair;}
 .header{ font: bold 12px Verdana !important; text-transform: lowercase;}
 #TagsList{ border-bottom: 1px solid #baafaf; padding: 0px !important;}
 .atTag em:before {content: "темы:"; font-size: 13px; color:#23568b;font-weight:bold; text-transform:uppercase; }
 p.atTag em span{display:none !important; color: #ff23568b; }
 .atTag em{font-style:normal; font-size: 11px; color:#23568b;}
 .atTag a{text-decoration: none; color:#213442 !important }
 #mainpageLink A{ font-weight:bold}
 a:hover {text-decoration: none; color:#213142 !important }
 .paragraph div:first-letter { font-size: 25px;}
 .comments_count_link a{ font-weight:bold; font-family: georgia !important;font-size: 18px; }
 .pageBar { font-weight:bold; font-family: georgia !important;}
 .singleComment .header span { float:left; font: 10px Georgia !important; color: #353535 !important; margin: 5px 0px 0px 15px !important; background: none; padding: 0 !important; text-shadow: none;}
 {------------none----------}
 .urlLink{display:none}
 #albumLink{display:none}
 #rssLink{display:none}
 #allDiaryLink{display:none}
 #communityCatalogueLink{display:none}
 #myCommunitiesLink, #unsubscribeEmail{display:none}
 #diarySpiritLink{display:none}
 #diarySupportLink{display:none}
 #randomDiaryLink{display:none}
 #paySupportLink{display:none}
 #authorQuot{display:none}
 #upInChart{display:none}
 #myQuotLink{display:none}
 #favListLink{display:none}
 #faqLink{display:none}
 #YaSearch {display:none}
 #pchListLink{display:none}
 #iAmQuit, #photolibLink{display:none}
 .order_button {display:none}
 {------------------------------------------------------}
 #JournalComments .avatar img {width:70px; height:70px;-moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; -o-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; }
 #JournalFavorite .avatar img, #JournalQuote .avatar img {width:70px; height:70px; -moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; -o-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; }
 #JournalCalendar #content a{color:#6083a7;}
 #JournalCalendar #content a:hover, .tags_header a:hover {text-decoration:none;}
 #pageBar a, #pageBar strong{background:#fff !important; height: 20px !important; display:inline-block; border:1px solid #cdcdcd !important; }
 #pageBar table {border-collapse:separate;}
 #pageBar{margin-top:20px; line-height:18px !important}
 #postsArea .postTitle span:before{content:'время: ' !important; color: #325571; font-size: 10px;}
 .postDate span:before{content:'Дата: ' !important; color: #325571;}
 .header h2 {margin: 0px 0px 0px 0px !important; font: bold 14px Georgia !important; display: block !important; line-height: 15px !important; overflow: hidden !important; height: 16px !important;}
 {---------------------------}
 #Journal .postInner {background: url('/userdir/2/9/1/2/2912054/79822315.png') 0px 0px no-repeat !important;}
 #Journal .postInner {padding-left: 140px;}
 #epigraph .postInner{background-image: none !important; padding:0 !important;}
 .postInner { min-height:140px;height:auto !important; height:140px;}
 .paragraph {width:80%;}
 #epigraph .paragraph{width:100% !important;}

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

URL

14:22

все записи пользователя в сообществе Bernadett-e

В море соли и так до чёрта, морю не надо слёз.

Здравствуйте.

Какие HTML-теги и свойства CSS в "местных стилях" (конструкция вида <тэг style="........"> содержимое </тэг> ) НЕ поддерживает движок diary.ru?

То есть, что я НЕ могу использовать для оформления отдельной записи или комментария?

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

От себя:
читать дальше

URL

воскресенье, 03 ноября 2013

08:18

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

Пожалуйста, подскажите как убрать подчеркивание ссылок в эпиграфе. Нигде в коде нет underline, а подчеркивание все равно есть.
Дневник: blackberryfairy.diary.ru/

@темы: эпиграф, diaryCSS

URL

суббота, 02 ноября 2013

16:55

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

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

APD проблему решила самостоятельно

Нужна помощь с дополнительным блоком.
дизайн выглядит так, белая полоса #add_block1 {background: url('картинка')top center repeat-y; height: 100%; width: 100%; position: fixed; z-index: 2; top:0px; left:-420px;}

Но она увы мешает нормальной работе некоторых ссылок: дневник, мой дневник (он открывается только если с самого краешку навести), урл и комментировать.
Словно он залезает за эти ссылки (половину днева) и не дает им работать.
Помогите пожалуйста это исправить.

URL

четверг, 24 октября 2013

00:59

***

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

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

Товарищи, вопросы про @темы. Внизу поста после его публикации, если проставить темы (кто-то называет это тегами), присутствует:

@темы: бла-бла-бла

Так вот, вопрос: реально ли убрать слово "Темы", но только и только его, сами темы должны остаться?

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

URL

вторник, 22 октября 2013

23:22

***

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

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

Товарищи, а кто-нибудь знает, как в ссылке "Платные сервисы – 1" убрать вот это - 1? Мозолит глаз. Могу, конечно, убрать всю ссылку, но всё же, вдруг возможно убрать только часть?)

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

URL

22:44

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

химерная вечность

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

@темы: меню

URL

понедельник, 21 октября 2013

20:28

Нужна помощь

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

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

Снова я. Сделала ссылки нижней навигации видимыми, так экстработтом слетел. Знаю, что я безнадёжно тупа, именно поэтому и прошу помощи.

Код:

#wrapper {min-width: 1215px !important; width: 1215px; margin: 0 auto !important; padding: 0 !important; }
 #wrapper {background: #; }
 #page-c {width: 1200px !important; padding: 0 !important; padding: 0 !important; background: url('/userdir/1/6/1/9/1619707/79702794.png') !important; # !important; background-repeat: repeat !important; margin-left: 67px; margin-top: -1px;}
 .postActionLinks { position:relative; left:-50px; }
 #page-t{margin-left:50px !important; margin-top:180px !important;width:1000px !important;}
 body { background: # fixed;}
 #bottomNav, #topNavLinks {display: none !important;}
 #authorRSS, #rssLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #urlLink, #sortOrder {display: none !important;}
 a {text-decoration: none !important;}
 a:hover, a:active {color: #c6cfa6 !important; }
 .singlePost, #content {padding-right: 10px !important; padding-left: 10px !important; width:950px !important; padding-bottom: 20px !important; padding-top: 0px !important; }
 .singleComment {padding-right: 75px !important; padding-left: 75px !important; width:950px !important}
 #msg_form {padding-right: 75px !important; padding-left: 25px !important; width:950px !important}
 #postsArea { position:relative; left:65px; width:950px !important; margin-top:35px; }
 #postsArea, .bordered, .postContent, .postInner {padding: 0px 0px 0px 0px !important;}
 #epigraph .singlePost, #post0 {background: none !important;top: 5px !important;}
 #epigraph {background: none !important; background-position: bottom !important;}
 #extratop {background: url('/userdir/1/6/1/9/1619707/79702789.png'); #; background-repeat: no-repeat; width: 1200px; height: 465px; margin-bottom: 0px;margin-left: 17px;}
 #extrabottom {background: url('/userdir/1/6/1/9/1619707/79702802.png'); #; background-repeat: no-repeat; width: 1200px; height: 143px; margin-left: 17px; position: relative; margin-top: -1px;}
 {-------меню--------}
 #side {position: relative; top: -30px !important; right: 0px !important; left: 135px !important; width: 200px; height:150px; padding-bottom: 0px !important; margin-left: 0px !important; font: 20px times new roman !important; z-index:10; background: # !important; }
 #authorName {position:absolute; text-align: left !important; font: 20px times new roman !important; font-style: italic !important; margin-left: 106px !important; margin-top: -27px !important; width:320px;}
 #side h1 {position:absolute; text-align: left !important; font: 23px times new roman !important; font-style: italic !important; margin-left: 53px !important; margin-top:142px !important; width:320px; }
 #Stats { margin-left: 821px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #iAmQuit {display:none;}
 #YaSearch A {display:none;}
 #YaSearch {display:none;}
 #yaquery {display:none;}
 #randomDiaryLink {display: none !important; }
 #thisDiaryPhoto {position:absolute; margin-left: 90px !important; margin-top: 4px !important;}
 #thisDiaryInfo { margin-left: -20px !important; width:100px; text-align: left !important;}
 .menuSection { margin-left: 20px !important; width:125px; background: # !important; }
 #myNotepadLink, #upInChart, #usrlog, #usrpass, #albumLink, .order_button, #authorQuot {display: none !important; }
 #myDiaryLinks { margin-left: 285px !important; margin-top: -35px !important; width:125px; text-align: center !important; background: # !important; position:absolute;}
 #myDiaryLinks_title { text-align: left !important; position:absolute;}
 #myDiaryLinks ul {position: absolute; width: 175px !important;}
 #myLinksLink { margin-left: 113px !important; margin-top: -27px !important; width:175px; background: # !important; text-align: center !important; position:absolute; font: 17px times new roman !important;}
 #myNotepadLink {display: none !important; }
 #globalLinks { margin-left: 460px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryOwner { margin-left: 654px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryLinks {margin-left: 460px !important; margin-top: 60px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #myProfileLink {display: none !important; }
 #myLinks {display: none !important; }
 #pchs {display: none !important; }
 #lastComments {display: none !important; }
 #myAccountLink {display:none !important; }
 #photolibLink, #pchListLink, #communityCatalogueLink, #subscribeEmail {display:none !important; }
 #login_form { margin-left: -222px !important; margin-top: -450px !important; width:200px; background: #678b42 !important; position:absolute;}
 #usrlog { margin-left: -222px !important; margin-top: -480px !important; width:200px; background: #678b42 !important; position:absolute; }
 #usrpass { margin-left: -222px !important; margin-top: -510px !important; width:200px; background: #678b42 !important; position:absolute;}
 #bottomNav {display: block !important; top: 0px !important;}
 {----------------------------Разделитель--------------------------------------}
 .postLinksBackg {background:url('/userdir/1/6/1/9/1619707/79693688.png') no-repeat 100% 100%; height:75px; background-position: center !important; position:relative; left:0; margin-left:0px; top:20px; font-weight: bold !important; font-size: 15px !important;}
 .postLinksBackg.prevnext {background: none !important; }
 .postLinks {margin-right:0px; line-height:0pt;margin-top: -10px !important; z-index: 20;}
 .postLinks a {color:#4a5643;}
 .header {text-align: center; position:relative; top:0px; }
 .postDate {text-align: right !important; color:#3b3f39 !important; font: 18px times new roman !important; position:relative; top:10px;font-style: italic !important;}
 .postTitle {text-align: left !important; color:#2e4307 !important; position:relative;top:5px; left: 0px !important;}
 .postTitle span {text-align: left !important; color:#2e4307 !important; position:relative;top:5px;}
 .postActionLinks {position:relative; right: -50px !important;}
 img{max-width: 808px;}

@темы: отступы, Дизайн

URL

воскресенье, 20 октября 2013

21:59

Нужна помощь!

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

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

Здравствуйте! Делаю дизайн для подруги, и как всегда проблема с отступами -_-

upd
6. Форма входа: блоки для ввода логина и пароля не отображаются. Там вообще полный ахтунг с кодом, насколько я понимаю -_-

РЕШЕНО

РЕШЕНО

РЕШЕНО

Код дизайна:

#wrapper {min-width: 1215px !important; width: 1215px; margin: 0 auto !important; padding: 0 !important; }
 #wrapper {background: #; }
 #page-c {width: 1200px !important; padding: 0 !important; padding: 0 !important; background: url('/userdir/1/6/1/9/1619707/79702794.png') !important; # !important; background-repeat: repeat !important; margin-left: 67px; margin-top: -1px;}
 .postActionLinks { position:relative; left:-50px; }
 #page-t{margin-left:50px !important; margin-top:180px !important;width:1000px !important;}
 body { background: # fixed;}
 #bottomNav, #topNavLinks {display: none !important;}
 #authorRSS, #rssLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #urlLink, #sortOrder {display: none !important;}
 a {text-decoration: none !important;}
 a:hover, a:active {color: #c6cfa6 !important; }
 .singlePost, #content {padding-right: 10px !important; padding-left: 10px !important; width:950px !important; padding-bottom: 20px !important; padding-top: 0px !important; }
 .singleComment {padding-right: 75px !important; padding-left: 75px !important; width:950px !important}
 #msg_form {padding-right: 75px !important; padding-left: 25px !important; width:950px !important}
 #postsArea { position:relative; left:65px; width:950px !important; margin-top:35px; }
 #postsArea, .bordered, .postContent, .postInner {padding: 0px 0px 0px 0px !important;}
 #epigraph .singlePost, #post0 {background: none !important;top: 5px !important;}
 #epigraph {background: none !important; background-position: bottom !important;}
 #extratop {background: url('/userdir/1/6/1/9/1619707/79702789.png'); #; background-repeat: no-repeat; width: 1200px; height: 465px; margin-bottom: 0px;margin-left: 17px;}
 #extrabottom {background: url('/userdir/1/6/1/9/1619707/79702802.png'); #; background-repeat: no-repeat; width: 1200px; height: 143px; margin-left: 17px; position: relative; margin-top: -1px;}
 {-------меню--------}
 #side {position: relative; top: -30px !important; right: 0px !important; left: 135px !important; width: 200px; height:150px; padding-bottom: 0px !important; margin-left: 0px !important; font: 20px times new roman !important; z-index:10; background: # !important; }
 #authorName {position:absolute; text-align: left !important; font: 20px times new roman !important; font-style: italic !important; margin-left: 106px !important; margin-top: -27px !important; width:320px;}
 #side h1 {position:absolute; text-align: left !important; font: 23px times new roman !important; font-style: italic !important; margin-left: 53px !important; margin-top:142px !important; width:320px; }
 #Stats { margin-left: 821px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #iAmQuit {display:none;}
 #YaSearch A {display:none;}
 #YaSearch {display:none;}
 #yaquery {display:none;}
 #randomDiaryLink {display: none !important; }
 #thisDiaryPhoto {position:absolute; margin-left: 90px !important; margin-top: 4px !important;}
 #thisDiaryInfo { margin-left: -20px !important; width:100px; text-align: left !important;}
 .menuSection { margin-left: 20px !important; width:125px; background: # !important; }
 #myNotepadLink, #upInChart, #usrlog, #usrpass, #albumLink, .order_button, #authorQuot {display: none !important; }
 #myDiaryLinks { margin-left: 285px !important; margin-top: -35px !important; width:125px; text-align: center !important; background: # !important; position:absolute;}
 #myDiaryLinks_title { text-align: left !important; position:absolute;}
 #myDiaryLinks ul {position: absolute; width: 175px !important;}
 #myLinksLink { margin-left: 113px !important; margin-top: -27px !important; width:175px; background: # !important; text-align: center !important; position:absolute; font: 17px times new roman !important;}
 #myNotepadLink {display: none !important; }
 #globalLinks { margin-left: 460px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryOwner { margin-left: 654px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryLinks {margin-left: 460px !important; margin-top: 60px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #myProfileLink {display: none !important; }
 #myLinks {display: none !important; }
 #pchs {display: none !important; }
 #lastComments {display: none !important; }
 #myAccountLink {display:none !important; }
 #photolibLink, #pchListLink, #communityCatalogueLink, #subscribeEmail {display:none !important; }
 #login_form { margin-left: -222px !important; margin-top: -450px !important; width:200px; background: #678b42 !important; position:absolute;}
 #usrlog { margin-left: -222px !important; margin-top: -480px !important; width:200px; background: #678b42 !important; position:absolute; }
 #usrpass { margin-left: -222px !important; margin-top: -510px !important; width:200px; background: #678b42 !important; position:absolute;}
 {----------------------------Разделитель--------------------------------------}
 .postLinksBackg {background:url('/userdir/1/6/1/9/1619707/79693688.png') no-repeat 100% 100%; height:75px; background-position: center !important; position:relative; left:0; margin-left:0px; top:20px; font-weight: bold !important; font-size: 15px !important;}
 .postLinksBackg.prevnext {background: none !important; }
 .postLinks {margin-right:0px; line-height:0pt;margin-top: -10px !important;}
 .postLinks a {color:#4a5643;}
 .header {text-align: center; position:relative; top:0px; }
 .postDate {text-align: right !important; color:#3b3f39 !important; font: 18px times new roman !important; position:relative; top:10px;font-style: italic !important;}
 .postTitle {text-align: left !important; color:#2e4307 !important; position:relative;top:5px; left: 0px !important;}
 .postTitle span {text-align: left !important; color:#2e4307 !important; position:relative;top:5px;}
 .postActionLinks {position:relative; right: -50px !important;}
 img{max-width: 808px;}

Заранее спасибо!

запись создана: 19.10.2013 в 19:53

@темы: эпиграф, отступы, Дизайн

URL


Запомнить