@CSS — стилизация дневников — @дневники: асоциальная сеть

воскресенье, 07 октября 2012

17:28

"Липкое" меню

все записи пользователя в сообществе made by...

В сражениях за истину последняя участия не принимает!

День добрый!
Хотелось узнать, возможно ли в личных дневниках реализовать "прилипающее" меню наподобие главной страницы дайри? То есть, не просто зафиксировать раскрывающееся меню, а именно сдвигаемое. И если да, какие блоки и код задействованы?
Насколько я понимаю, изменение position с inherit на fixed происходит с использованием java.

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

URL

воскресенье, 30 сентября 2012

21:41

выпадающее меню

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

Не поверишь, я никак не могу понять, почему в алфавите есть я, а ты нет (с) Если не наступит тебя- ничего не будет.

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

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

URL

13:02

Ссылки меню

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

I've murdered half the town Left you love notes on their headstones I'll fill the graveyards Until I have you

Добрый день, уважаемые сообщники)
Помогите мне, пожалуйста, я понимаю, что где-то ошиблась ,но не могу понять где именно.
Почему-то часть слок меню у меня являются не ссылками, а просто надписями.

 #extratop { background:url('/userdir/1/4/4/3/144393/53493890.jpg') no-repeat; !important; width: 100%; height:449px; !important;}
 #wrapper{background: #060b12; min-width:800px!important; width:800px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important; border:3px solid #5bc0ea; margin-top:-9px !important; margin-bottom:-10px !important; padding:0 !important; margin-top:-9px !important; margin-bottom:-10px !important; float: right!important;}
 #page-c {width:800px !important; padding:00 !important; margin:0 !important}
 #page-t {margin:0 !important;}
 #page-c img{filter: alpha(opacity=50); opacity: 0.6; -moz-opacity: 0.6;}
 #page-c img:hover{filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0;}
 #mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}
 .countFirstDate,.countSecondDate,.pageBar,.header {text-align:center;}
 .avatar img { border-width:1px; border-color:#a2d5ea; border-style:solid; padding:1px; display: block;}
 A:hover {cursor:crosshair; border-style:1px dotted #fff;}
 a:hover,a:active{color:#386b8b!important; border-style:2px dotted #d2f0fc;}
 .singlePost{padding-left:5px !important;}
 .singlePost{padding-right:10px !important;}
 .singlePost{padding-bottom:0px !important;}
 .singlePost{padding-top:15px !important;}
 #thisDiaryLinks {display:none}
 #thisDiaryOwner { position: absolute; right: 230px; top: 300px; width:160px !important; text-align:right;}
 #myDiaryLinks{ position: absolute; right: 130px; top: 300px; width:160px !important; text-align:right;}
 #globalLinks{ position: absolute; right: 10px; top: 300px; width:160px !important;text-align:right;}
 #iAmQuit {display:none}
 #thisDiaryLinks ul, #myDiaryLinks ul, #thisDiaryOwner ul, #globalLinks ul, #myLinks ul, #Stats ul, #pchs ul, #lastComments ul { text-transform: lowercase; line-height:95% !important;letter-spacing: 0px !important;font-size: 11px !important; }
 #thisDiaryLinks ul a, #myDiaryLinks ul a, #thisDiaryOwner ul a, #globalLinks ul a, #myLinks ul a, #Stats ul a, #pchs ul a, #lastComments ul a {color: #87c4eb!important; letter-spacing: 0px !important; font-size: 11px !important;}
 #side h1 a{position:absolute; top:10px;right:10px; font-size: 17px; color: #8ac4f6!important;text-transform: uppercase; font-family: Yonezawa; }
 #epigraph, #post0 {padding-bottom: 0px !important;}
 #upInChart {display:none}
 #diarySupportLink {display:none}
 #paySupportLink {display:none}
 #rssLink {display:none}
 .quote_post {display:none}
 #myDraftLink {display:none}
 #upInChart {display:none}
 #more_login {display:none}
 #myStatLink {display:none}
 #YaSearch {display:none}
 #urlLink {display:none}
 #sortOrder {display:none}
 #authorLiks {display:none}
 #photolibLink {display:none}
 .paragraph{overflow: auto;}
 #diarySpiritLink {display:none}
 #faqLink {display:none}
 #headlineList {display:none}
 #topNav {display:none}
 .header h2 {display:none;}
 .postDate {text-align:left !important; font-family: Arial; font-size: 13px !important; color: #a745fb!important; text-transform:uppercase; line-height: 55%; }
 .header span{font-family: Yonezawa; color: #91d1de; font-size: 20px; text-transform:lowercase; line-height: 55%;}
 .atTag {margin: 5px 0 !important; font-family: Trebuchet MS; color:#29567a!important; font-size: 8px !important; padding: 5px !important; border: 1px dotted #19f4e4; width: 90% !important;}
 #authorName {display:none;}
 body{ background-attachment:fixed; }
 body:{ background-image:url('/userdir/1/4/4/3/144393/75971625.jpg'); }

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

URL

понедельник, 24 сентября 2012

14:43

все записи пользователя в сообществе freneza heliko **@

"Hell is other people. …On second thought, hell is myself" (с) Daria Morgendorffer

Снова я и надеюсь на помощь.
Вот проблема: съедается кусок аватары слева и сверху.
Я уже столько всего передумала, что просто запуталась и понятия не имею, в чём дело. Прошу вашей помощи.
суть проблемы
код

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

URL

суббота, 22 сентября 2012

14:31

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

за химию и в белом.

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

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

URL

вторник, 18 сентября 2012

13:19

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

Ученик колдуна

Добрый день, уважаемые мастера.
Я совершеннейший ноль в css, умею только ставить дизайны. У меня долгое время стоял отличный диз, а потом ни с того, ни с сего все перекосило: текст дневника, даты и комментарии стали отображаться посередине вместо левой стороны, экстратоп тоже уехал на центр экрана... Подскажите, пожалуйста, что надо изменить в коде, чтобы вернуть все на место?
Превью

код

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

URL

11:10

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

пизденящий душу леденец...

Подскажите можно ли при выпадающем меню ограничить количество "тем записей"? Например чтобы показывало только 5 наиболее многочисленных, а потом сразу шло "все темы" или сразу только "все темы"?

@темы: меню

URL

понедельник, 17 сентября 2012

15:54

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

скрин

подчеркнуты ссылка на дневник и ссылка на профиль. как прописать их в коде, чтобы исправить цвет ссылок?

найдено самостоятельно тт
.paragraph .TagL {color: # !important;}

URL

воскресенье, 16 сентября 2012

18:37

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

пизденящий душу леденец...

Здравствуйте)
Подскажите как изменить стиль подчеркивания ссылок с прямой линии на точечную?

URL

вторник, 11 сентября 2012

04:01

прошу прощения за беспокойство ) и дурацкий вопрос

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

и нет ни печали, ни зла

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

гзв: а как прописать прозрачный фон комментариям?.. :жалобный смайл:

URL

воскресенье, 09 сентября 2012

22:53

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

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

Доброго всем.Есть код для автоматического уменьшения изображения читать дальше, в дневнике он работает прекрасно, а когда выхожу в избранное - всё по-старому и со скроллбаром. Так вот вопрос: что с ним надо сделать чтоб оно заработало и в ленте избранного? Такое вообще возможно?

@темы: diaryCSS

URL

15:03

все записи пользователя в сообществе .Femme douce

Люблю и любима.

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

@темы: diaryCSS

URL

суббота, 08 сентября 2012

20:55

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

Lass' es untergehen © Im Ascheregen

Как ответили постом ниже, чтобы убрать кнопку "Пожаловаться" нужно прописать .Attention {display: none !important;}.
Но это убирает кнопку только в самом дневнике, в Избранном она остается. Как убрать "Пожаловаться" из Избранного?

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

URL

16:17

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

«Я лишь хотел рассказать интересную историю» © Бенуа Сокаль

День добрый. Не подскажите как убрать из эпиграфа кнопки "URL" (её я, собственно, уже сам убрал) и "Пожаловаться"? Или даже лучше как убрать всю эту неожиданно появившуюся панель с этими кнопками, растянувшими вниз мой эпиграф.

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

URL

15:06

все записи пользователя в сообществе freneza heliko **@

"Hell is other people. …On second thought, hell is myself" (с) Daria Morgendorffer

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

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

скрин

код

проблема решена так: #wrapper, #side {width:700px;min-width:0 !important;}

2. Можно ли сделать меню как вот здесь, но название дневника и ник вытащить, собственно, под меню?

Заранее благодарю.

запись создана: 07.09.2012 в 16:08

@музыка: Mushroomer - Uta's Grotto

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

URL

02:40

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

Добрый день. Нужна помощь с кодом, меняющим цвет ссылки при наведении только на название дневника.

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

URL

четверг, 06 сентября 2012

05:21

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

1.Подскажите, пожалуйста, как отцентрировать цитату. В комментариях все в порядке, цитата ровно по центру рамки, а вот в самих записях или в записях избранного - вот так:
Код:
#JournalQuote .paragraph {margin-left:130px;} span.quote_text {font-style:normal; display: block; border:1px solid #FCFFDA; font-size: 100%;margin: 10px;padding: 10px;}
Спасибо.
Решено благодаря Тайя, которая душит романтиков.
2. При перепосте и в избранном картинки/видео выходят за пределы рамки, как прописать им скролл?
3. Собственно, идея дизайна взята отсюда, соответственно, хочу попробовать присобачить над блоком записи кнопочки как там и вынести в них некоторые пункты меню, но пока даже не знаю, как подступиться. Буду благодарен за идее и тыканье носом во что-нибудь похожее)

запись создана: 01.08.2012 в 02:30

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

URL

понедельник, 03 сентября 2012

16:34

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

Архи Дея

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

подскажите, пожалуйста, как в CSS увеличить расстояние между строками и расстояние между буквами?

@темы: текст

URL

13:03

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

I've murdered half the town Left you love notes on their headstones I'll fill the graveyards Until I have you

Добрый день, уважаемые сообщники)
Помогите мне, пожалуйста, я понимаю, что где-то ошиблась ,но не могу понять где именно.
Почему-то часть слок меню у меня являются не ссылками, а просто надписями. yuna-kairi.diary.ru/?design=3247601&no_cookies&...

 #extratop { background:url('/userdir/1/4/4/3/144393/53493890.jpg') no-repeat; !important; width: 100%; height:449px; !important;}
 #wrapper{background: #060b12; min-width:800px!important; width:800px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important; border:3px solid #5bc0ea; margin-top:-9px !important; margin-bottom:-10px !important; padding:0 !important; margin-top:-9px !important; margin-bottom:-10px !important; float: right!important;}
 #page-c {width:800px !important; padding:00 !important; margin:0 !important}
 #page-t {margin:0 !important;}
 #page-c img{filter: alpha(opacity=50); opacity: 0.6; -moz-opacity: 0.6;}
 #page-c img:hover{filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0;}
 #mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}
 .countFirstDate,.countSecondDate,.pageBar,.header {text-align:center;}
 .avatar img { border-width:1px; border-color:#a2d5ea; border-style:solid; padding:1px; display: block;}
 A:hover {cursor:crosshair; border-style:1px dotted #fff;}
 a:hover,a:active{color:#386b8b!important; border-style:2px dotted #d2f0fc;}
 .singlePost{padding-left:5px !important;}
 .singlePost{padding-right:10px !important;}
 .singlePost{padding-bottom:0px !important;}
 .singlePost{padding-top:15px !important;}
 #thisDiaryLinks {display:none}
 #thisDiaryOwner { position: absolute; right: 230px; top: 300px; width:160px !important; text-align:right;}
 #myDiaryLinks{ position: absolute; right: 130px; top: 300px; width:160px !important; text-align:right;}
 #globalLinks{ position: absolute; right: 10px; top: 300px; width:160px !important;text-align:right;}
 #iAmQuit {display:none}
 #thisDiaryLinks ul, #myDiaryLinks ul, #thisDiaryOwner ul, #globalLinks ul, #myLinks ul, #Stats ul, #pchs ul, #lastComments ul { text-transform: lowercase; line-height:95% !important;letter-spacing: 0px !important;font-size: 11px !important; }
 #thisDiaryLinks ul a, #myDiaryLinks ul a, #thisDiaryOwner ul a, #globalLinks ul a, #myLinks ul a, #Stats ul a, #pchs ul a, #lastComments ul a {color: #87c4eb!important; letter-spacing: 0px !important; font-size: 11px !important;}
 #side h1 a{position:absolute; top:10px;right:10px; font-size: 17px; color: #8ac4f6!important;text-transform: uppercase; font-family: Yonezawa; }
 #epigraph, #post0 {padding-bottom: 0px !important;}
 #upInChart {display:none}
 #diarySupportLink {display:none}
 #paySupportLink {display:none}
 #rssLink {display:none}
 .quote_post {display:none}
 #myDraftLink {display:none}
 #upInChart {display:none}
 #more_login {display:none}
 #myStatLink {display:none}
 #YaSearch {display:none}
 #urlLink {display:none}
 #sortOrder {display:none}
 #authorLiks {display:none}
 #photolibLink {display:none}
 .paragraph{overflow: auto;}
 #diarySpiritLink {display:none}
 #faqLink {display:none}
 #headlineList {display:none}
 #topNav {display:none}
 .header h2 {display:none;}
 .postDate {text-align:left !important; font-family: Arial; font-size: 13px !important; color: #a745fb!important; text-transform:uppercase; line-height: 55%; }
 .header span{font-family: Yonezawa; color: #91d1de; font-size: 20px; text-transform:lowercase; line-height: 55%;}
 .atTag {margin: 5px 0 !important; font-family: Trebuchet MS; color:#29567a!important; font-size: 8px !important; padding: 5px !important; border: 1px dotted #19f4e4; width: 90% !important;}
 #authorName {display:none;}
 body{ background-attachment:fixed; }
 body:{ background-image:url('/userdir/1/4/4/3/144393/75971625.jpg'); }

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

URL

суббота, 01 сентября 2012

11:50

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

дино был очень красивым, когда не говорил ерунды, не делал хуйни и не ел омлет с вешенками (ц)

Два ~~наверняка дурацких~~ вопроса. Я понимаю, что лузер, и это где-то уже было. Я даже как-то это делал, только теперь отчего-то не могу повторить.
Так вот, я прописываю код цвета для имени автора (которое идёт совокупно с постами):
.authorName {color: #be353d !important; }
И тем не менее, цвет не меняется. Что вообще тут может быть не так? %) Это не тот "класс"?
Ещё: как в блочном дизайне (меню вверху) изменить цвет выпадающих блоков, на которых расположены ссылки на Избранное, Цитатник и прочее? Пока у меня был тёмный дизайн, они сами собой были одного цвета с фоном, а когда попробовал сделать светлый, их цвет уже с фоновым не совпадал.

@темы: меню

URL


Запомнить