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

понедельник, 16 марта 2009

06:01

Большая фотография.

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

Подумалось мне, что большое фото в дневнике можно сделать куда попроще, нежели предложено здесь. (Кроме того, тот способ не подойдет для пользователей, у которых проставлен фон для блока thisDiaryInfo - иначе этот фон просто заменится фотографией.)
Так же ставите в настройках дневника на фото прозрачное gif или png-изображение размером 1х1px, а в CSS прописываете код:
#thisDiaryPhoto { background:url('изображение из вашей БИ') no-repeat; height: высота вашей картинкиpx !important;}
Адекватно отображается в Опере, Мозилле и ИЭ 7. За шестой не ручаюсь - не проверял.

@темы: меню

URL

воскресенье, 15 марта 2009

20:47

убрать главное меню

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

Вам неприятны гомосексуалисты? Потому что вам неприятен «сам процесс»? Ну, тогда вы просто извращенец, любящий подглядывать в замочную скважину чужой спальни, еще и возмущаясь при этом: «Фи, какая гадость!»

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

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

URL

19:48

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

...неожиданно для нас он устроил мастеркласс

Здравствуйте
Скажите, как в блочном дизайне убрать рамки у #side?
#side{border:none !important} не работает.

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

URL

17:07

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

Зачем нам нужно вдохновенье // Сделай глубже вдох // Ни для кого не откровенье // Что Шепард сдох

#wrapper на самом деле не обрамляет содержание, а только #extratop (Firefox, Opera)
пытался сделать рамочку вокруг содержания

URL

13:05

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

И тогда я поняла - этот город меня больше не любит.

Оплатила себе CSS. А что с ним делать не знаю.
Как дизайн на CSS изменить?

URL

суббота, 14 марта 2009

21:58

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

У каждого человека свои звезды.

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

@темы: меню

URL

13:26

Текст посередине и некликабельность в IE

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

o~Kто качался на моём стульчике и сломал его?T.T~o

Привет ребята, вот решила поставить цсс и тут же возникли маленькие проблемки:
1. Первое:

как сделать так чтобы текст в комментариях был не посередине а "как обычно" слева?
2. Второе:
этот вопрос я как погляжу задавался много раз, но даже следуя советам у меня не получилось ничего толкового
и это не кликабельность ссылок в Эксплорее я читала что надо вставлять какое то "a" и прочее но после этого у меня вобще пропадает полупрозрачность
Проблема решена - спасибо Walterka
Помогите кто может онегай! Вот мой код :
Смотреть?

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

URL

пятница, 13 марта 2009

22:36

все записи пользователя в сообществе Том Реддл

.ни страха. ни совести. ничего лишнего

Помогите пожалуйста исправить вот это:

