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

среда, 08 февраля 2012

16:07

Краткое избранное

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

fail better

Разработчики Дайри добавили краткий вариант избранного: diary-spirit.diary.ru/p172550332.htm

1. По-умолчанию всех переключили на него. Чтобы вернуть обычное избранное, нужно пойти сюда pay.diary.ru/options/member/?favourite и внизу переключить на один из вариантов с полным избранным.

2. Пункт в меню "Краткое избранное" - #mySFavLink { }

3. Ссылка на как бы группу "Краткая лента избранного" сверху на странице избранного - #favGroups a[href$="?fav"] { }

4. Пункт в меню "Краткое избранное", если у вас или посетителя вашего дневника включен режим "Обе ссылки" - #myFavLink ~ #mySFavLink { }

URL

14:59

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

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

Я, пожалуй, буду держать свое сердце в ножнах, а нож в груди.©

Здравствуйте. Не знаю, насколько это относится к дизайну, но надеюсь, что относится, как так проблема появилась именно после его смены.
Поставила дизайн с css и там есть два блока, один чтобы заполнять его ссылками, а второй - чтобы выставить ссылки на отдельные посты в дневнике, как я поняла. Собственно, вопрос как (где?) эти менюшки заполнить. Остальные две заполняются автоматически.
Прилагаю скриншот на всякий случай. Нужен ли код?

Скрин

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

URL

05:56

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

У моего дневника тёмный фон сообщений, на котором чёрные элементы смайликов (например, конечности у этого: :beg:

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

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

URL

вторник, 07 февраля 2012

22:18

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

Добрый человек сегодня был особенно зол и бесчеловечен. ©

Доброго времени суток.
Дизайн можно посмотреть не дневнике, он открыт.
Собственно, что я пытаюсь сделать и что не получается:
1. Как убрать название под надпись на эктратопе, чтобы оно было кликабельно, но при этом самой надписи видно не было? Пытался прописать картинкой, как с разделами меню, но не вышло, то есть почему-то напдись все равно появлялась над картинкой.
2. Как зафиксировать экстратоп так, чтобы записи с меню вместе под него уезжали? При position:fixed z-index:1! - ничего не меняется, при просто position:fixed или при position:fixed; z-index:1! эстработом вообще исчезает.
3. Плюс, мне надо, чтобы такие ссылки, как теги, дата поднятия записи, ссылки на сторонние ресурсы в постах, море и ссылки в эпиграфе, как и остальные, почеркивались на наведении на них мышкой.
А проблемы все еще актуальны. С меня - благодарность, хм, да хотя бы в виде дайрирублей, если уж на то пошло. Ибо сил уже нет с этим дизайном возиться и хочется добить.
Решено, спасибо MysteryLove.

запись создана: 04.02.2012 в 18:37

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

URL

21:07

пункт "краткое избранное"

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

у каждого свои наркотики

итак, кто будет зайкой и подскажет, какой id у пункта "краткое избранное", чтобы я его снесла?
с меня цветы, конфеты и похвалы)
заранее спасибо

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

URL

12:50

Ссылка наверх страницы

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

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

В табличном, кажется, дизайне с меню вверху есть ссылка наверх страницы #bottom_up. Во всех остальных ее нет, да?
А если ее в остальных конфигурациях где-то выудить можно - скажите где. Заранее огромное спасибо.

@темы: diaryCSS

URL

понедельник, 06 февраля 2012

17:55

все записи пользователя в сообществе pro-35

День добрый!Быть может,кто-то найдёт время подсказать?Не отображаются ссылки(комментарии,цитатник и т.д.) Явная ошибка с заданием цвета,но я никак не могу понять,где она.Времени заниматься серьёзно не было,поэтому код чужой,мною отредактированный в нескольких местах.Поэтому там вполне может быть много лишнего.
это вид дневника
вот они ссылки
код:

