@CSS — стилизация дневников — Дайри (бывший Diary.ru)

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

12:11

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

Кеттарийское привидение

Здравствуйте, подскажите пожалуйста, как решить такую проблему: у меня внизу страницы постоянно вылезает вот эта хрень:

Я её уже и экстработтомом прибить хотел, но она после него ещё и сместилась, сдвинувшись вверх. А если без него, то внизу получается серая полоса шириной примерно 150px (на глаз). Мне нужно убрать её насовсем.

Код

#wrapper {position:relative;}
 #wrapper{background:#eee1b7}
 #wrapper {border:1px solid}
 body{ background-attachment:fixed; }
 #epigraph a{text-decoration:none}
 #side h1 img {display: none}
 #wrapper{min-width:900px!important;width:900px;margin: 0 auto !important;padding:0px !important;overflow:hidden !important}
 #side{width:900px !important;margin:0 !important}
 #page-c{width:900px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}
 #page-c a:hover,a:active{color: #c55c10!important; text-decoration:none !important}
 #page-c a{color: #794c1b!important; text-decoration:none !important}
 #side a:hover,a:active{color: #2983d5!important; text-decoration:none !important}
 #page-c {background:url('/userdir/1/7/1/2/1712500/57578213.jpg') repeat;}
 .postDate {background: url('/userdir/1/7/1/2/1712500/57580427.jpg') no-repeat; background-position:bottom; !important;}
 #extratop {background: url('/userdir/1/7/1/2/1712500/57589178.jpg') no-repeat; width: 900px; height:267px !important; padding: 0 !important; margin: 0 !important;}
 #extrabottom {background:url('/userdir/1/7/1/2/1712500/57578213.jpg') repeat; width: 900px; height:267px !important; padding: 0 !important; margin: 0 !important;}
 .avatar img,.avatarNew img {background-color:#ffffff; border: 1px solid #83b4ea; padding: 3px; }
 { background-color: #DC7901 !important }
 body{padding:0px}
 .atMusic em, .atMood em, .atTag em { font-size: 11px;}
 .atTag a{text-decoration:none}
 .paragraph {overflow: auto}
 #side, .menuSection {background: #cbccc6 }
 .menuSection{ font-size:12px;}
 #Stats, #myCommunitiesLink, #myLinks, #YaSearch, #headlineList, #rssLink, #myLinksLink, #upInChart , #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, .urlLink, #authorFav, #authorQuot, #authorLiks, #sortOrder, #topNavLinks, #authorAlbum, #albumLink, #communityCatalogueLink, .quote_post #myCommunity, #favListLink, #myCommunityLink, #YaSearch, #myCommunity, #tagslistlink, #pchListLink, #randomDiaryLink, #allDiaryLink, #diarySupportLink, #unsubscribeEmail, #pchs, #pchs, #subscribeEmail, #myNotepadLink {display:none!important}
 #side .menuSection{background: transparent;}
 #side .bordered {background: transparent;}
 .nextPostLink {float: right;}
 #side h1 a{position:absolute; top: 2px; left: 10px; color:#ffffff!important; font-family: 'Monotype Corsiva'; font-size: 22px; font-weight:bold;}
 #authorName { position:absolute; top:25px; left: 10px; font-size: 11px; font-weight:bold;}
 #myDiaryLink { position:absolute; top: 20px; left: 735px; color:#ffffff!important}
 #writeThisDiary { position:absolute; top:35px; left: 660px;}
 #myDraftLink { position:absolute; top: 50px; left: 660px;}
 #myFavLink { position:absolute; top: 65px; left:660px;}
 #discussionLink { position:absolute; top: 80px; left: 660px;}
 #optionsLink { position:absolute; top: 95px; left:660px;}
 #umailLink { position:absolute; top: 110px; left:660px;}
 #myProfileLink { position:absolute; top: 125px; left: 660px;}
 #photolibLink { position:absolute; top: 140px; left: 660px;}
 #mainpageLink { position:absolute; top: 165px; left: 720px; color:#ffffff!important; font-weight:bold}
 #postsCalendar{ position:absolute; top: 185px; left:660px;}
 #myQuotLink{ position:absolute; top: 200px; left: 660px;}
 #addToFav { position:absolute; top:215px; left: 660px;}
 #delFromFav{ position:absolute; top: 230px; left: 660px;}
 #writeToAuthor { position:absolute; top: 245px; left: 660px;}
 #iAmQuit { position:absolute; top: 230px; left: 660px;}
 #login_change { position:absolute; top: -60px; right: 500px;}
 #more_login a{ position:absolute; top: -80px; right: 660px;}
 #side *{border:none;}
 .left #wrapper { margin:0 auto !important; padding:0 !important; width:900px; overflow:hidden !important; }
 #bordered, .left #side { padding:0 !important; margin:0 !important; }
 .left #side .bordered { width:900px; margin: 0 !important; padding: 0!important; position:absolute; top:1px ; }
 #side li {float:left; display:block; padding-right:0px!important;}
 .left #page-t {margin-left: 0px !important;}
 .postDate { text-align:right; }
 .singlePost{padding-bottom:50px!important}

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

URL

четверг, 08 июля 2010

21:18

--

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

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

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

URL

среда, 07 июля 2010

14:22

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

whatever I've done it was an accident and I'm sorry

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

@темы: текст

URL

11:18

все записи пользователя в сообществе Kristopher N-team

день добрый, Не подскажите ли генератор какой нить что бы , подгонять блоки? мне нужно в диз вставить 5 картинок (шапка, влево право середина низ ) Эдакая статичная коробка, где чуть правее центра будет прокручиваться дневник (где побольше пустого места) (моя картинка не нарезанная).

Надо ли мне вообще морочатся с блоками ? или же есть другой более удобный способ?

URL

понедельник, 05 июля 2010

21:20

Уплыла навигационная панель =(

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

не будь среди тех, кто стреляет по мне.

Помогите, пожалуйста!
Не могу сдвинуть навиг.панель к блоку записи.
Выглядит так:
читать дальше..
Код такой:

 #side{width:175px !important;margin:0 !important}

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

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

URL

11:54

скроллбар

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

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

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

Код такой:
#extratop{background: url('экстратоп') no-repeat center; height:400px; width:100%;}
#add_block1{background: url('левый-край') right; position:absolute; right:50%; top:0px; margin-right:501px; height:400px; width:100%; z-index:-1;}
#add_block2{background: url('правый-край') left; position:absolute; left:50%; top:0px; margin-left:520px; height:400px; width:30%; z-index:-2; }

Дизайн здесь

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

URL

04:23

Блок записи слева

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

You mad? I do what I want!

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

Решение

Вопрос снят, таки додумалась)

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

URL

воскресенье, 04 июля 2010

15:50

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

Отпечатки наших пальцев на жизнях, которых мы касаемся, не тускнеют.

Можно ли выделить тег красным и сделать его жирным с помощью цсс??? (когда создаешь новый пост, в том месте тег)

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

@темы: diaryCSS

URL

суббота, 03 июля 2010

16:33

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

We Shepard or we Wrex, that's the plan.

К сожалению, у меня опять с дизайном что-то не слава богу ))