Вот код:
span.quote_text {font-style:normal; display:normal; margin:5px;padding: 5px; border:1px solid #777; font-size: 97%; background: #f7f7f7; }

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

URL

19:06

Вынесение эпиграфа над меню и блоком записей под экстратоп.

все записи пользователя в сообществе Maria+Holic

В сообществе не нашла четкого ответа на вопрос.
Хочу вынести #epigraph под экстратоп, чтобы находился над меню и блоком записей.
Место под него освободила, вставив #page-c {margin-top: 100px !important;}
#side {padding-top: 100px !important;}.
Эпиграф предложенную ему нишу занял, но..Но только над блоком записей. Залезать на блок с меню он отказывается.
После нескольких часов поисков в сообществе(Да и не в нем одном =_=) ничего про эту проблему не нашла.(
Очень надеюсь на вашу помощь. Заранее спасибо. х_х

код

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

URL

11:34

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

Save me Barry!

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

попыталась покапаться в коде и оказалось вот что, но никак не знаю как убрать ЭТО ((((

Вот мой код на всякий случай

#extratop { background: url("/userdir/5/0/3/6/503693/39002003.jpg") 50% 50% no-repeat; height:333px; clear:both;}
 #wrapper{ background:#E9E0B5; padding:0 !important; width:872px; min-width:872px!important; margin:0 auto !important; overflow:hidden !important; position: relative !important}
 #page-c {width:872px !important; padding:0 !important; padding:0 !important}
 #page-t {margin:0!important}
 .bordered, .menuSection {border: none !important;}
 .postDate { border:1px solid #866b93; letter-spacing: 2px; font: normal bold 115% Verdana !important; padding:4px !important; text-transform: lowercase;}
 #extratop { background: # no-repeat; width: 872px; height: 333px; }
 #side h1 a{position:absolute; top: 440px; left:30px; font-size: 32px; color: #8a402d !important}
 #mainpageLink { position:absolute; top: 30px; left: 700px;}
 #randomDiaryLink { position:absolute; top: 50px; left: 695px;}
 #myDiaryLink { position:absolute; top: 67px; left: 710px;}
 #myCommunityLink a b{position: absolute; top:90px; left: 705px; }
 #writeThisDiary { position:absolute; top: 103px; left: 715px;}
 #umailLink { position:absolute; top: 120px; left:735px;}
 #myFavLink { position:absolute; top: 137px; left:722px;}
 #discussionLink { position:absolute; top: 156px; left:722px;}
 #optionsLink { position:absolute; top: 175px; left:720px;}
 #addToFav, #delFromFav { position:absolute; top:192px; left: 690px;}
 #photolibLink { position:absolute; top:211px; left: 715px;}
 #iAmQuit { position:absolute; top: 260px; left: 735px;}
 #myQuotLink , #writeToAuthor,#Stats, #pchs, #pchs ul, #tagslistlink, #randomDiaryLink, #upInChart , #albumLink, #allDiaryLink, #favListLink, #myCommunitiesLink, #diarySupportLink, #paySupportLink, #faqLink, #topNav , #more_login, #diarySpiritLink , div#YaSearch.menuSection, #pchListLink , #communityCatalogueLink , #myLinks , #authorLiks , #headlineList, #myLinksLink, #login_form, #lastComments, #myQuotLink , #postsCalendar, #rssLink , #myDraftLink , #myProfileLink , #authorFav, #authorQuot, #authorAlbum, #albumLink , #QuotLink , #writeToAuthor, #subscribeEmail, #unsubscribeEmail, #sortFromBegin, #sortFromEnd, .header #sortFromLastComment, #authorName{display:none!important}
 #photolibLink A {content:'Изображения';}
 #epigraph{display:none}
 #authorName{display:none}
 #side h1{display:none}
 #sortOrder{display:none}
 #thisDiaryInfo{display:none}
 .order_button {display: none}
 .postDate {text-align: center !important; }

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

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

URL

четверг, 12 марта 2009

10:58

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

Глядя в глаза...

скажите пожалуйста код. для прозрачности фона записи..?

URL

среда, 11 марта 2009

20:18

Приветствую.

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

Она всегда сногсшибательно выглядит, мило улыбается, флиртует, все парни без ума от нее, и лишь подруга знает, что на самом деле она - Федор

Подскажите пожалуйста, почему этот код не работает, т.е картинка не вставляется в экстратоп?
#extratop {background: url('/userdir/6/2/9/4/629408/38940782.jpg'##//static.diary.ru/userdir/6/2/9/4/629408/38940782.jpg') no-repeat top !important; width: 800px; height:613px;body{padding:0px}

И как сделать фон записи прозрачным?

UPD: Дизайн готов, всем спасибо за помошь.

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

запись создана: 11.03.2009 в 17:07

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

URL

10:11

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

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

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

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

URL

01:43

проблемы с кодом.

все записи пользователя в сообществе :yume-chun:

"Мне кажется, я болен..." [c] Saga

тут возникли непонятные проблемы.
i022.radikal.ru/0903/50/43d1c66add1c.jpg почему картинка разделителей висит в двойном экземпляре под эпиграафом ?_?

#wrapper{min-width:700px!important;width:700px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #side{width:150px !important;margin:0 !important; pagging:5px ! important }
 #page-c{width:550px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}
 #extratop { background: url('/userdir/7/0/2/9/702933/38924291.jpg') !important; width:700px; height:467px; line-height: 100% !important; }
 #side { text-transform: lowercase; }
 #postsCalendar {display:none; }
 #rssLink {display:none; }
 #upInChart {display:none; }
 #albumLink {display:none; }
 #favListLink {display:none; }
 #pchListLink {display:none; }
 #diarySpiritLink {display:none; }
 #myLinksLink {display:none; }
 #allDiaryLink {display:none; }
 #communityCatalogueLink {display:none; }
 #myCommunitiesLink {display:none; }
 #randomDiaryLink {display:none; }
 #diarySpiritLink {display:none; }
 #diarySupportLink {display:none; }
 #paySupportLink {display:none; }
 #faqLink {display:none; }
 #lastComments {display:none; }
 #fromAnotherName, #fromAnotherPass { width: 111px; }
 a:hover,a:active{color:#EADCAF !important; }
 #side h1 img {display: none}
 .countFirstDate,.countSecondDate, .header { text-align:center; margin-bottom:-2px; }
 body{ background-attachment:fixed; }
 .avatar img { border-width:1px; border-color:#000000; border-style:dashed; padding:1px;}
 A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 1px; border-bottom-color:#7fe75f;}
 .menuSection {text-align:center; }
 .atMusic em { font-size: 0 px; background: url('/userdir/7/0/2/9/702933/38924069.gif') no-repeat 0; padding-left: 58px !important; }
 .atMusic em SPAN { position: absolute; left:-1000px; }
 .atMood em { font-size: 0 px; background: url('/userdir/7/0/2/9/702933/38924066.gif') no-repeat 0; padding-left: 51px !important; }
 .atMood em SPAN { position: absolute; left:-1000px; }
 .atTag em { font-size: 0 px; background: url('/userdir/7/0/2/9/702933/38924075.gif') no-repeat 0; padding-left:15px !important;}
 .atTag em SPAN { position: absolute; left:-1000px;}
 .singlePost {padding-bottom:100px !important; background: url('/userdir/7/0/2/9/702933/38924492.png') center bottom no-repeat; }

запись создана: 11.03.2009 в 01:33

URL

вторник, 10 марта 2009

08:17

Лишнее пространство

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

Save me Barry!

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

читать дальше
И можно ли как-нибудь изменить цвет только даты, отдельно от заголовка.
Буду очень признательна за помощь.

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

URL

02:33

Некорректное отображение подписи в Сафари и Chrome.

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

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

UPD: Оказывается, в ИЭ 7 перестал отображаться полупрозрачный фон записей. При этом с полупрозрачным фоном меню все в порядке. Коды вроде бы одинаковы, с разницей в #элементе...

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

URL

воскресенье, 08 марта 2009

23:38

Ссылки-картинки

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

Космический котик

Доброго времени суток. Я в сообществе довольно долго, но такой вопрос тут еще не рассматривался. Во всяком случае, я не видела =) Вопрос довольно нетривиальный. В моем дневнике ссылки названия дневника и имени автора заменены картинками и их положение настроено так, чтобы занимать определенные места на экстратопе при разрешении 1280:1024. Для придания такого положения я знаю 2 способа:
- #элемент { position:absolute; top: 25px; left: 985px;} - указание горизонтальной координаты в пикселях
- #элемент { position:absolute; top: 25px; left: 76%;} - указание горизонтальной координаты в процентах
Отсчет идет от левого края страницы. Проблемы начинаются при просмотре с разных разрешений (например, 1280:1024 и 1024:768). При первом способе ссылки со своих мест на экстратопе "уезжают". При втором - ссылки остаются фиксированными, но "уезжают" их места на экстратопе из-за перемены разрешения.
Я подумала, что избежать этого можно, прописав отступ не от левого края страницы, а от левой границы контейнера дневника, wrapper.
Скажите, как построить для этого код?..
И как сделать так, чтобы эти ссылки не подчеркивались пунктиром, как все остальные?..

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

URL

00:07

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

Борюсь с хаосом. Хаос обречен.

Здравствуйте.

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

Нашел только вот этот способ, он подходит лишь для блока записи.

@темы: меню

URL

пятница, 06 марта 2009

11:34

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

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

@темы: текст

URL

01:59

Иконки у ника.

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

Добрый вечер. Поставить иконку перед ником автора довольно просто. А можно ли сделать так, чтобы иконка находилась с обоих сторон ника? Или же под ником (например, аналогично выглядят иконки рейтингов на форумах fastbb).
Т.е., можно ли сделать так, чтобы все выглядело следующим образом:
* Ник *
или
Ник
*****
Аватар
На месте звездочек - иконка.
Буду рад, если кто-нибудь поможет.

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

URL

Последние 1 …60 …80 …99 100 101 102 103 …120 …140 …259