* html body{behavior:url("/files/csshover.htc";);}
* html #wrapper{overflow:visible;}
body {padding:10px !important; font-family: "Helvetica"!important; font-size:75%!important; color:#828282!important; background: url('/userdir/2/0/1/3/2013469/73458443.jpg');}
.postDate, .postTitle {color: #006400 !important; font-size:100%!important; font-weight:700!important;}
#wrapper{ background: #000000 ; padding:0 !important; width:980px; min-width:980px!important; margin:0 auto !important;overflow:hidden !important;}
#side {margin:0 !important; padding:0 !important;}
#side .bordered {width:980px;background: url('/userdir/2/0/1/3/2013469/73457057.gif'); height:125px; margin: 0 !important; padding: 0!important; position:absolute; top:10px; z-index:5;}
#side li {float:left; display:block; padding-right:7px!important;}
#side A, #side {color:#fff !important;}
#extratop {height:120px;}
#page-c {height:auto; margin:0!important}
#page-t {margin:0!important}
.singlePost {height: auto !important; height: 1em;border: 2px solid #828282 !important}
#thisDiaryLinks, #globalLinks, #thisDiaryInfo, #thisDiaryOwner, #myDiaryLinks, #lastComments,#pchs, h1 {clear:none; float:left; display:block; width:100px; height:26px; margin:0!important; }
#thisDiaryLinks ul, #globalLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #lastComments ul,#pchs ul{ display:none; width:960px; padding:10px 10px; position:absolute;left:0; top:90px;}
#lastComments ul li {float:left; width:450px!important; margin-right:20px; height:40px; border-bottom: 1px dashed #ddd !important;}
#lastComments:hover ul, #lastComments ul:hover,#globalLinks ul:hover, #thisDiaryOwner:hover ul, #thisDiaryOwner ul:hover #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryLinks:hover ul, #thisDiaryLinks ul:hover {display:block!important; z-index:10;}
#myDiaryLinks, #myDiaryLinks ul {display:block;}
#thisDiaryLinks ul {background:#000000 !important;}
#thisDiaryLinks {background:#000000 !important;no-repeat;}
#myDiaryLinks ul {background:#}
#myDiaryLinks {background:# no-repeat;}
#thisDiaryOwner ul {background:#000000 !important;}
#thisDiaryOwner {background:#000000 no-repeat;}
#lastComments ul {background:#000000 !important;}
#lastComments {background:#fff no-repeat;}
#thisDiaryPhoto, #paySupportLink, #diarySupportLink, #diarySpiritLink, #myLinksLink, #upInChart, #myProfileLink, #NContent, #login_form, #mainpageLink,#lastComments_title {display:none !important;}
#thisDiaryInfo { width:100px;text-align:right; padding: 10px 100px 0 0!important; }
#thisDiaryInfo, H1 {font-size:130%!important;margin:0!important; height:100px!important;}
H1 { width:700px;text-align:left!important; padding:10px 0 0 10px!important;}
.search {width:160px !important;}
.header {color:#32CD32 ! important;}
.sign {font-size:80%; color:#fff;}
#TagsList {padding:0 !important; margin:0!important; position:absolute;left:0; top:-55px;}
#TagsList LI {border-bottom: 1px dashed #ddd; display:block; height:20px; float:left; width:140px!important; margin-right:10px!important;}
#TagsList LI A {padding:0 !important; }
.comments {background: # no-repeat; padding:0 0 0 20px!important;}
.subscribe {background: # no-repeat; padding:0 0 0 20px!important;}
.addToQuote {background: # no-repeat; padding:0 0 0 20px!important;}
.umail, .email {background: # no-repeat; padding:0 0 0 20px!important;}
.diary {background: # no-repeat; padding:0 0 0 20px!important;}
.profile {background: # no-repeat; padding:0 0 0 20px!important;}
.bordered, .menuSection {border: none !important;}
.text, textarea, #mce_editor_0, #mceSpanFonts {font-family: "Helvetica",Arial,sans-serif!important;border:#fff 1px solid!important;color:#fff!important}
#JournalComments .singlePost div.authorName, #JournalComments .singlePost div.commentAuthor {display:none;}
#JournalComments .singlePost div.paragraph {margin:0!important;}
#codebuttons a {float:left;}
#codebuttons {clear:both;}
#mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}

URL

17:25

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

Верните меня в прошлое, там было такое счастливое будущее...

Я совсем неопытная в СSS, может кто нибудь пожалеет неумеху и скажет, что надо сделать (((
На главной странице оба бордюра на месте, а в комментариях правый исчезает, это можно исправить?
картинка

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

URL

14:53

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

Так да светит свет ваш пред людьми...

Некая проблема с цитированием образовалась. Не появляется кнопка "цитировать" при выделении текста. Тестили в разнообразных браузерах - не работает и всё тут. Может быть найдутся добрые люди, что ткнут носом неразумного в предполагаемую ошибку в коде, бо сам ну никак додуматься не могу, в чем тут может быть дело. Мож чего убрать/добавить требуется...
Заранее очень благодарен.
Код:

 body {background-image: url('/userdir/1/0/5/7/1057470/73431114.jpg'); background-repeat: no-repeat !important; background-attachment: fixed; background-position: relatiwe; background-position: bottom right !important; }
 #extratop { background: url('/userdir/1/0/5/7/1057470/73416197.png') no-repeat; !important; background-position: center; width: 877; height: 456px; line-height: 100% !important; }
 #wrapper {min-width: 877px !important; width: 877px; margin:0 auto !important; float: left !important; position: relative;}
 #YaSearch, #myStatLink {display:none;}
 #side {width: 877px !important; margin:0 !important; background: url('/userdir/1/0/5/7/1057470/73416226.png'); text-shadow: 1px 1px 7px #000000; position: relative;}
 #side ul {background: url('/userdir/1/0/5/7/1057470/73416226.png'); }
 #postsArea, #commentsArea, #addCommentArea {padding-left:40px !important; padding-right:45px !important; margin: 20px 20px 20px 20px; background: url('/userdir/1/0/5/7/1057470/73416226.png'); position: relative;}
 .singlePost{padding-left:5px !important;}
 .singlePost{padding-right:5px !important;}
 .singlePost{padding-bottom:5px !important;}
 .singlePost{padding-top:25px !important;}
 .postContent{font-style: normal; display: block; margin: 20px;padding: 20px; border:1px solid #413e39; background: url('/userdir/1/0/5/7/1057470/73416245.png');}
 .postLinksBackg {display:block !important; margin-top: 5px !important; padding:15px 10px 20px 0px !important; position: relative;}
 .avatar img {border: 3px double #413e39; position: relative;}
 .urlLink {position: relative; left: 15px;}
 .postActionLinks {position: relative; right: 3px;}
 .header h2 {position: relative; left: -22px; }
 .postDate span {position: relative; right: 25px; font-size: 15px; padding: 0px 15px 1px 7px; text-shadow: 0px 0px 1px #000000; color: #545454}
 .header span {position: relative; right: 42px; font-size: 14px; }
 .postActionLinks {position: relative; right: -50px;}
 .authorName {position: relative; left: 23px;}
 span.quote_text {font: 12px Tahoma; display: block; margin: 15px 5px 0px 5px; padding: 15px 15px 5px 15px; border-top:1px solid #413e39; border-bottom: 1px solid #413e39;}
 .htmlbox textarea, input.text, #trspisok textarea, #close_text {color: #545454 !important; }

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

URL

воскресенье, 05 февраля 2012

01:15

границы постов

все записи пользователя в сообществе Karasu-Sora

☆Ad finem fidelis.

Уважаемые знатоки css! Будьте добры, помогите вот с этим:

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

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

URL

пятница, 03 февраля 2012

19:20

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

Не будь как все – будь как все!

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

 {---------display:none----------}
 #thisDiaryPhoto, #upInChart, #tagslistlink, #postsCalendar, #rssLink, #thisDiaryLinks, #myDraftLink, # #myDiaryLinks ul, #myNotepadLink, #myQuotLink, #myLinksLink, #myProfileLink, #albumLink, #optionsLink, #photolibLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #iAmQuit, #myLinks, #pchs, #lastComments, #Stats, #headlineList, .header.order_button, .profile, .email, .prevnext, .sign, #epigraph, #favGroups .opac6, #side h1 .opac6, .atMusic, .atMood, .atTag span, {display:none !important;}
 #thisDiaryLinks ul, #globalLinks ul, #myDiaryLinks ul, #lastComments ul, #pchs ul, #thisDiaryOwner ul, #myDiaryLinks, #thisDiaryLinks ul, #globalLinks, #thisDiaryOwner, #myDiaryLinks, #myDiaryLinks ul, #lastComments, #pchs, #iAmQuit, #myDiaryLinks b {display:none;}
 #addToFav {display:block;}
 #myDiaryLinks, #myDiaryLinks ul {display:block;}
 #thisDiaryPhoto, #paySupportLink, #diarySupportLink, #diarySpiritLink, #myLinksLink, #upInChart, #NContent, #login_form, #pchs_title, #lastComments_title, #myNotepadLink, #albumLink, #myDraftLink, #photolibLink, #myQuotLink, #thisDiaryLinks_title {display:none !important;}

@темы: меню

URL

четверг, 02 февраля 2012

01:12

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

Не грусти пацан, что не поехал в пятницу на посёлок, пускай грустит тот, кого там не ждут.

Доброго времени суток!
В эпиграфе у меня находится add_block, прописанный через css. Мне нужно, чтобы он отображался только на основной странице дневника. Адреса черновика/избранного/и.т.д мне удалось найти, но на новую запись такой ссылки нет. Можно ли как-то прописать, чтобы он не отображался и на странице создания новой записи?
Этот же блок должен быть обтекаем текстом. Я вставила в сам эпиграф картинку цвета фона, сделала ее обтекаемой, а блок просто находится над ней. Мозилла и хром показывают все правильно, а вот опера только так. В чем может быть проблема?

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

URL

00:49

Аватар за поля

все записи пользователя в сообществе -=Beautiful Art Community=-

Хочу что бы аватр выходил за границы, но двигая его он просто обрезается. как это исправить?

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

URL

суббота, 28 января 2012

20:45

Убрать отступ

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

Слова - врата ума, если держать их открытыми ум ускользнет наружу

Мой код:

 #extratop {background: url('/userdir/1/4/8/2/1482130/73305157.jpg') 0 0 no-repeat; background-position:center; height:250px; width:100%;}
 body { background-image: url('/userdir/1/4/8/2/1482130/73274810.gif') !important; }

Скриншот дизайна:

Подскажите как убрать отступ над красным квадратом. Заранее спасибо.

URL

15:37

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

Добрый день, подскажите, что за ерунда происходит.
Есть два дневника с почти одинаковым кодом и одними и теми же картинками.
Только почему-то фон одного дневника выглядит чуть более крупнее, так же как и #wrapper (и там и там ширина 700px).
Отчего так? Настройки одинаковые - дизайн блочный и там и там.
Дневник с крупным фоном и блоком записей
Более "аккуратный" дневник

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

URL

пятница, 27 января 2012

02:08

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

Слова - врата ума, если держать их открытыми ум ускользнет наружу

i.piccy.info/i7/bc07f92a531b4a0817ff437426562ba...
Данного результата удалось достигнуть использовав при этом следующий код:

#extratop {background: #ccc url('/userdir/1/4/8/2/1482130/73305157.jpg') 0 0 no-repeat; height:250px; width:354px;}
 body { background-image: url('/userdir/1/4/8/2/1482130/73274810.gif') !important; }

Подскажите пожалуйста как можно изменить расположение картинки на следующее: «по центру» и «по правому краю». Заранее благодарен.

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

URL

суббота, 21 января 2012

20:34

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

на самом деле сладкий пирожок с добром и матами

Здравствуйте, возник такой вопрос. Самостоятельно разобраться не вышло.
У меня на фоне записей стоит повторяющееся картинка, в коде это реализовано так:

 #page-c{background:url('/userdir/1/8/9/6/1896775/72955648.jpg') repeat-y !important;}

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

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

URL

пятница, 20 января 2012

20:49

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

я поместился после смерти в сознания ста воробьёв и было весело и странно когда распугивали их

Мой дизайн у некоторых пользователей сильно тормозит при проматывании, особенно в Опере. Как можно это решить, не снимая CSS?

Простенький мой код на всякий случай

#wrapper{width:900px;min-width:0;}
 #side{width:120px;}
 .left #page-c {margin-left:-120px;}
 .left #page-t {margin-left:120px;}
 #extratop{height:475px;background:url('/userdir/1/6/8/0/1680765/73204626.gif') 50% 0 no-repeat; }
 .countSecond, .countFirst , .singleComment {background: url('/userdir/1/6/8/0/1680765/72993146.png') no-repeat; background-position:bottom; !important; }
 body{ background-attachment:fixed; }

@темы: diaryCSS

URL

10:58

все записи пользователя в сообществе Orm-Dian

писатель атмосфер

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

когда я добавляю в экстратоп {position: fixed; z-index: x}, картинка становится такой:

как решить проблему? заранее спасибо)

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

URL

вторник, 17 января 2012

01:31

Анимированный экстратоп

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

Alan FrostFox | сержант морской пехоты Д.К.

Доброго времени суток, в поиске ответа не нашел.
Если не там искал - ткните носом в ответ, пожалуйста.

Возможно ли на дайри использовать анимированные изображения в дизайне?
эстратоп-экстработтом интересуют

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

URL


Запомнить