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

четверг, 03 апреля 2014

10:42

Верхнее меню, дата записей, кнопки редактирования и "вверх", аватары

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

don't keep calm and fuck them all

Здравствуйте!
Продолжаю осваивать ксс, но баги преследуют везде и всегда. От многих избавилась, но некоторые вогнали мозг в истерику. Помогите, пожалуйста!!

Самое главное - меню! Решила научиться делать верхнее меню. Сделала видимыми все элементы, убрала лишние ссылки, а дальше никак.
решено

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

решено

4. решено

Сам код:

.block_design {background: url('/userdir/2/7/0/2/2702809/80853119.png') fixed repeat;}
 #wrapper {min-width:850px!important; width:850px; margin-top: 10px !important; margin-bottom: -8px !important; padding:0 !important;}
 #side h1 a {font: bold 16px Georgia !important; color: #a3a3a3 !important; text-transform: uppercase; text-decoration: none !important; }
 #side h1 a:hover {color: #edccad !important;}
 #thisDiaryInfo, #myNotepadLink, #albumLink, #photolibLink, #myAccountLink, #allDiaryLink, #communityCatalogueLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #lastComments, #more_login, #iAmQuit, #postsCalendar, #rssLink, #upInChart, #authorQuot , #authorLiks, #authorAlbum, #tagslistlink, #thisDiaryLinks, #myDraftLink, #myQuotLink, #myProfileLink, #optionsLink, #favListLink, #pchListLink, #myCommunitiesLink, #globalLinks_title, #myDiaryLinks_title, #thisDiaryOwner_title, #bottomNav, .order_button, .prevnext {display: none !important;}
 #side ul {visibility: visible; display: block;}
 .singlePost, .singleComment {background: #f0f0f0 !important; margin-top: 40px !important; padding: 20px 40px 20px 40px !important; text-decoration: none !important;}
 .postDate {font: bold 12px Verdana !important; color: #edccad !important; padding-bottom: 8px !important;}
 .postTitle span {font: bold 14px Verdana !important; color: #a3a3a3 !important;}
 .postTitle {font: bold 14px Verdana !important; color: #a3a3a3 !important;}
 .paragraph {overflow: hidden;}
 .postLinksBackg a {font: 11px Verdana !important; color: #a3a3a3 !important; padding-top: 15px !important; text-decoration: none !important;}
 .atTag span, .atMusic span, .atMood span {font: bold 11px Verdana !important; color: #a3a3a3 !important;}
 .atTag a, .atMusic em, .atMood em {font: 11px Georgia !important; color: #a3a3a3 !important; text-decoration: none !important;}
 .comments_count_link {font: 11px Verdana !important; color: #a3a3a3 !important;}
 .LinkMore {font: bold 13px Verdana !important; color: #a3a3a3 !important; text-decoration: none !important;}
 #pageBar a {font: bold 12px Georgia !important; color: #a3a3a3 !important; text-decoration: none !important;}
 #pageBar strong {font: bold 16px Georgia !important; color: #edccad !important; text-decoration: none !important;}
 #pageBar a:hover {color: #edccad !important;}
 #epigraph a {font: 14px Verdana !important; color: #a3a3a3 !important; text-decoration: none !important;}
 #side h1, a:hover {color: #edccad !important;}
 #epigraph a:hover {color: #edccad !important;}
 .postLinks a:hover {color: #edccad !important;}
 .urlLink a:hover {color: #edccad !important; text-decoration: none !important;}
 .atTag a:hover {color: #edccad !important;}
 .postTitle a:hover {color: #edccad !important;}
 .avatar img {width:100px !important; min-width: 100px !important; max-width: 100px !important; border: 1px solid #edccad !important; border-radius: 50px !important;}
 .sign {font: 10px Verdana !important; color: #a3a3a3 !important;}
 .authorName a {font: bold 12px Verdana !important; color: #a3a3a3 !important; text-decoration: none !important;}
 .authorName a:hover {color: #edccad !important;}
 #change_avatar_box a, #EditFavSmileysLink {text-decoration: none !important;}
 #commentsArea_title {margin-top: -10px !important; margin-bottom: -20px !important;}

Все баги исправлены. Стражница Поднебесья огромное спасибо!!

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

URL

вторник, 01 апреля 2014

23:32

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

Я весьма недурно сасаю каштаны ©

РЕШЕНО.

Для .singlePost фоном прописана полупрозрачная картинка. Разумеется, в эпиграфе этот фон тоже нарисовался, будь он неладен, да еще и наложился пару раз сам на себя. Вопрос: как сделать эпиграф полностью прозрачным, без какого либо фона вообще? Я себе уже все мозги сломала, подскажите, пожалуйста.

Код:

 body {background:#5c3b23 url('/userdir/3/0/8/6/3086867/80849244.gif') fixed; }
 #wrapper{width:1010px;min-width:0; background: url("/userdir/3/0/8/6/3086867/80849633.png") repeat; }
 #side{width:180px;}
 .left #page-c {margin-left:-200px;}
 .left #page-t {margin-left:200px;}
 .right #page-c {margin-right:-200px;}
 .right #page-t {margin-right:200px;}
 #forTextarea { background: url("/userdir/3/0/8/6/3086867/80850567.png") repeat !important;}

 #epigraph {background-color: transparent !important; margin-left: 20px !important; padding: 0px !important;}
 #epigraph .singlePost {background-color: transparent !important; }
 .singlePost {background: url("/userdir/3/0/8/6/3086867/80851055.png") repeat !important; margin-top: 70px; margin-left: 20px; padding: 10px;}

 .singleComment {background: url("/userdir/3/0/8/6/3086867/80851055.png") repeat !important; margin-top: 40px; margin-left: 20px; padding: 10px;}
 .menuSection {background: url("/userdir/3/0/8/6/3086867/80851055.png") repeat !important; margin-right: 20px; }
 #thisDiaryPhoto {padding-top: 20px;}

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

URL

среда, 26 марта 2014

16:15

Убрать подчёркивание ссылки

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

Всё чудесатее и чудесатее.

Здравствуйте!
Сдуру полезла в css, в который не лазила года эдак три, переворошила код, что теперь делать - не знаю))

 #wrapper{min-width:950px!important;width:950px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important; }
 #side{width:180px !important;margin:0 !important;}
 #page-c{width:762px !important;padding:0 !important;padding:0 !important;}
 #page-t {margin:0 !important; }
 #side ul li{list-style-image: url('/userdir/5/0/7/4/507436/80679977.png'); margin-left:13px;}
 #epigraph a{color:#94b691; font-family:"Tahoma"; font-size: 12px !important;}
 #epigraph {font-family:"Tahoma"; font-size: 12px !important; }
 #epigraph a:hover{text-decoration:none; border-bottom:#000000 1px dashed; color: #000000 !important;font-family:"Tahoma"; font-size: 12px !important;}
 #pchs, #lastComments, #authorAlbum, #myNotepadLink, #albumLink, #diarySupportLink, #diarySpiritLink, #faqLink, #tagslistlink, #iAmQuit, #pchListLink, #myLinksLink, #randomDiaryLink {display: none;}
 #thisDiaryLinks, .order_button, #postsCalendar {display: none;}
 a {color:#000000; text-decoration:none; border-bottom:#000000 1px dashed; font-family:"Tahoma"; font-size: 12px;}
 a:hover {color:#94b691; text-decoration:none; border-bottom:#94b691 0px dashed; font-family:"Tahoma"; font-size: 12px;}
 #postsArea .postContent {margin-left: 15px !important;}
 #epigraph .postContent {margin-left: 0px !important;}
 .singlePost {margin-top: 0px !important;}
 .postTitle {background: #94b691 !important; width:720px; text-transform: uppercase; font-weight: bold !important; color: #000000 !important; font-size: 12px !important; margin-left: -10px !important; margin-bottom: 10px !important; padding-left: 10px !important; padding-right: 30px !important; }
 .header h2 { font-weight: bold !important;}
 .postLinksBackg a{text-transform: uppercase; color: #000000 !important; font-size: 10px !important; font-family:"Tahoma";}
 .postLinksBackg {text-transform: uppercase; color: #94b691 !important; font-size: 10px !important; font-family:"Tahoma";}
 .postLinksBackg a:hover{text-transform: uppercase; color: #94b691 !important; font-size: 10px !important; font-family:"Tahoma";}
 span.quote_text { font-style: normal !important; display: block; margin: 10px; padding: 5px; border: 1px solid #000000; font-size: 12px; background: #94b691; color: #000000}
 .postDate { text-transform: lowercase; font-weight: bold !important; color: #94b691 !important; font-size: 11px !important; margin-top: 0px !important; margin-right: 0px !important; padding-left: 0px !important; font-family:"Tahoma"; text-align:left !important;}
 .atTag, .atTag em, .atTag a {color:#94b691; border-bottom:#94b691 1px dashed; font-size:11px !important; font-style:normal !important; text-align:right !important; font-family:"Tahoma";}

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

Буду благодарна за помощь!

@темы: текст

URL

воскресенье, 16 марта 2014

20:36

 body{margin:0px !important; padding:0px !important;}
 body{background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3MzU2OTUuanBn')}
 #wrapper {width: 890px; position:relative !important; margin-top:10px !important; padding-right:-150px; text-align:center; z-index:3;}
 #wrapper {background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3MzU2OTUuanBn')}
 #wrapper a:hover, .menuSection a:hover{color:#df3820!important; text-decoration:none !important;}
 {-----------------------------Фон(1)------------------------------------------}
 #add_block2{background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3MzU2OTUuanBn') repeat-x bottom fixed; width:100%; height:613px; margin-top:-60px; background-attachment:inherit; overflow:visible !important;position:absolute; z-index:-2;}
 {-----------------------Экстра-топ/боттом(2)------------------------------------------}
 #extratop {background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3MzkxODgucG5n') no-repeat bottom; height: 655px; width:1049px; margin-top:-270px;}
 #extrabottom {background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3MzkzMTAucG5n') no-repeat top; height: 280px; width:1050px;position:relative; right:0px; margin-top:-45px; z-index:-1;}
 {-----------------------------------------------------------------}
 #side { width:800px; position:absolute !important; margin-top:10px !important; padding-left:200px; text-align:center; z-index:3;}
 #side a{color:#956164; font-size:15px; font-family:Helvetica;}
 #side li {display:block; height:10px; float:left; width:140px!important; margin-right:15px!important; padding-top:0px !important; padding-bottom:5px !important; }
 #side ul{ position:absolute; left:300px; margin-top:0px; width:470px; text-align:center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -o-border-radius: 20px; border-style:solid !important; border-color:#fdeae6!important; border-width:2px !important; background:#fdeae6;}
 #TagsList {position:absolute; padding-top:10px !important; left:-400px !important; }
 #TagsList ul {width:700px !important;}
 #TagsList li {width:215px !important;}
 #myDiaryLinks ul { margin-top:-10px !important;}
 #thisDiaryOwner ul { margin-top:-5px !important;}
 #photolibLink {margin-left:-15px !important;}
 .menuSection_title{padding-right:20px; padding-bottom:10px;}
 #side h1 A{position:absolute; top: -380px; right: 520px; font-size:22px; font-weight:bold; white-space:nowrap;}
 #authorName { position:absolute; top: -365px; right: 520px; font-size:30px !important; white-space:nowrap;}
 {-------------------------------Меню(4)----------------------------------------}
 .menuSection { background: #FFFBF2; }
 #thisDiaryOwner_title {display:block; width:108px; height:35px; line-height:300px; overflow:hidden; background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3Mzk5NDMucG5n') 0px -2px no-repeat ;}
 #myDiaryLinks_title {display:block; width:130px; height:39px; line-height:300px; overflow:hidden; background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3Mzk5NDcucG5n') 0px 0px no-repeat;}
 #globalLinks_title {display:block; width:130px; height:30px; line-height:300px; overflow:hidden; background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3Mzk5NTAucG5n') 0px 0px no-repeat;}
 #iAmQuit {display:block; width:200px; height:220px; line-height:350px; overflow:hidden; background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3NDE2NzgucG5n') 0px 7px no-repeat; }
 #addToFavA, #delFromFav {position:relative; left:30px !important; white-space:pre-wrap;}
 {--------posts-----------}
 .singlePost { position: relative; background: #FFFBF2; padding: 25px 25px 25px 25px !important; margin: 90px -100px 60px 120px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #D5C9B1 !important; }
 .singleComment{position: relative; background: #FFFBF2; padding: 10px 10px 10px 10px !important; margin: 0px 0px 35px 0px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #D5C9B1 !important; }
 #msg_form{background: #FFFBF2; padding: 10px 10px 10px 10px !important; margin: 0px 0px 20px 0px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #D5C9B1 !important; }
 .postTitle { text-align : center; padding: 7px 0px 7px 0px !important; padding: 0px 0px 7px 0px !important;}
 .singlePost .postDate { float:right !important; margin: -50px -25px 0px 0px; padding: 0px !important; color: #9f9f9f; }
 .postActionLinks { margin-top: -15px; }
 #sortOrder { margin: -10px 0px 0px 0px; }
 .singlePost .postTitle span {width: 96px; height: 68px; position: absolute; right: -103px; background: # no-repeat; display: block !important; text-align: left; color: #1f1f1f !important; padding: 25px 0px 0px 5px !important;}
 a:HOVER{color: #4082ca !important; text-decoration: none;}
 img { max-width: 700px !important; }

@темы: diaryCSS

URL

пятница, 14 марта 2014

23:01

Лого

все записи пользователя в сообществе девушка из Хребтовки

Вобщем-то по определенным причинам пришлось лезть в оформление дневника самой, чтобы кое-что доделать и я случайно убила часть кода, который отвечал за размещение логотипа. Понимаю, что это удивительно глупо и виновата я сама без должных знаний и забывшая сохранить образец. Стыдно жуть( Поскольку я почти полный нуб в этом деле, я не могу понять, где должна быть прописана ссылка. Человек, который помогал делать оформление, недоступен от слова совсем и я не знаю, кого ещё спросить. Переадресация работает, а вот сама картинка, конечно, слетела.

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

@темы: diaryCSS

URL

15:56

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

Подскажите как сделать такое меню?
Код прописала, настройки все сделала, картинку тестовую вставляю ( с пунктом меню), а меню не отображается горизонтально.

{--------Menu-----------}

 #thisDiaryOwner_title {display:block; width:88px; height:35px; line-height:300px; overflow:hidden; background: url('/userdir/3/2/0/0/3200354/80733101.png') 0px 5px no-repeat ;}
 #myDiaryLinks_title {display:block; width:170px; height:39px; line-height:300px; overflow:hidden; background: url('/userdir/3/2/0/0/3200354/80733101.png') 0px 0px no-repeat;}
 #globalLinks_title {display:block; width:175px; height:30px; line-height:300px; overflow:hidden; background: url('/userdir/3/2/0/0/3200354/80733101.png') 0px 0px no-repeat;}
 #iAmQuit a{display:block; width:81px; height:39px; line-height:300px; overflow:hidden; background: url('/userdir/3/2/0/0/3200354/80733101.png') 0px 0px no-repeat; }
 #addToFavA, #delFromFav {position:relative; left:10px !important; white-space:pre-wrap;}

Не понимаю.
Помогите пожалуйста.

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

URL

суббота, 08 марта 2014

13:26

Вопрос про side ul

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

в глазах обида, в руках утюг

Привет!

Нужна помощь! Не корректно работают выпадающие меню side ul, хоть я их как прописываю, ведут они себя независимо от кода.

Код

 #thisDiaryOwner_title {
display:block; 
width:160px; 
height:30px; 
overflow:hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #myDiaryLinks_title { 
display:block; 
width:160px; 
height:30px; 
overflow: hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #globalLinks_title { 
display: block; 
width: 160px; 
height: 30px; 
overflow:hidden; 
background: #000000; 
border: solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #iAmQuit a {
display:block; 
width:160px; 
height:30px; 
overflow:hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #login_form_title {
display:block; 
width:160px; 
height:30px; 
overflow:hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #thisDiaryLinks_title {
display:block; 
width:160px; 
height:30px; 
overflow:hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #side ul {
 width: 160px !important; 
background-color:#000000 !important; 
border:solid 1px #e6e3de !important; 
font: 11px Tahoma !important; 
padding: 5px 5px 5px 5px !important; 
margin: 0px 0px 0px -5px !important; 
}

 #more_login { 
display:none !important; 
}

Сейчас все кнопки прописаны шириной в 160px, такую же ширину я задала селектору side ul, но он упорно становится шире пикселей на 10, чем кнопка, причем что места, как видите, для текста ссылок внутри блока предостаточно. И похоже это зависит от padding, чем больше я задаю padding для #side ul, тем шире становится сам блок, несмотря на заданные 160 пикселей.
Здесь я задала для #side ul - padding: 10px 10px 10px 10px !important

А здесь наоборот padding: 0px 0px 0px 0px !important

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

Спасибо заранее ^^

@темы: меню, отступы, рамки и полоски, diaryCSS

URL

13:18

все записи пользователя в сообществе do not speak

Не ищи меня в других. Меня там нет.

ДД!
вопросы такие:
1) нужно задать фон под заголовок. Если задавать его для header h2, то фон будет и там, где заголовка нет.
Можно ли задать фон только под заголовок с текстом, а если текста нет, то и фона чтобы не было?
2) какие id у ссылок "следующая, предыдущая" у страниц #pageBar?

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

URL

вторник, 18 февраля 2014

09:36

бэкграунд, границы меню, обрезка картинок

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

don't keep calm and fuck them all

Здравствуйте!
Начала осваивать css. Сделала макет, написала код, но никуда без багов. >< Я их уже и так, и этак, но не понимаю, как от них избавиться. тт_тт Помогите!! :beg:

Буду очень признательна за помощь!!

1. самая главная ужасная проблема, не знаю откуда только она такая взялась >< , у меня что-то происходит c бэкграундами. то есть:
вместо {background: url ('КАРТИНКА') repeat fixed} после нажатия на кнопочку "сохранить" - никакого фона, никакой картинки, а в коде появляется взамен этот ужос: {background: # repeat fixed}. :horror2:

далее парочка багов в скриншотах

И еще хотелось бы совет получить, кому не жалко дать. :shuffle:

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

Код прилагается:

 .block_design {background:url('/userdir/2/7/0/2/2702809/80549095.png') 50% 50% fixed;}
 #wrapper {width: 940px !important; padding: 0 !important; overflow: hidden !important; margin-top: 30px !important; margin-bottom: 30px !important;}
 #side {width: 200px !important; background: #ffffff; margin:0 !important; position: fixed !important; border: 1px solid #c8c8c8 !important; padding-top: 15px !important;}
 #page-c {width: 700px !important; background: #ffffff; padding-right: 20px !important; padding-left: 20px !important; padding-top: 15px !important; margin: 0 !important; border: 1px solid #c8c8c8 !important;}
 #page-t {margin:0 !important;}
 .menuSection {border-top: 1px solid #c8c8c8 !important; padding-bottom: 15px !important; padding-top: 25px !important;}
 #side h1 a {font: bold 12px Georgia !important; color: #b6cdc8 !important;}
 #thisDiaryPhoto img {border: 4px solid #b6cdc8 !important; margin-top:-7px !important;}
 #authorName {font: bold 12px Georgia !important; color: #b6cdc8 !important;}
 .menuSection a {font: bold 12px Georgia !important; color: #b6cdc8 !important;}
 .menuSection li {padding-left: 20px !important;}
 #TagsList a {font: 12px Georgia !important; color: #b6cdc8 !important;}
 #tagslistlink ul li {width: auto !important;}
 .tags_ul_all span {font: 12px Georgia !important; color: #c8c8c8 !important;}
 #epigraph {border: none !important; margin-top: -25px !important;}
 #epigraph a {text-decoration: none !important; font: 13px Georgia !important; color: #b6cdc8 !important;}
 #lastComments, #Stats, #pchs, #myLinks, #YaSearch, #myAccountLink, #authorFav, #authorQuot, #authorLiks, #authorAlbum, #subscribeEmail, #unsubscribeEmail, #authorRSS, #albumLink, #rssLink, #myDraftLink, #postsCalendar, #upInChart, #myNotepadLink, #myQuotLink, #myProfileLink, #optionsLink, #photolibLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #iAmQuit, #mySFavLink, #TagsList span {display: none !important;}
 .Attention, .prevnext, .order_button, .diary, .profile, .umail, .lastLink {display: none !important;}
 .postDate {font: bold 14px Georgia !important; color: #b6cdc8 !important; padding-bottom: 10px !important;}
 .header {padding-bottom: 10px !important;}
 .header span {font: bold 16px Georgia !important; color: #b6cdc8 !important;}
 .header h2 {font: bold 16px Georgia !important; color: #b6cdc8 !important; margin-left: 5px !important;}
 .avatar img {width:100px !important; min-width: 100px !important; max-width: 100px !important; border: 4px solid #b6cdc8 !important;}
 .sign {font: 11px Georgia !important; color: #b6cdc8 !important;}
 .postLinksBackg {font: bold 11px Georgia !important; color: #b6cdc8 !important; padding-top: 15px !important;}
 .atTag span, .atMusic span, .atMood {font: bold 11px Georgia !important; color: #b6cdc8 !important;}
 .atTag a, .atMusic {font: 11px Georgia !important; color: #b6cdc8 !important;}
 .singlePost {border-bottom: 1px solid #c8c8c8 !important; padding-bottom: 15px !important; padding-top: 15px !important;}
 .LinkMore {font:14px Georgia !important; color: #b6cdc8 !important;}
 #pageBar a {font: bold 12px Georgia !important; color: #c8c8c8 !important;}
 #pageBar strong {font: bold 16px Georgia !important; color: #b6cdc8 !important;}

UPD: БАГИ УБРАНЫ, СПАСИБО Min Young-nim и Стражница Поднебесья !!

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

URL

пятница, 14 февраля 2014

14:41

.header — блок заголовка записи

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

Когда я перестаю молиться, совпадения прекращаются (с)

Доброго времени суток!
Очень нужна помощь. Правильно ли я понимаю, что при полупрозрачном фоне записи, который был прописан с помощью кода в графе "стили", не может уже быть фона в заголовке записи, если только он тоже не прописан?
Очень долго искал ответ на вопрос, что это должен быть за код. Кроме вот этой надписи .header — блок заголовка записи (которая ни о чем мне не говорит) ничего нигде не нашел. Очень прошу помощи. Помогите, пожалуйста, сделать фон заголовка. Спасибо

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

URL

понедельник, 03 февраля 2014

14:09

Проблема с эпиграфом

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

...Нет мастерства без волшебства...

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

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

URL

воскресенье, 02 февраля 2014

19:44

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

Пытаюсь реанимировать свои школьные знания CSS, но пока со скрипом идет.
Нужна помощь профессионалов.

~~1. Как сделать ссылку "подписаться" доступной только в комментариях, чтобы в ленте дневника видна не была~~

2. Главное меню, которое сейчас в левом нижнем углу, не должно быть выпадающим списком. вместо него нужна просто ссылка на главную страницу
то есть, чтобы вместо всего #globalLinks был только #mainpageLink

3. Возможно ли URL записи сделать датой записи?
то есть опять же .urlLink = .postTitle span или .postDate

4. Пытаюсь сделать ссылки "комментировать" и "в цитатник" видимыми по наведению при помощи
#comments {visibility: hidden;} #comments:hover a {visibility: visible !important; }
- не работает. в чем может быть дело?

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

URL

среда, 22 января 2014

08:18

Вопрос

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

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

Здравствуйте.
Я сразу признаюсь - ничего не понимаю в css.
Несколько лет назад написала себе код, пользовалась им, не снимая, с 2009 года, только меняла в нем цвета.
Но нынче ночью дайр весело глюкнул (вопрос в техподдержку задала, но не очень надеюсь на то, что диз мне вернется), и удалил мой дизайн.
Из настроек.
Села писать новый (ну как писать - выдергивать нужные мне строчки из постов и комментариев этого сообщества) и столкнулась со странной проблемой.
Добавляю строки, меняю параметры, смотрю - все получается.
Полоски встали, эпиграф заузился, как нужно, столбец с меню тоже, ненужные строки скрылись, шрифт на заголовок и время записи лег, только почему-то время и дата жирным выделяются, а сам заголовок нет - это первый вопрос.
И второй. Смотрю - все так, как мне нужно. Нажала "сохранить", поставила дизайн, ничего в строках не меняла - пропали полоски.
И не появляются - это второй вопрос.
Посмотрите, пожалуйста, из-за чего это может быть.
Спасибо.

 #epigraph {width:700px; margin: 0 auto !important; font-family:"arial"; font-size: 12px; color:#33110a;}
 #epigraph {border-bottom: #33110a double; 1px !important;}
 .singlePost, .singleComment, .menuSection, .pageBar { border-top: #33110a double;1px !important;}
 #side h1 a {font-family: "Monotype Corsiva"; font-size: 22px; color:#33110a; font-weight: bold;}
 #photolibLink, #albumLink, #myLinksLink, #myAccountLink {display:none;}
 #authorName span {font-family:"Monotype Corsiva"; font-size: 16px; color:#33110a;}
 #side {width:185px; font-family:"arial"; font-size: 13px;}
 .avatar img, .avatarNew img {background-color: #99827a; border: 1px solid #33110a; padding: 2px; }
 .postDate span, .postTitle {font-family:"Monotype Corsiva"; font-size: 22px; color:#33110a; font-weight: bold;}

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

<div style="margin-left:50px; margin-right:50px;">бла-бла</div>

в самом посте можно подвинуть текст слева и справа, сделать поля. А можно это как-то задать по умолчанию через css? Не нашла т_т

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

URL

среда, 15 января 2014

23:18

все записи пользователя в сообществе хурмушка

[love]лю время ❤

Здравствуйте. У меня такая проблема... У меня на экране три браузера показывают всё ок. Но на мониторе (который огромный) у парня google chrome показывает вот так. Mozilla Firefox показывает ок.

Как от это исправить?

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

URL

вторник, 14 января 2014

19:51

все записи пользователя в сообществе Сумасшедший Шляпочник ака Хима

Эдип женился на матери случайно, а потом Фрейду понравилась сама идея.

Здравствуйте. Помогите несчастному нубу, который уже весь мозг себе сломал! Т_Т

Собственно проблема и сканы

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

URL

пятница, 10 января 2014

23:56

помощь с багом

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

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

upd
На странице с избранным проблему убрали, но на всех остальных страницах (черновики, цитатник и т.д.) она осталась.
Помогите, плиз!

Здравствуйте! Есть небольшой баг в дизайне, очень хотелось бы от него избавиться, но моего ума для этого не хватает. помогите, пожалуйста!
фото бага прилагается:
смотреть

+ код:

#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/9/8/5/2/985263/80244264.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: #fbfbfc !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/9/8/5/2/985263/80244267.png'); #; background-repeat: no-repeat; width: 1200px; height: 482px; margin-bottom: 0px;margin-left: 17px;}
 #extrabottom {background: url('/userdir/9/8/5/2/985263/80244265.png'); #; background-repeat: no-repeat; width: 1200px; height: 42px; margin-left: 17px; position: relative; margin-top: -32px;}
 {-------меню--------}
 #side {position: relative; top: 20px !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: 136px !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: 47px !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;}
 .avatar img, .avatarNew img {border: 2px solid #30440b;}
 {----------------------------Разделитель--------------------------------------}
 .postLinksBackg {background:url('/userdir/9/8/5/2/985263/80244269.png') no-repeat 100% 100%; height:73px; 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:#3f5712;}
 .header {text-align: center; position:relative; top:0px; }
 .postDate {text-align: right !important; color:#442b03 !important; font: 18px times new roman !important; position:relative; top:10px;font-style: italic !important; font-weight: bold !important;}
 .postTitle {text-align: left !important; color:#3f5712 !important; position:relative;top:5px; left: 0px !important;}
 .postTitle span {text-align: left !important; color:#3f5712 !important; position:relative;top:5px;}
 .postActionLinks {position:relative; right: -50px !important;}
 img{max-width: 808px;}
 #bottom_up a { display: block !important; position: fixed; bottom: 40px; right: 55px; width: 28px; height: 31px; background: url('/userdir/9/8/5/2/985263/80244274.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; text-shadow: none !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); color: rgba(0,0,0,0) !important; }
 #bottom_up a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important;}
 #bottom_mainlink a { display: block !important; position: fixed; bottom: 82px; right: 52px; width: 32px; height: 28px; background: url('/userdir/9/8/5/2/985263/80244276.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; text-shadow: none !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); color: rgba(0,0,0,0) !important; }
 #bottom_mainlink a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important;}

запись создана: 09.01.2014 в 23:29

@темы: текст, отступы

URL

16:06

нид хелп

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

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

upd
Всё решено с помощью Тайя, которая душит романтиков)

Здравствуйте! Снова я, да. Сделала дизайн, но есть несколько багов, очень нужна помощь!

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

И ещё вопросик: можно ли расположить меню по центру, и если да, то куда это прописывать?
Скрин:
смотреть

И кнопочка редактирования эпиграфа почему-то не активна, но это мелочи.

Код:
{--------основные блоки-----------} #extratop{height:376px;background:url('/userdir/1/6/1/9/1619707/80280681.png') 50% 0 no-repeat; margin-top: -10px !important;} #wrapper{width:970px;min-width:970px; } #page-t { padding-top: 60px !important; width:800px; margin-left:90px !important;} {--------Menu-----------} .menuSection a {color: #0c2b4b !important; font-size: 16px !important; text-shadow: #ffffff 1px 1px 1px;} #side {position: absolute; margin-top: 180px; margin-left:455px !important; z-index: 1 !important;} #myDiaryLinks {position: absolute; margin-top:-135px; margin-left:-265px;} #globalLinks {position: absolute; margin-top:-135px; margin-left:-30px;} #thisDiaryOwner {position: absolute; margin-top:-135px; margin-left:210px; display:block; width:220px;} #thisDiaryLinks, #subscribeEmail, #upInChart, #rssLink, #lastComments, #albumLink, #faqLink, #YaSearch, #diarySpiritLink, #myDiaryLinks_title, #myNotepadLink, #myFavLink, #myLinksLink, #myProfileLink, #albumLink, #allDiaryLink, #myCommunityLink, #postsCalendar, #communityCatalogueLink, #randomDiaryLink {display:none;} #authorName {display:block; position:absolute; margin-top:-220px; margin-left:-45px; font: 26px Book Antiqua !important; color: #ffffff !important;background: transparent !important;text-shadow: #1d3a5c 1px 1px 1px; } #side h1 a {display:block; position:absolute; margin-top:-565px; margin-left:-80px;font: 26px Book Antiqua !important; color: #ffffff !important;background: transparent !important;text-shadow: #1d3a5c 1px 1px 1px; } #Stats {display: none !important;} #myAccountLink {display: none !important; } {--------posts-----------} A:HOVER{text-shadow: #ffffff 1px 1px 1px;} A:LINK{text-shadow: #ffffff 1px 1px 1px;} #post0 {margin-top: 175px !important;} .singlePost { position: relative; background: #acc8d4; padding: 25px 25px 25px 25px !important; margin: 0px 0px 45px 0px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #4a799d !important; } .singleComment{position: relative; background: #acc8d4; padding: 10px 10px 10px 10px !important; margin: 0px 0px 35px 0px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #4a799d !important; } #msg_form{background: #acc8d4; padding: 10px 10px 10px 10px !important; margin: 0px 0px 20px 0px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #4a799d !important; } .postTitle { text-align : center; padding: 7px 0px 7px 0px !important; padding: 0px 0px 7px 0px !important;} .singlePost .postDate { float:right !important; margin: -54px -25px 0px 0px; padding: 0px !important; color: #9f9f9f; text-shadow: #ffffff 1px 1px 1px; } .postActionLinks { margin-top: -15px; } #sortOrder { margin: -10px 0px 0px 0px; } .singlePost .postTitle span {width: 96px; height: 68px; position: absolute; right: -103px; background: url('/userdir/1/6/1/9/1619707/80280775.png') no-repeat; display: block !important; text-align: left; color: #1f1f1f !important; padding: 25px 0px 0px 5px !important;} a:HOVER{color: #4082ca !important; text-decoration: none;} img { max-width: 700px !important; } {--------Иконки-----------} .atTag em, .atMusic em, .atMood em, .atTag a { font-style: normal; text-decoration: none; color: #698595 !important;} .postLinksBackg a {color: #e36a64 !important;} #bottomNav {display: block !important; text-shadow: #ffffff 1px 1px 1px;} #pageBar {text-shadow: #ffffff 1px 1px 1px !important;}

@темы: текст, меню, эпиграф, отступы

URL

воскресенье, 05 января 2014

12:08

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

Трепетная лань. Наклонности Гестапо.

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

.postContent { padding: 10px; border-radius: 15px; background:rgba(255, 255, 255, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#482a13,endColorstr=#482a13); -moz-box-shadow: -2px 3px 12px #570d02; -webkit-box-shadow: -2px 3px 12px #570d02; box-shadow: -2px 3px 12px #570d02;}

@темы: diaryCSS

URL


Запомнить