воскресенье, 21 февраля 2010
Добрый день, столкнулась со следующий проблемой.
.postDate {height:46px !important; width:837px; background: url('/userdir/2/9/8/6/298602/52196654.png') no-repeat; letter-spacing: 5pt; text-align: Center; padding-top:10px !inmportant; }
Как сдвинуть текст на несколько пикселей ниже?
#globalLinks ul {position:absolute; top:-15px; left:-195px; width:196px; height:225px; text-align:right !important; background: url('/userdir/2/9/8/6/298602/52201103.png') no-repeat; background-position: right top; font-size: 11px; text-margin: 20px; }
как сдвинуть ссылки левее?
По поводу списка Тегов на данном этапе выглядит это так:
#thisDiaryOwner ul {position:absolute; top:-15px; left:-195px; width:196px; height:225px; text-align:right !important; background: url('/userdir/2/9/8/6/298602/52201910.png') no-repeat; background-position: right top; font-size: 11px; text-margin: 20px; }
#TagsList { position:absolute; top:20px; left:85px; width:400px; text-align:left !important; font-size: 11px;}
Мне очень интересно, нельзя ли прописать фоновое изображение списка тегов отдельно от фона выпадающего меню, и какие образом сделать ему выравнивание по левому краю.
И еще проблема, когда наводишь мышью на изображение, заменяющее название дневника первая запись дергается вниз, как сие побороть?
Весь код выглядит так:
читать дальше
body{background: url('/userdir/2/9/8/6/298602/52195796.jpg') repeat; background-position: 50% 0; background-attachment: fixed;}
body{padding:0px}
#page-c {background: url('/userdir/2/9/8/6/298602/52195334.png') repeat-y ; width:950px; }
#extratop { background: url('/userdir/2/9/8/6/298602/52195328.png') no-repeat; width: 983px; height:199px;}
#wrapper{background: url('/userdir/2/9/8/6/298602/52195349.png') no-repeat; min-width:983 px!important; width:983px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important;margin-top:0px !important; margin-bottom:0px !important;}
#side {position:absolute;top:55px !important; font-size:14px !important;width:200px !important; left: 175px;}
#extrabottom {background: url('/userdir/2/9/8/6/298602/52196540.png') no-repeat; width:983px; height:79px; line-height: 100% !important; margin-top: -10px;}
#bottomNav {display:none !important;}
.postDate {height:46px !important; width:837px; background: url('/userdir/2/9/8/6/298602/52196654.png') no-repeat; letter-spacing: 5pt; text-align: Center; padding-top:-10px !inmportant; }
#authorName {display:block; width:247px; height:20px; overflow:hidden; background: url('/userdir/2/9/8/6/298602/52195313.png') no-repeat; no-repeat; line-height:120;}
#side h1 a{display:block; width:427px; height:120px; line-height:120; overflow:hidden; background: url('/userdir/2/9/8/6/298602/52195343.png') no-repeat;}
#authorName {position:absolute;top:33px; left: -31px;}
#side h1 {position:absolute;top:24px !important; left: -132px;}
#more_login {display: none; }
#YaSearch{display: none;}
#YaSearchForm input.submit {display: none;}
#myLinks{position:absolute;top:115px !important; left: 503px;}
#globalLinks{position:absolute;top:60px !important; left: 510px;}
#globalLinks_title {display:block; width:187px; height:30px; line-height:500px; overflow:hidden; background: url('/userdir/2/9/8/6/298602/52198760.png') no-repeat;}
#globalLinks_title:hover {display:block; width:187px; height:30px; line-height:500px; overflow:hidden; background: url('/userdir/2/9/8/6/298602/52198769.png') no-repeat;}
#myDiaryLinks, #myCommunityLinks{position:absolute;top:32px !important; left: 510px;}
#myDiaryLinks_title, #myCommunityLink_title {display:block; width:187px; height:37px; line-height:500px; overflow:hidden; background: url('/userdir/2/9/8/6/298602/52198814.png') no-repeat; }
#myDiaryLinks_title:hover, #myCommunityLink_title:hover {display:block; width:187px; height:37px; line-height:500px; overflow:hidden; background: url('/userdir/2/9/8/6/298602/52198820.png') no-repeat; }
#thisDiaryOwner {position:absolute;top:7px !important; left: 510px;}
#thisDiaryLinks, #thisCommunityMember, #thisCommunity{position:absolute;top:-20px !important; left: 510px;}
#iAmQuit{position:absolute;top:95px !important; left: 510px;}
#myDiaryLinks_title, #myCommunityLink_title {display:block; width:187px; height:37px; line-height:500px; overflow:hidden; background: url('/userdir/2/9/8/6/298602/52198814.png') no-repeat; }
#myDiaryLinks_title:hover, #myCommunityLink_title:hover {display:block; width:187px; height:37px; line-height:500px; overflow:hidden; background: url('/userdir/2/9/8/6/298602/52198820.png') no-repeat; }
#thisDiaryOwner_title {display:block; width:187px; height:28px; line-height:500px; overflow:hidden; background: url('/userdir/2/9/8/6/298602/52198964.png') no-repeat;}
#thisDiaryOwner_title:hover {display:block; width:187px; height:28px; line-height:500px; overflow:hidden; background: url('/userdir/2/9/8/6/298602/52198967.png') no-repeat;}
#thisDiaryLinks_title, #thisCommunityMember_title, #thisCommunity_title {display:block; width:187px; height:29px; line-height:500px; overflow:hidden; background: url('/userdir/2/9/8/6/298602/52198520.png') no-repeat; }
#thisDiaryLinks_title:hover, #thisCommunityMember_title:hover, #thisCommunity_title:hover {display:block; width:187px; height:29px; line-height:500px; overflow:hidden; background: url('/userdir/2/9/8/6/298602/52198514.png') no-repeat; }
#iAmQuit a{display:block; width:250px; line-height:500px; overflow:hidden; background: # 2px 4px no-repeat; height:17px;}
#iAmQuit a:hover{display:block; width:250px; line-height:500px; overflow:hidden; background: # 2px 4px no-repeat; height:17px; }
#myLinks_title {width:250px; height:30px; line-height:500px; overflow:hidden; background: # 2px 4px no-repeat; }
#myLinks_title:hover {width:250px; height:30px; line-height:500px; overflow:hidden; background: # 2px 4px no-repeat; }
#myNotepadLink, #all_links, #faqLink, #diarySpiritLink, #myLinksLink, #albumLink, #search_selectnewsel, #search_selectbtid, #pchs, #lastComments {display: none;}
#myDiaryLinks ul, #myCommunityLink ul {position:absolute; top:-15px; left:-195px; width:196px; height:225px; text-align:right !important; background: url('/userdir/2/9/8/6/298602/52201193.png') no-repeat; background-position: right top; font-size: 11px; text-margin: 20px;}
#globalLinks ul {position:absolute; top:-15px; left:-195px; width:196px; height:225px; text-align:right !important; background: url('/userdir/2/9/8/6/298602/52201103.png') no-repeat; background-position: right top; font-size: 11px; text-margin: 20px; }
#thisDiaryOwner ul {position:absolute; top:-15px; left:-195px; width:196px; height:225px; text-align:right !important; background: url('/userdir/2/9/8/6/298602/52201910.png') no-repeat; background-position: right top; font-size: 11px; text-margin: 20px; }
#TagsList { position:absolute; top:20px; left:85px; width:400px; text-align:left !important; font-size: 11px;}
#thisDiaryLinks ul, #thisCommunityMember ul, #thisCommunity ul {position:absolute; top:-15px; left:-195px; width:196px; height:225px; text-align:right !important; background: url('/userdir/2/9/8/6/298602/52201910.png') no-repeat; background-position: right top; font-size: 11px; text-margin: 20px; }
#myLinks ul {position:relative; top:-135px; left:-190px; width:180px; height:430px; text-align:left !important; font-size: 11px;}
#myLinks ul li{ color:#000000; list-style-type:square; line-height: 1em; list-style-position: inside;}
.atTag { color:#89827e; font-size:12px; font-style: normal !important;text-align:right !important;}
.atTag a {color:#89827e; font-style: normal;font-size:12px;text-decoration: none; text-align:right !important;}
.atTag em {font-style: normal;text-align:right !important;}
.comments a{color:#BD5454;}
span.quote_text { display: block; margin: 10px;padding: 10px; padding-top: 25px; border-right:1px solid #fef2e2; border-bottom:1px solid #fef2e2; font-size: 95%; background: # no-repeat !important; }
A:hover {TEXT-DECORATION: none; text-transform: none;}
a:hover,a:active{color:#BD5454 !important}
#commentsArea {background: #e3e3e3; width: 860px; margin-left: 33px; margin-top: -20px;}
#addCommentArea, #newCommentsArea {background: #ffffff; width: 860px; margin-left: 33px; margin-top:0px;}
#commentsArea .postLinksBackg, #commentsArea_title {background: none !important;}
#commentsArea .header {border-top: 1px solid #747272; border-bottom: 1px solid #747272;}
#newCommentsArea {background: #e3e3e3;}
#postsArea {width: 860px; margin-left: 33px;background: #e3e3e3 # no-repeat;}
.postLinksBackg {font-size:12px;}
#commentsArea_title {border: none !important;}
#addCommentArea {background: #e3e3e3; width: 860px; margin-top:0px;}
Почему-в меню нет следующих ссылок: Вступить в сообщество, избранное сообщества, цитатник сообщества, альбом сообщества, добавить в избранное, подписаться на сообщество итд
.postDate {height:46px !important; width:837px; background: url('/userdir/2/9/8/6/298602/52196654.png') no-repeat; letter-spacing: 5pt; text-align: Center; padding-top:10px !important; }
меняйте выделенные цифры чтобы сдвинуть куда вам надо.
padding-top:10px !important; это вообще ничего не меняет хоть ты там сто пиши хоть минут сто
2. сдвинуть ссылки: #globalLinks ul li {padding-right: 10px;}
3. Теги:
#TagsList ul { position:absolute; top:20px; left:85px; width:400px; } (здесь можно прописать фоновое изображение, лучше с !important)
#TagsList ul li {text-align:left !important; font-size: 11px;}
А вы, случайно, не знаете, почему если ставить выпадающее меню, неизвестно куда девается половина ссылок?
и как написать противоположность от display:none в смысле чтобы отображалось?
как написать противоположность от display:none в смысле чтобы отображалось? Не поняла. Что именно должно отображаться?
Эксперемента ради я посмотрела то же сообщество без ксс, просто с выпадающим меню, там этих ссылок тоже нет, и это меня насторожило.
И еще по мере убирания проблем в дизайне, нельзя ли как-то сдвинуть от правого края блока цифры с количеством записей с тегом? проблема, в принципе как и выше, но на запись #TagsList ul li {text-align:left !important; font-size: 11px; padding-right: 10px; padding-left: 5px;} цифры справа не реагируют никоим образом.
Спасибо вам огромное.
Рада, если помогла
#myLinks {position:absolute;top:5px !important; left:510px;}
#myLinks_title {width:250px; height:30px; background
#myLinks_title:hover {width:250px; height:30px; background: ('/userdir/2/9/8/6/298602/52215077.png') no-repeat; }
#myLinks ul {position:relative; top:-135px; left:-190px; width:180px; height:430px; text-align:left !important; font-size: 11px;}
#myLinks ul li { color:#000000; list-style-type:square; line-height: 1em; list-style-position: inside;}
а вот тут dizain-by-shokolad.diary.ru/ работает...
#myLinks_title:hover {width:250px; height:30px; background: ('/userdir/2/9/8/6/298602/52215077.png') no-repeat; }
У ссылок нет url
А вообще что не получается?