У меня в коде прописано:

#topNav {display: none !important;}
#topNavLinks {display: none !important;}

А topNav все равно отображается. Подумала было, что кэш, почистила - все равно отображается, причем bottomNav убралось без проблем. Подозреваю, что какая-то строчка в коде конфликтует с #topNav {display: none !important;}, но сама не могу понять, в чем дело. Посмотрите, пожалуйста.

body{background:#000000 url('/userdir/1/5/6/1/156169/56938718.jpg') no-repeat 0% 0% fixed !important; margin:0; padding:0;}
 {задает дневнику ширину и фиксирует его}
 #wrapper{min-width:750px!important; width:750px; padding-left: 0px !important; margin-left: -0px !important; z-index: 2 !important; }
 #side {z-index: 3 !important; width:10px !important; font-size: 9pt !important; text-transform: lowercase; position: fixed! important; position: absolute; top: 0px; left: 0px; background: transparent !important; background:url('/userdir/1/5/6/1/156169/36950507.jpg') ;}
 #page-c{width:750px !important;padding: 0 !important;margin:0 !important}
 {прописывает прозначность блоку записей}
 #page-t { margin-left: 0px !important}
 #page-c {background: none; background: url('/userdir/1/5/6/1/156169/57254849.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/1/5/6/1/156169/57254849.png', sizingMethod='scale'); zoom: 1; }
 {задает фиксированную ширину аватару и подписи под ним}
 .avatar img {width:100px !important; min-width:20px !important; max-width:100px!important;}
 .sign {width:100px !important; min-width:20px !important; max-width:100px!important;}
 {меняет надписи тегов под постом на картинки}
 .atMood em { font-size: 0 px; background: url('/userdir/1/5/6/1/156169/56941307.jpg') no-repeat 0; padding-left: 55px !important; }
 .atMood em SPAN { position: absolute; left:-1000px; }
 {убирает аватару и логин автора из поста в комментариях}
 #JournalComments .singlePost div.avatar, #JournalComments .singlePost div.sign {display: none;}
 #JournalComments .singlePost div.paragraph {margin: 0 !important;}
 #JournalComments .singlePost .authorName {display: none;}
 {убрать некоторые ссылки из меню}
 #topNav {display: none !important;}
 #topNavLinks {display: none !important;}
 #iAmQuit{display: none !important;}
 #thisDiaryPhoto {display: none !important;}
 #myLinks {display: none !important;}
 #myLinksLink {display: none !important;}
 #login_form {display: none !important;}
 #myDiaryLinks_title {display: none !important;}
 #myNotepadLink {display: none !important;}
 #albumLink {display: none !important;}
 #myProfileLink {display: none !important;}
 #bottomNav {display: none !important;}
 {логин владельца дневника}
 #authorName{background-image: url('/userdir/1/5/6/1/156169/36949697.jpg') !important; repeat 0% 0% fixed; position: fixed !important; display: block; z-index: 3; zoom:1; position: absolute; top: 10px; left: 850px; top: #(parseInt(document.documentElement.scrollTop, 10) + "px"); display:block; width:100px; height:100px; line-height:500px; overflow:hidden; background: transparent; !important; 0px 0px no-repeat;}
 {название дневника}
 #side h1 A{background-image: url('/userdir/1/5/6/1/156169/36949697.jpg') !important; repeat 0% 0% fixed; display: block; z-index: 3; zoom:1; position: absolute; top: 150px; left: 850px; top: #(parseInt(document.documentElement.scrollTop, 10) + "px"); display:block; width:130px; height:36px; line-height:500px; overflow:hidden; background: transparent; !important; 0px 0px no-repeat;}
 {поиск}
 #YaSearch A {display:block !important; width:120px; height:20px; line-height:600px; overflow:hidden; background:transparent;}
 #YaSearchForm .submit {background: transparent !important; border-style:none !important; font-size: 0px !important;}
 #YaSearch{background:transparent; !important; repeat 0% 0% fixed; position:fixed !important; display: block; z-index: 3; zoom:1; position: absolute; top: 500px; left: 950px; top: #(parseInt(document.documentElement.scrollTop, 40) + "px"); width: 128px; !important; height: 50px; !important;}
 #YaSearchForm { visibility: visible !important; display: block !important;}
 {меню "мой дневник"}
 #myDiaryLinks ul {visibility: visible !important; display: block !important; position:fixed !important; display: block; z-index: 3; zoom:1; position: absolute; top: 300px; left: 850px; top: #(parseInt(document.documentElement.scrollTop, 10) + "px");}
 {главное меню}
 #globalLinks_title {background-image: url('/userdir/1/5/6/1/156169/36949697.jpg') !important; repeat 0% 0% fixed; display: block; z-index: 3; zoom:1; position: absolute; top: 70px; left: 10px; top: #(parseInt(document.documentElement.scrollTop, 10) + "px"); display:block; width:30px; height:50px; line-height:500px; overflow:hidden; background: transparent; !important; 0px 0px no-repeat;}
 #globalLinks ul {background-image: url('/userdir/1/5/6/1/156169/39373199.png') !important; no-repeat fixed; width:148px; height:140px; !important; padding:0px 0px; position:absolute !important; left: 30px; top:70px;}
 #globalLinks ul li {float:left; width:148px!important; margin-right:0px; height:12px; border-bottom: 1px dotted #ddc293;}
 {записи}
 #thisDiaryOwner_title {background-image: url('/userdir/1/5/6/1/156169/36949697.jpg') !important; repeat 0% 0% fixed; display: block; z-index: 3; zoom:1; position: absolute; top: 130px; left: 10px; top: #(parseInt(document.documentElement.scrollTop, 10) + "px"); display:block; width:30px; height:50px; line-height:500px; overflow:hidden; background: transparent; !important; 0px 0px no-repeat;}
 #thisDiaryOwner ul {background-image: url('/userdir/1/5/6/1/156169/39373199.png') !important; no-repeat fixed; width:148px; height:140px; !important; padding:0px 0px; position:absolute;left:30px; top:130px;}
 #thisDiaryOwner ul li {float:left; width:148px!important; margin-right:0px; height:12px; border-bottom: 1px dotted #ddc293;}
 {последние комментарии}
 #lastComments_title {background-image: url('/userdir/1/5/6/1/156169/36949697.jpg') !important; repeat 0% 0% fixed; display: block; z-index: 3; zoom:1; position: absolute; top: 190px; left: 10px; top: #(parseInt(document.documentElement.scrollTop, 10) + "px"); display:block; width:30px; height:100px; line-height:500px; overflow:hidden; background: transparent; !important; 0px 0px no-repeat;}
 #lastComments ul{display:none; width:148px; height:592px; !important; padding:10px 10px; position:absolute;left:10; top:0px;}
 #lastComments ul li {float:left; width:148px!important; margin-right:20px; height:45px; border-bottom: 1px dotted #ddc293;}
 #lastComments:hover ul, #lastComments ul:hover{display:block!important; z-index:10;}
 #lastComments ul {background-image: url('/userdir/1/5/6/1/156169/39373199.png') !important; no-repeat fixed;}
 #lastComments {background: #f5e0c2 url('/userdir/1/5/6/1/156169/36950507.jpg') !important; no-repeat fixed;}
 {опция "дневник" в меню}
 #thisDiaryLinks_title {background-image: url('/userdir/1/5/6/1/156169/36949697.jpg') !important; repeat 0% 0% fixed; display: block; z-index: 3; zoom:1; position: absolute; top: 300px; left: 10px; top: #(parseInt(document.documentElement.scrollTop, 10) + "px"); display:block; width:30px; height:50px; line-height:500px; overflow:hidden; background: transparent; !important; 0px 0px no-repeat;}
 #thisDiaryLinks ul {background-image: url('/userdir/1/5/6/1/156169/39373199.png') !important; no-repeat fixed; width:148px; height:140px; !important; padding:0px 0px; position:absolute;left:30px; top:300px;}
 #thisDiaryLinks ul li {float:left; width:148px!important; margin-right:0px; height:12px; border-bottom: 1px dotted #ddc293;}
 {чтобы все-все изображения и даже видео подгонялись под размер враппера}
 .section,.formcontainer,.paragraph { overflow:auto; overflow-y:hidden; }

@темы: diaryCSS

URL

05:14

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

Non vi, sed arte

Доброго времени суток. При работе с зафиксированным меню (fixed) столкнулась с досадной неприятностью - при смене разрешения на меньшее панелька уползает от экстратопа, но это не так критично, как то, что при более высоком разрешении она накладывается на него.
Работаю сейчас над этим дизайном.

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

 #thisDiaryPhoto {background: url('/userdir/1/8/2/2/1822873/57325568.png') no-repeat !important; height:179px; width:135px; top:70px; left:940px; margin-left: 10px ;position: fixed !important;}
 #writeToAuthor {top:172px; left:950px; position: fixed !important; color: #e7faff !important; font-size: 12px; font-family:Georgia; font-weight: bold !important; }
 #mainpageLink {top:192px; left:955px; position: fixed !important; color: #e7faff !important; font-size: 12px; font-family:Georgia; font-weight: bold !important; }
 #myDiaryLink { top:212px; left:960px; position: fixed !important; color: #b8d8b5 !important; font-size: 16px; font-family:Georgia; font-weight: bold !important; }

Код целиком
На всякий случай - весь код. Не ругайтесь на сумбурность, он несколько раз кусками переделывался по требованию заказчика, а привести в порядок сил нет((

body {background: url('/userdir/1/8/2/2/1822873/57358190.jpg') repeat; background-attachment: fixed;}
 #wrapper{ min-width:1000px!important;width:1000px; margin-left: -50 !important; margin: 0 auto !important; overflow:visible !important; position: relative;}
 #page-c {background: url('/userdir/1/8/2/2/1822873/57323753.png') 0 0 repeat; width:800px !important; padding:0 !important; padding:0 !important; font-family:Georgia; font-size: 14px !important; color: #080808 !important; }
 #page-t {margin:0 !important; }
 #extratop {background: url('/userdir/1/8/2/2/1822873/57358421.png') 0 0 no-repeat; height:470px; width:800px; margin-left:0px; margin-top: 0px; }
 #extrabottom {background: url('/userdir/1/8/2/2/1822873/57323747.png') no-repeat; width:800px; height: 117px; margin-left:0px; margin-top: 0px; }
 .postInner a {text-decoration:none;}
 .atTag SPAN {display:block; width:14px; height:19px; line-height:500px; float:left; overflow:hidden; background: url('/userdir/1/8/2/2/1822873/57326123.png') 0px 0px no-repeat; margin-left:7px;}
 .atMusic SPAN {display:block; width:14px; height:19px; line-height:500px; float:left; overflow:hidden; background: url('/userdir/1/8/2/2/1822873/57326210.png') 0px 0px no-repeat; margin-left:7px;}
 .atMood SPAN {display:block; width:14px; height:19px; line-height:500px; float:left; overflow:hidden; background: url('/userdir/1/8/2/2/1822873/57326216.png') 0px 0px no-repeat; margin-left:7px;}
 .avatar img {width:100px !important; border: 1px solid #205789 }
 .avatar img {-moz-opacity:.65 !important;opacity:.65 !important; filter:alpha(opacity=50);}
 .avatar img:hover {-moz-opacity:.100 !important;opacity:.80 !important; filter:alpha(opacity=50);}
 #albumLink{display:none}
 #addToFav{display:none}
 #rssLink{display:none}
 #authorQuot{display:none}
 #all_links{display:none}
 #authorAlbum{display:none}
 #postsCalendar{display:none}
 #faqLink{display:none}
 #myLinksLink{display:none}
 #myLinks{display:none}
 #upInChart{display:none}
 #headlineList{display:none}
 #more_login{display:none}
 #paySupportLink{display:none}
 #diarySpiritLink{display:none}
 .quote_post{display:none}
 #myQuotLink{display:none}
 #photolibLink{display:none}
 #allDiaryLink {display:none}
 #pchListLink{display:none}
 #myNotepadLink{display:none}
 #communityCatalogueLink{display:none}
 #myCommunitiesLink {display:none}
 #diarySupportLink{display:none}
 #iAmQuit{display:none}
 #more_login{display:none}
 #photolibLink{display:none}
 #YaSearch{display:none}
 #sortFromBegin {display:none;}
 #sortFromEnd {display:none;}
 #unsubscribeEmail{display:none;}
 #delFromFav{display:none;}
 #tagslistlink {display:none;}
 #subscribeEmail{display:none;}
 #pchs{display:none;}
 #lastComments {display:none;}
 #randomDiaryLink {display:none;}
 #favListLink{display:none;}
 #favListLink{display:none;}
 #myLinksLink{display:none;}
 #authorLinks {display:none;}
 #writeThisDiary {display:none;}
 #myDraftLink {display:none;}
 #umailLink {display:none;}
 #myFavLink {display:none;}
 #discussionLink {display:none;}
 #myProfileLink {display:none;}
 #optionsLink {display:none;}
 #authorFav {display:none;}
 #thisDiaryPhoto {background: url('/userdir/1/8/2/2/1822873/57325568.png') no-repeat !important; height:179px; width:135px; top:70px; left:940px; margin-left: 10px ;position: fixed !important;}
 #writeToAuthor {top:172px; left:950px; position: fixed !important; color: #e7faff !important; font-size: 12px; font-family:Georgia; font-weight: bold !important; }
 #mainpageLink {top:192px; left:955px; position: fixed !important; color: #e7faff !important; font-size: 12px; font-family:Georgia; font-weight: bold !important; }
 #myDiaryLink { top:212px; left:960px; position: fixed !important; color: #b8d8b5 !important; font-size: 16px; font-family:Georgia; font-weight: bold !important; }
 #side h1 a {display: block; overflow:hidden; height:40px; line-height:700px; width:317px; top:420px; left:250px; position: absolute; background: url('/userdir/1/8/2/2/1822873/57324026.png') no-repeat !important;}
 #authorName {display: block; overflow:hidden; height:67px; line-height:586px; width:200px; top:10px; left:930px; position: fixed !important; background: url('/userdir/1/8/2/2/1822873/57325106.png') no-repeat !important;}
 .postLinksBackg {text-shadow: 3px 3px 3px #fff !important; color: #000000 !important;}
 .urlLink. {text-shadow: 3px 3px 3px #000000 !important; color: #000000 !important;}
 postLinks {text-shadow: 3px 3px 3px #000000 !important; color: #000000 !important;}
 .atTag a:link {color: #52705e !important;}
 .atTag a:hover {color: #000000 !important;}
 .atTag a:visited {color: #52705e !important;}
 a:visited {TEXT-DECORATION: none !important;}
 #epigraph a {color: #000000 !important;}
 li.editPostLink {width: 16px; height: 16px;background: url('/userdir/1/8/2/2/1822873/57326525.png') no-repeat; display:block; overflow:hidden !important;}
 li.delPostLink {width: 16px; height: 16px;margin-top:0;background: url('/userdir/1/8/2/2/1822873/57326531.png') no-repeat; display:block; overflow:hidden !important;}
 .header li img{visibility:hidden}
 .TagL {color: #043807 !important; font-weight: bold !important; font-size: 14px !important;}
 .authorName a {color: #043807 !important; font-weight: bold !important; font-size: 14px !important;}
 .communityName a {color: #043807 !important; font-weight: bold !important; font-size: 14px !important;}
 .LinkMore {color: #52705e !important;}
 .paragraph div {margin-left: 30px !important; margin-right: 20px!important;}
 .header {padding-top: 25px !important;}
 .header h2 {display:block; text-align:center; padding: 2px !important;}
 #epigraph {height:90px}
 .singlePost {background: url('/userdir/1/8/2/2/1822873/57325865.png') no-repeat; background-position:bottom; !important;padding-left: 20px; padding-bottom: 3px !important;}
 #epigraph, #post0 {background: none !important;}
 .urlLink a {padding-left: 20px !important;}
 .postLinks {padding-right: 20px;}
 .header span {padding-left: 20px !important;}
 #pageBar a {text-shadow: 3px 3px 3px #000000 !important;}
 .prevPostLink{display:none !important;}
 .nextPostLink{display:none !important;}
 #EditFavSmileysLink{color: #52705e !important;}
 #change_avatar_box a{color: #52705e !important;}
 .quote_text {color: #000000 !important; text-shadow: 0 0 0.1em #52705e, 0 0 0.1em #52705e, 0 0 0.1em #52705e !important;}
 .postInner a {color: #2f4855 !important; text-shadow: 3px 3px 3px #ffffff !important;}
 a:visited {text-decoration: none !important;}
 a:hover, a:active {color:#d8e8df !important; text-transform: bold;}
 #Journal a {text-decoration: none !important;}

Вот желаемое расстояние от экстатопа и постов (около 20px):

Есть у кого предложения, как переделать? В процентах у меня что-то не получается(

@темы: меню, отступы

URL

00:23

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

Господа знающие, помогите, мой замысел гибнет!
Решила не только уменьшить фотографию, но и немного поколдовать с её местоположением. Но стоило мне написать код позиционирования, то место, где должно быть фото испарилось и оно заехало под текст и перекрылось белой полоской О_о Смотреть.
Что с этим можно сделать?
Код:

#thisDiaryInfo #authorName {color:#a46d7f; font-size: 8pt !important; font-weight: bold; position:absolute; top: 10px; left: 50%; margin-left: -50px}
 #thisDiaryInfo {background:#; background-repeat:no-repeat; background-position:top 100%; }
 #thisDiaryPhoto {height: 80px;}
 #thisDiaryPhoto {position:absolute; top: 30px; left: 50%; margin-left: -50px}
 #thisDiaryPhoto img{ border: 1px solid #2e5278 !important;}

Помогите, пожалуйста.

@темы: меню

URL

четверг, 01 июля 2010

09:14

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

etc.

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

А в общем-то проблемы сейчас две:
1. Текст комментариев уплыл куда-то вправо.
2. Часть "тени" не отображается с той стороны, где по идее кончается меню.

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

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

URL

07:23

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

fail better

генераторы теперь будут жить на народе: фиксированная ширина, фоновая картинка, экстраблоки.

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

URL

среда, 30 июня 2010

23:10

все записи пользователя в сообществе Joker,say smile~

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

Доброго времени суток.
Не пойму в чем проблема:

body {background: url('/userdir/1/3/0/0/1300833/57204764.png') 0 0 fixed repeat; padding: 0px !important;}
 #wrapper{ background: # repeat-y; min-width:0px!important;width:900px; margin: 0 auto !important;padding:0 !important; position:relative !important}

Однако body-картинка, не отображается в дизайне. Может у меня какая-то ошибка?

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

URL

20:29

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

Снявши крылья, по ушам не плачут.

Здравствуйте. Есть вот этот дизайн.
Разделитель в виде темной полоски, и на нем ссылки, которые внизу поста.
Но когда заходишь на страницу комментариев, то ссылки получаются выше. Как можно их опустить на разделитель?

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

URL

суббота, 26 июня 2010

16:29

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

Не срывайте с людей маски. Вдруг это намордники.

Здравствуйте.
Обнаружила такие проблемы:
1. при наведении мышки на ссылку, лента дневника немного дёргается, примерно на миллиметр. В чём может быть дело?
2. над кнопочкой "отправить" появилось пустое место, можно ли его убрать?

3. как блок, в котором находятся название дневника, фотография и ник обвести общей рамочкой?

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

URL

00:31

подскажите, пожалуйста.

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

"Что нас не убивает делает нас только сильнее" (с) Хотя с этим можно поспорить!

Доброй ночи.

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

скрин

body { background: #1e1d2d; }
 #add_block1 {background: url('/userdir/2/9/8/4/298464/57090293.png') left bottom no-repeat !important ; position: fixed; width: 419px !important; height: 700px; z-index: -1 !important; bottom: 0px; left: 0px !important;}
 #page-c { min-width: 60% !important; width: 92%; float: right !important; padding: 0 !important; }
 #pchs, #myProfileLink, #communityCatalogueLink, #myCommunitiesLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #randomDiaryLink, #sortOrder, #albumLink, #myNotepadLink, #postsCalendar, #authorLiks, #YaSearch, #lastComments, #myDraftLink, #myQuotLink, #upInChart, #allDiaryLink, #faqLink, #myFavLink, #authorFav, #authorQuot, #authorAlbum, #writeToAuthor, #subscribeEmail, #unsubscribeEmail, #addToFav, #Stats, #thisDiaryPhoto, #delFromFav {display: none !important;}
 #authorName {font-size: 0px !important;}
 #topNav {background: url('/userdir/2/9/8/4/298464/57092894.png') repeat-x !important; top: 0px; text-align: center;}
 #side { position: fixed;}
 #side h1 a { font-family: "Monotype Corsiva" !important; font-size: 23px !important; position: relative; left: 50px !important; color: #307575; text-align: center;}
 .postDate { color: #30807e !important; font-family: Georgia !important; font-style: italic !important;}
 #commentsArea a, #postsArea a {text-decoration: none; color: #eff45d !important;}
 #commentsArea a:hover, #postsArea a:hover {text-decoration: none; color: #a32919 !important;}
 .atTag a, .atMood em, .atMusic em, .atTag em {text-decoration: none; font-style: normal; font-size: 9px; color: #ff1e00;}
 #discussionLink span.count_box a { background: url('/userdir/2/9/8/4/298464/57087149.png') no-repeat; color: #000; font-size: 20px; height: 48px; line-height: 500px; overflow: hidden; position: absolute; left: 70px; bottom : 30px; width: 35px;}
 #discussionLink span.count_box { color: #fff !important; }
 #discussionLink {font-size: 0px !important;}
 #myDiaryLink span.count_box a { background: url('/userdir/2/9/8/4/298464/57087158.png') no-repeat; color: #000; font-size: 20px; height: 48px; line-height: 500px; overflow: hidden; position: absolute; left: 230px; bottom : 20px; width: 35px;}
 #myDiaryLink {font-size: 0px !important;}
 #myDiaryLink span.count_box { color: #fff !important; }
 #umailLink span.count_box { color: #fff !important; }
 #umailLink {font-size: 0px !important;}
 #umailLink span.count_box a { background: url('/userdir/2/9/8/4/298464/57087161.png') no-repeat; color: #000; font-size: 20px; height: 54px; line-height: 500px; overflow: hidden; position: absolute; left: 260px; bottom: -50px; width: 53px; }
 #mainpageLink, #favListLink, #pchListLink, #iAmQuit { position: relative; left: 180px !important; bottom: 70px;}

@темы: меню

URL

пятница, 25 июня 2010

18:55

все записи пользователя в сообществе Edel and his Voices

fournell

Здравствуйте, проблема такова: при наведении курсора на "имя автора" само имя исчезает, а меню начинает прыгать. Вопрос, соответственно, в том, что делать, как это прекратить. Глюк одинаков и в Опере, и в Мозилле.
Из сообщества вычитала только то, что при расположении меню сверху имя очень капризно, постоянно его уносит в правый угол (что изначально и случилось, однако где бы оно ни было расположено, глюк сохраняется).

На скрине вверху показано все в покое, внизу - то, что случается при наведении курсора на имя.

код

@темы: меню

URL

12:38

все записи пользователя в сообществе Eiji-kun.

Танец - это вертикальное выражение горизонтального желания.

Я меня основной бразуер - опера и в ней дизайн оттображается так. А в мозиле так.

При чём там совершенно другой дизайн, не считая основной страницы. Это можно как-нибудь изменить?

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

URL

четверг, 24 июня 2010

16:16

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

we have advanced to new and surprising levels of bafflement

у меня на лого появилась странная полоса в цвет записи

отчего она может быть и как её убрать?

URL


Запомнить