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

среда, 06 марта 2013

21:28

***

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

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

Подскажите, пожалуйста, как сделать так, чтобы буквица не залезала на фон? Я как только ни пыталась текст опустить вниз пикселей на 5 - не получилось ни разу.

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

URL

вторник, 05 марта 2013

16:26

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

“Above all shadows rides the Sun and Stars for ever dwell: I will not say the Day is done, nor bid the Stars farewell.”

Только осваиваю css, и возникли вопросы. Я честно облазила все по тэгам "отспупы" и "рамки и полоски", и то, что я смогла найти у меня не желает работать. Если я пропустила что-то, ткните носом, пожалуйста!

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

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

2) как сделать, чтобы экстатоп было видно только на главной странице, а когда переходишь к записи, чтобы он пропадал?
РЕШЕНО, спасибо Тайя, которая душит романтиков
~~АПД: возник еще один дуракций вопрос~~
3) пытаюсь обвести все в рамку. успешно обвела меню, комментарии, поле добавления комментария. записи не хотят ни в какую. как это выглядит - видно у меня в дневнике
обвожу этим кодом
.singlePost {border: 3px solid; #56400a; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
через раз эффект видно в окне предпросмотра. что я делаю не так? :nope:

Решено, спасибо Norra Flicka!

запись создана: 03.03.2013 в 18:50

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

URL

воскресенье, 17 февраля 2013

18:55

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

Fortune favours the brave

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

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

URL

среда, 13 февраля 2013

17:42

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

no matter how you feel, love will always light the way.(c)

ребята, как убрать именно эти надписи, которые над эпиграфом?
читать дальше
спасибо

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

URL

суббота, 09 февраля 2013

17:53

Веб-шрифты

все записи пользователя в сообществе Filix-mas

Он, имеет мало желаний, живет один и не делает зла, как слон в слоновом лесу.

Можно ли подключать в дайри веб-шрифты (от гугла)?

@темы: текст

URL

13:20

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

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

Вопрос. Важный и дико взбесивший. Я правда просмотрела почти все по тегу «текст», но.

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

#весь текст на твоем дайри: {font-family: название шрифта !important;}

@темы: текст

URL

пятница, 08 февраля 2013

21:22

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

А ещё независимость - это счастье. От того, что у тебя есть кто-то, к кому ты готова тысячу километров идти пешком…

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

@темы: diaryCSS

URL

понедельник, 04 февраля 2013

11:12

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

Архи Дея

Здравствуйте, уважаемые сообщники,

подскажите, пожалуйста, как сделать #page-c такой, не используя border? Я попыталась через #page-t и #postsArea, вроде даже получилось, но #postsArea съехала влево, а как отцентровать, я не знаю.

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

URL

четверг, 24 января 2013

13:01

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

Достанет ли нам огня, что нам отмерил Отец?

Добрый день!

Подскажите, пожалуйста, как можно убрать отступ между postsArea и Extrabottom?
На скрине это место видно как еще один повтор фона в 10 px высотой.

#extratop{height:400px;background:#2B5374 url('/userdir/3/0/9/5/309594/77345791.jpg') no-repeat;}
 #wrapper{width:1000px;min-width:0; padding: 0px !important;}
 #side {width:200px; padding: 0px !important;}
 .left #page-c {margin-left:-200px;}
 .left #page-t {margin-left:200px;}
 .right #page-c {margin-right:-200px; }
 .right #page-t {margin-right:200px;}
 #page-c {background:url('/userdir/3/0/9/5/309594/77396575.jpg') repeat-y; border-bottom: none; }
 .menuSection, .singlePost {background: url('/userdir/3/0/9/5/309594/77331621.png') no-repeat 50% 100%; padding-bottom: 45px !important; }
 #epigraph.singlePost{background: none;!important; }
 #epigraph { border-bottom: none !important;}
 .singlePost, .singleComment, .menuSection, .pageBar { border-top: none !important;}
 .menuSection {text-align:center; }
 #extrabottom {border:none !important; height:117px;background:#f3f9d5 url('/userdir/3/0/9/5/309594/77396604.jpg') 50% 0 no-repeat;}

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

URL

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

08:30

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

Если я молчу, то это не значит что мне нечего сказать ©

Здравствуйте!
~~1) Подскажите, какое id у ссылки "Поделиться"?~~
2) Как прописать картинку для закрытой записи? Пишу вот такой код, но картинки становится две: стандартная и новая..

 .opac6 {background: url('/userdir/3/9/7/7/397732/77356732.png') no-repeat; padding:0 0 0 21px !important; display:block; height:25px; }

запись создана: 19.01.2013 в 17:51

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

URL

четверг, 17 января 2013

22:13

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

Орла отрицать нельзя.

Доброго дня. не уверена, что проблема именно с css, но только что подключила платный дизайн и столкнулась с проблемой - название дневника не видно. Оно отображается в настройках, но в самом дневнике - нет. Единственное изменение, которое я с css проделывала - коррекция размера шрифта в названии же (#side h1 A { font-size: 12pt; }). Но до этого изменения у другого человека названия тоже не видно было (у меня - видно, как ни странно).
Что с этим можно сделать и что вообще может быть не так?

Вопрос второй, совсем нубский. Каким образом задать название шрифта? И можно ли выбрать нестандартный шрифт не из тех, что есть, например, по умолчанию в бесплатных дизайнах?

@темы: текст

URL

17:14

все записи пользователя в сообществе true white queen

horrorterror

Доброго всем времени суток.
Вопрос 1.
Взбрело в голову написать необычное меню, которое появлялось бы по наведению курсора. С этим делом я справился достаточно хорошо, но потом потребовалось вытащить из этого меню имя пользователя и ссылку на дневник, которые я, в свою очередь, заменил картинками и закрепил над меню вот в таком виде.
***
Все бы хорошо, но к ним неприменимо ни одно позиционирование, кроме fixed. В absolute картинки-кнопки, заменяющие имя и название, начинают дергаться и двоиться. Я бы рад с fixed оставить, но у многих ПЧ, имеющих разрешение выше 1280*1024 кнопки стремительно уезжают влево, хотя все задано в процентах, и ехать, в принципе, не должно. И отсюда получается вот такой кошмар.
Существует ли возможность каким-либо образом исправить это, сделав кнопки "прибитыми" к одному месту без подергиваний и раздвоения "личности"?
Вопрос 2.
И еще одна, казалось бы, глупая проблема. Убегает кнопка "вставить цитату". Причем убегает каким-то странным образом - она отлично отображается в первом посте, однако исчезает в комментариях. Пытался задавать ей отступы кодом

#cc {margin: -210px 0 0 -110px; !important}

Безрезультатно. Либо я просто не могу найти позицию, либо ей что-то мешает, учитывая количество эдд_блоков у меня в дизайне. Хотя у меня в коде ни для одного из конфликтующих айди #addCommentArea, #postsArea, #commentsArea, #msg_form, где было бы задействовано свойство relative. min-width и max-width я тоже никуда не вписывал. По проблеме неоднократно искал, но ничего, что помогло бы решить, не нашел.

На всякий случай код, хотя дневник открыт и все можно увидеть вживую

 {-----картинки-------}
 html {overflow: hidden; }
 body {background: #000000 url('/userdir/3/0/9/5/3095744/77124455.jpg') center center fixed no-repeat !important; position: relative!important; padding: 0px !important; margin:0px !important;}
 #wrapper{position: relative !important; width:850px; margin: 10px !important; padding-top: 120px !important; bottom 120px !important; float:right !important; color:#807e7e !important;}
 #page-c {width:1050px !important; float:right !important; }
 #add_block2 {right: 0%; top: 3%; background-color:#444343 !important; width:850px !important; height:95% !important; float: left !important; position:fixed !important; display:block !important; z-index:-1 !important;}
 #add_block3 { background: url("/userdir/3/0/9/5/3095744/77119217.png") no-repeat scroll 0 0 transparent; display: block !important; height: 100px !important; position: absolute !important; right: 0; top: 2%; width: 850px; z-index: -1 !important; margin-top: 1.4%; }
 #add_block4 { background: url("/userdir/3/0/9/5/3095744/77119216.png") no-repeat scroll 0 0 transparent; bottom: 0; display: block !important; height: 100px !important; margin-bottom: -70.5%; position: absolute !important; right: 0; width: 850px; z-index: 1 !important; }
 #page-t {height: 70%; margin-bottom: 3%; padding-bottom 3%; position:fixed !important; overflow: auto; }
 noindex:-o-prefocus, {----меню-------}
 #side a {visibility: hidden; color: #fff; font-size: 12px; text-transform: lowercase;}
 #side:hover a {visibility: visible !important; color: #fff !important; text-decoration: none !important; }
 #side .bordered { background: url("/userdir/3/0/9/5/3095744/77275439.png") no-repeat scroll 100% 330px transparent; height: 300px; left: 3%; margin-left: -5px; padding-bottom: 160px; padding-top: 30px; position: absolute !important; top: 90px; width: 116px; z-index: 30 !important; }
 #side .bordered:hover { background: url("/userdir/3/0/9/5/3095744/77135691.png") repeat scroll 0 0 transparent !important; height: 300px; border: 1px outset; border-color: #7b7979; left: -8.2%; margin-left: 4.6% !important; margin-top: 34%; top: 37%; width: 17.7%; z-index: 30 !important; }
 .menuSection li:hover {background: #403f3f ; opacity: 0.8; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;width:150px; }
 {-----display:none-------}
 #lastComments, #thisDiaryPhoto, #pchs, #sign, #YaSearch, #iAmQuit b, #more_login, #unsubscribeEmail, #tagslistlink, #upInChart, #myLinksLink, #myDraftLink, #myNotepadLink, #allDiaryLink, #favListLink, #pchListLink, #from_form, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #iAmQuit, .order_button, #change_avatar_box,#change_avatar_box a,#AvatarSelector, #doNotSmile_box, #addPicture_box,#ReplaceBrDiv,#change_bg_area_comm, #vkl li, #side h1 .opac6 {display:none !important;}
 {-----картинки-кнопки-------}
 #side ul { display:block;visibility:hidden}
 #side:hover ul {visibility:visible}
 #authorName span { background: url("/userdir/3/0/9/5/3095744/77137522.png") repeat scroll 0 0 transparent; height: 130px; overflow: hidden; padding: 0 !important; position: fixed !important; right: 66.4%; top: 250px; visibility: visible !important; width: 50px; z-index: 100 !important; }
 #authorName { color: white; display: block; line-height: 500px !important; }
 #authorName:hover { background: url("/userdir/3/0/9/5/3095744/77137522.png") repeat scroll 0 0 transparent !important; }
 #side ul { display:block;visibility:hidden}
 #side:hover ul {visibility:visible}
 #side h1 { background: url("/userdir/3/0/9/5/3095744/77137524.png") repeat scroll 0 0 transparent; height: 148px; overflow: hidden; padding: 0 !important; position: fixed !important; right: 66.4%; top: 103px; visibility: visible !important; width: 73px; z-index: 100 !important; }
 #side h1 a { color: white; display: block; line-height: 500px !important; }
 #side h1:hover { background: url("/userdir/3/0/9/5/3095744/77137524.png") repeat scroll 0 0 transparent !important; }
 #epigraph .singlePost { background: url("/userdir/3/0/9/5/3095744/77138293.png") repeat scroll 0 0 transparent; height: 169px;padding: 0 !important;width: 780px; }
 {-----эпиграф и разделители-------}
 #epigraph .paragraph { line-height: 25%; padding-top: 70px;}
 #epigraph .postLinksBackg {display:none;}
 .singlePost {padding-bottom: 50px !important; background: url('/userdir/3/0/9/5/3095744/77138352.png') center bottom no-repeat;}
 #epigraph .postInner {width: 650px;padding-left:75px }
 .singlePost .paragraph div:first-letter { font-size:18px; font-family:Times New Roman; color:#0E0E0E; }
 {-----оформление ссылок-------}
 .postLinksBackg {color: #0E0E0E; font-size: 10px; }
 .postLinksBackg a { color: #0E0E0E; background-color: #807e7e; text-decoration:none !important; text-transform: lowercase; font-weight: bold; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 10px 0px 14px px ; border: medium none; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 1px;}
 .postLinksBackg a:hover, #favGroups a:hover {background-color: #807e7e; opacity: 0.1; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 {----темы-------}
 .atTag a { background: url("/userdir/3/0/9/5/3095744/77317334.png") no-repeat scroll 0 50% transparent; padding: 2px 0 2px 6px !important; }
 .atTag span { background: url("/userdir/3/0/9/5/3095744/77304459.png") no-repeat scroll 2px 0 transparent; display: block; float: left; margin-top: -6px; height: 22px; line-height: 500px; overflow: hidden; width: 30px; }
 {-----фиксы-------}
 #cc {left: 50% !important; margin-top: -150px; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; position: absolute; text-decoration: none; cursor: pointer; visibility: visible; }
 .postInner {float: right; width: 100%; }
 .left #page-t {width: 860px;}
 .singlePost, .menuSection, .header, .postContent, .singleComment, .section, .postDate, .postLinksBackg { margin-bottom: 1px; margin-right: 2%! important; padding-right: 2%; }
 #JournalComments .singlePost, .menuSection, .header, .postContent, .singleComment, .section, .postDate, .postLinksBackg {margin-right: 2%; padding-right: 0%; }
 #epigraph .postInner div:first-letter{font-size:14px; font-family:Times New Roman; color:#807e7e;}
 {----комменты и стабилизация-------}
 #commentsArea .avatar img {width:100px; height:100px; border:5px solid #0E0E0E; opacity:0.6; }
 #message, .htmlbox{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.4) !important;}
 span.quote_text {background-image: url('/userdir/3/0/9/5/3095744/77135691.png'); display: block; margin: 10px 10px 5px 5px; padding: 10px 10px 10px 10px; border: inset 1px #0E0E0E; opacity: 0.8;}
 .postContent .postInner img{ opacity : 0.2; -moz-transition: all 2s; -webkit-transition:all 2s; -o-transition: all 2s; transition: all 2s; border: medium none; border-top-left-radius: 3px; border-top-right-radius: 30px; border-bottom-right-radius: 5px; border-bottom-left-radius: 30px; max-width:500px; border: 0px solid #0E0E0E; padding: 0px;}
 .postContent .postInner img:hover { opacity : 1 !important; }
 #jsbut, #shsmile{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4) !important;}
 {----заголовки-------}
 .postTitle, .postTitle span {font-size:12px; color:#0E0E0E; text-transform:uppercase; font-weight: bold;}
 {----ники-------}
 .TagJIco { background: url("/userdir/3/0/9/5/3095744/77304459.png") no-repeat scroll 0 center transparent; display: inline-block; padding-left: 28px; position: relative; text-decoration: none !important; }
 {----переключатель-------}
 .pageBar a {color: #0E0E0E; font-size: 10px; }
 .pageBar a {position: fixed; bottom: 120px; z-index: 7; color: #0E0E0E; background-color: #807e7e; text-decoration:none !important; text-transform: lowercase; font-weight: bold; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 10px 0px 14px px ; border: medium none; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; right: 750px;}
 .pageBar a:hover{ background-color: #807e7e; opacity: 0.1; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 .pageBar a, .pageBar strong {padding: 0 2px; }
 .pages_str a {margin: 0 15px;}
 {----музыка-------}
 .atMusic span {display:none;}
 .atMusic {padding-left: 40px !important;}

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

URL

вторник, 15 января 2013

15:58

Подсвеченные пункты меню, и дата

все записи пользователя в сообществе Filix-mas

Он, имеет мало желаний, живет один и не делает зла, как слон в слоновом лесу.

И снова у меня два вопроса:

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

2) Можно ли хоть как-то менять дату (например убрать день оставив только число, месяц, и год, или поменять размеры и расположения элементов даты)?

запись создана: 12.01.2013 в 21:32

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

URL

07:42

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

Квинтэссенция хаоса.

Доброго утра.

Такой вопрос - как прикрутить полосу в разделитель, чтобы её не мостило после поста? Мне нужна только одна полоса и чтобы она была под ссылками.
Пыталась по-разному, в итоге их либо две, либо что-то из этого налезает (или под постом, или то, что внизу коммента) на ссылки, двигала - и тогда вправо сдвигалась дата формата дд.мм.гг, после первого коммента о_О

Решено благодаря :kiss:

mahini:
.postLinksBackg {background: url('картинка') no-repeat 100% 100%; height:25px;}
.postLinksBackg.prevnext {background: none !important; }

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

URL

суббота, 12 января 2013

22:47

#myLinks не наследующий стили .menuSection li

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

Авторегрессионная условная гетероскедастичность

У меня возникла такая проблема:

вопрос

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

#writeToAuthor, #subscribeEmail, #unsubscribeEmail, #addToFav, #delFromFav, #tagslistlink, #authorFav, #authorQuot, #photolibLink, #headlineList, #myDiaryLink, #writeThisDiary, #myDraftLink, #umailLink, #myFavLink, #myQuotLink, #discussionLink, #myLinksLink, #myProfileLink, #albumLink, #optionsLink, #mainpageLink, #favListLink, #pchListLink, #iAmQuit, #myCommunitiesLink { width: 130px; text-simargin: 1px 0 5px 0px !important; text-align: left !important; padding: 5px 0px 5px 5px !important; border-bottom: 0px solid #ffffff ; border-left: 3px solid #ffffff; text-transform: uppercase; font-size: 8px!important;}
 #writeToAuthor:hover, #subscribeEmail:hover, #unsubscribeEmail:hover, #addToFav:hover, #delFromFav:hover, #tagslistlink:hover, #authorFav:hover, #authorQuot:hover, #photolibLink:hover, #headlineList:hover, #myDiaryLink:hover, #writeThisDiary:hover, #myDraftLink:hover, #umailLink:hover, #myFavLink:hover, #myQuotLink:hover, #discussionLink:hover, #myLinksLink:hover, #myProfileLink:hover, #albumLink:hover, #optionsLink:hover, #mainpageLink:hover, #favListLink:hover, #pchListLink:hover, #iAmQuit:hover, #myCommunitiesLink:hover {background: #eeeeee; width: 130px; border-left: 3px solid #f80000 }
 #writeToAuthor a:link, #subscribeEmail a:link, #unsubscribeEmail a:link, #addToFav a:link, #delFromFav a:link, #tagslistlink a:link, #postsCalendar a:link, #authorFav a:link, #authorQuot a:link, #photolibLink a:link, #headlineList a:link, #myDiaryLink a:link, #writeThisDiary a:link, #myDraftLink a:link, #umailLink a:link, #myFavLink a:link, #myQuotLink a:link, #discussionLink a:link, #myLinksLink a:link, #myProfileLink a:link, #albumLink a:link, #optionsLink a:link, #mainpageLink a:link, #favListLink a:link, #pchListLink a:link, #iAmQuit a:link, #myCommunitiesLink a:link {text-decoration:none !important;}
 #writeToAuthor a:visited, #subscribeEmail a:visited, #unsubscribeEmail a:visited, #addToFav a:visited, #delFromFav a:visited, #tagslistvisited a:visited, #postsCalendar a:visited, #authorFav a:visited, #authorQuot a:visited, #photolibvisited a:visited, #headlineList a:visited, #myDiaryvisited a:visited, #writeThisDiary a:visited, #myDraftvisited a:visited, #umailvisited a:visited, #myFavvisited a:visited, #myQuotvisited a:visited, #discussionvisited a:visited, #myvisitedsvisited a:visited, #myProfilevisited a:visited, #albumvisited a:visited, #optionsvisited a:visited, #mainpagevisited a:visited, #favListvisited a:visited, #pchListvisited a:visited, #iAmQuit a:visited, #myCommunitiesvisited a:visited {text-decoration:none !important;}
 #writeToAuthor a:hover, #subscribeEmail a:hover, #unsubscribeEmail a:hover, #addToFav a:hover, #delFromFav a:hover, #tagslisthover a:hover, #postsCalendar a:hover, #authorFav a:hover, #authorQuot a:hover, #photolibhover a:hover, #headlineList a:hover, #myDiaryhover a:hover, #writeThisDiary a:hover, #myDrafthover a:hover, #umailhover a:hover, #myFavhover a:hover, #myQuothover a:hover, #discussionhover a:hover, #myhovershover a:hover, #myProfilehover a:hover, #albumhover a:hover, #optionshover a:hover, #mainpagehover a:hover, #favListhover a:hover, #pchListhover a:hover, #iAmQuit a:hover, #myCommunitieshover a:hover {padding: 0px !important; text-transform: uppercase; }
 .menuSection a:link, .menuSection a:visited {text-decoration:none !important;}
 .menuSection a:hover { padding: 0px !important;}
 #login_form, #YaSearch, #upInChart, .order_button, #lastComments, #Stats, #pchs, #headlineList, #allDiaryLink, #faqLink, #communityCatalogueLink, #randomDiaryLink, #postsCalendar, #diarySpiritLink, #diarySupportLink, #paySupportLink, #rssLink, #authorAlbum, #myNotepadLink, #albumLink, #authorLinks, #authorAlbum {display: none; }

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

URL

11:38

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

Это всё я. Это всегда я. И даже когда вам кажется, что это не я - это всё равно я.

Здравствуйте.
Вопрос от нуба, увы, но что поделаешь)

Собираю css дизайн и решила выделить как-то красиво ссылки в меню. Хочу, чтобы менялся курсор. Вроде бы CSS это поддерживает, все, кроме версии "1".

Попыталась сделать - не выходит и всё.

Это вообще реально на дневниках или я что-то не так делаю?)

#side A:active {cursor: url('/userdir/2/7/1/3/271340/77278473.png') !important; text-decoration:none;}

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

URL

пятница, 11 января 2013

12:11

Вид меню с моего и с чужого дневника.

все записи пользователя в сообществе his dear detective

чистосердечное признанье заставил Ди писать Леон теперь и шеф зовёт беднягу о дорогой мой детектив

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

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

URL

четверг, 10 января 2013

00:16

position

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

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

доброго времени суток)
подскажите мне пожалуйста, если я делаю непрокручиваемое меню #side {position: fixed;} возможно ли вытащить какой-то блок, например название дневника, чтоб только он прокручивался, как обычно вместе со всей страницей, а всё остальное меню оставалось фиксированным?

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

URL

среда, 09 января 2013

16:09

ссылки: блоки ссылок, подсветка

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

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

1) Возможно как-то задать отдельные параметры для ссылок меню? text-decoration прописан underline overline, но я не хочу, чтобы ссылки в меню подчёркивались. все остальные - да, кроме этих.
2) Возможно ли подсветить текстовые ссылки при наведении? Ну, как эффект "внешнее свечение" в фотошопе) Очень надо подсветить ссылки Главная, Все дневники, Список избранных, Случайный дневник, @дневники: изнутри и FAQ белым. Остальные, судя по всему, тоже подсветятся, но на белом фоне этого будет не видно, так что без разницы.
3) Делятся ли вообще на дайри ссылки по блокам или отдельно можно регулировать параметры ссылок только #side h1 и #authorName?

@темы: текст, меню

URL

00:28

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

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

@темы: diaryCSS

URL


Запомнить