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

вторник, 06 декабря 2011

04:19

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

Distrust is the way of guard, Untruth is the way of thrust.

Надеюсь, правилами сообщества это не запрещено.)
Нарисовала себе недавно дизайн. Отсюда просьба: можете полазать по дневнику и поискать косяки?
У меня Firefox, разрешение - 1366х768.
У меня все выглядит так:

У вас справа, под ником, должны быть еще ссылки "Написать на у-мыло", "Подписаться по и-мэйл" и "Добавить в избранное".
Неактуально.

@темы: diaryCSS, Мысли вслух, Точка зрения

URL

воскресенье, 04 декабря 2011

11:48

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

Дороги хватит на всех

ЭХ, и снова обращаюсь к помощи сообщества. колдую с бантиками от css 3 и как-то оно не работает :-(

 .menuSection { height: 38px; min-height: 38px; overflow: hidden; -moz-transition: all 3s 0.2s ease;  -o-transition:  all 3s 0.2s ease; -webkit-transition:  all 3s 0.2s ease;}
 .menuSection:hover, .menuSection:active {overflow: visible; height: auto;}

этот код сворачивает меню до заголовков, а при наведении мышки разворачивает подпункты. хочу, чтобы ездило меееедленно и плавно, но почему-то transition не спасает. >.<

@темы: меню

URL

01:39

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

Don't panic

Здравствуйте!
С CSS мы еще не очень дружим, поэтому возникли некоторые сложности.
Я убрала все меню в экстратоп, все ненужные пункты вроде как удалила. С правого края осталась неприятная белая полоска, которая (насколько я поняла) была убрана сделующим кодом, найденным в сообществе:

 #side .bordered {border: none}
 #side .bordered {background: transparent;}

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

body {margin:0; padding:0;}
 body{ background-attachment:fixed; }
 #wrapper{min-width:900px!important; width:900px; margin-bottom: 10px !important; padding:0 !important; overflow:hidden !important; background: url('/userdir/2/8/9/7/2897683/72557387.png') }
 #side .bordered {border: none}
 #side .bordered {background: transparent;}
 #page-c {width:890px !important; padding:0 !important; margin-right:5px !important}
 #page-t {margin:0 !important;}
 #extratop { width: 900px; height: 558px; background: url('/userdir/2/8/9/7/2897683/72557683.png') no-repeat;}
 #extrabottom {width: 900px; height: 42px; background: url('/userdir/2/8/9/7/2897683/72557725.png') no-repeat; }
 #thisDiaryInfo, #side h1 { position: relative; left: 50%; top: -500px; font-size: 12px;}
 #myDiaryLinks { position: relative; left: 150%; top: -700px; font-size: 12px;}
 #globalLinks { position: relative; left: 150%; top: -700px; font-size: 12px; }
 #myLinks { position: relative; left: 160px; top: -530px; font-size: 12px; }
 #thisDiaryLinks { position: relative; left: 50%; top: -500px; font-size: 12px; }
 #thisDiaryOwner { position: relative; left: 50%; top: -500px; font-size: 12px; }
 #myQuotLink, #photolibLink, #myNotepadLink, #albumLink, #myFavLink, #postsCalendar, #upInChart, #headlineList, #diarySpiritLink, #randomDiaryLink, #diarySupportLink, #Stats, #authorRSS, #YaSearch, #rssLink, #sign, #lastComments, #pchs {display: none;}

@темы: меню

URL

суббота, 03 декабря 2011

18:19

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

Дороги хватит на всех

вопрос такой. меню сбоку, хочется к каждому пункту меню прибить какую-нидьу финтифлюшку. раньше делала в лоб - прописывала к каждому пунктику бантик, но у кого-то видела как скопом это щастье делается. что-то типа #side .bordered ul li, но это ни разу не то. спасите-помогите, склероз замучил...

@темы: меню

URL

пятница, 02 декабря 2011

21:34

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

freedom

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

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

URL

20:17

Вечер добрый

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

freedom

Хм, не уверен, что кто либо здесь сможет мне помочь, а тем более проявит желание, но все же спрошу. Решил замутить дизайн сложнее, чем делаю обычно. Но увы, не хватает опыта. Нашел великолепный шаблон: malionette.org/web/lj/layouts/029.php - но увы, мне нужно видеть хоть кусочек кода или знать обозначения этого, что бы составить собственный. Кто-нибудь может разъяснить или подкинуть ссылку, а может кто-нибудь уже сам разобрал? Мне бы хотя бы скелет этого чуда, дабы вникнуть в него.

@темы: Дизайн, Учеба

URL

четверг, 01 декабря 2011

23:56

Убрать линию над группами избранных

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

Никак не могу убрать верхнюю штриховую линию над группами избранных. Даже с firebug'ом.
Помогите пожалуйста.

куски кода, относящиеся к каким-либо границам

 .menuSection {border: none;}
 #page-c .bordered {border-color: #000;}
 .singlePost { border-top-style:dashed !important; border-color: #fff !important; border-bottom:none !important; }
 #JournalComments .singlePost {border: none !important;}
 .first {border-top: none !important; }
 .pageBar {border-top-style:dashed !important; border-color: #fff !important}
 .singleComment {border-top-style:dashed !important; border-bottom:none !important;}
 #favGroups a{color:#76c5ff !important; }
 #epigraph{border-top:none !important; color:#b1b6bb;}
 .singlePost list_box{border-top:none !important;}

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

URL

среда, 30 ноября 2011

16:50

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

В начале этого часа дайри временно не работали (несколько минут). У меня одной после этого диз начал лагать? (вставила 2 варианта: просто дневник и при наведении на "Мои записи")

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

URL

вторник, 29 ноября 2011

00:45

все записи пользователя в сообществе All bitter @ dark

Дорогие мастера!
Есть ли возможность задать для #page-t такие параметры, при которых при меньшем разрешении монитора #page-t уменьшалась бы, но при этом не увеличивалась бы больше заданного размера.

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

URL

понедельник, 28 ноября 2011

21:40

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

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

Прошу помощи в двух взаимосвязанных вопросах:

1) Как отключить отображение ника, аватара и подписи в посте? Отключение этих элементов должно распространяться исключительно на пост и не должно затрагивать нижеследующие комментарии.

2) После отключения .authorName и .commentAuthor остаётся отступ. Не совсем понятно почему. Как от него избавиться?

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

@темы: diaryCSS

URL

20:45

Доброй Ночи!

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

i wanna make you bleed just like me.

Накосячила в коде. Запись выглядит так:
s59.radikal.ru/i165/1111/dd/90a6c860ef54.jpg
А когда открываю появляется огроменный отступ:
s017.radikal.ru/i432/1111/21/0df6e41533c8.jpg
Он так же появляется и в комментариях :<
Помоги пожалуйста его убрать(

 body {background:url('/userdir/1/5/7/3/1573072/72492957.png') repeat-y #3f97ba;color:#000000;font-family:Arial; font-size:12px;margin:0; padding:0;}
 #wrapper {background:url('/userdir/1/5/7/3/1573072/72492955.png') repeat-x;}
 #extrabottom { height:0px; overflow:hidden; background: #000000; margin-left:6px;}
 #extratop {background:url('/userdir/1/5/7/3/1573072/72492809.png') no-repeat;width:1000px;height:730px;margin:0; padding:0;}
 #side a { text-decoration: none !important; color: #000000;font-size:11px;}
 #side a:hover {text-decoration: none !important; color: #0f759d;font-size:11px;}
 .postLinksBackg {background:# no-repeat; height:28px; line-height:18px; text-align: left; margin-left: -5px !important;}
 .postLinksBackg a {font-size: 8pt; color: #0f759d !important;}
 .postLinksBackg a:hover{ color: #0f759d !important;}
 .urlLink, #photolibLink {display:none;}
 #YaSearch {text-align: center;display:none;}
 #side {width: 190px;position:absolute; top:650px;}
 #page-t {width:650px; position:absolute; top:610px; }
 #page-c {margin:0; padding:0;}
 .menuSection li { padding: 0 0 0 10px !important; line-height:5px;min-height:20px !important;}
 #TagsList li {min-height:14px !important;line-height:8px;padding: 0 0 0 0px !important;}
 #side h1 a{ width: 230px; position: absolute !important;color:#0f759d !important;top: -450px; left: 20px;text-transform:uppercase;font-family:times new roman !important;font-size:25px !important;font-weight:bold; }
 .singlePost {padding-bottom: 30px; padding-top: 10px; padding-left:15px; width:650px;}
 #page-t a {text-decoration: none !important; color: #0f759d;}
 #page-t a:hover {text-decoration: none !important; color: #0f759d;}
 .postInner{padding:0px !important; font-size:11px;margin:0; padding:0;}
 .header h2{color:#0f759d;font-weight:bold;margin:0; padding:0;text-transform:uppercase;font-family:times new roman !important;font-size:14px !important;}
 .header span{color:#0f759d;font-weight:bold;margin:0; padding:0;text-transform:uppercase;font-family:times new roman !important;font-size:14px !important;}
 .postDate{color:#0f759d;text-align:right;display:yes !important;text-transform:uppercase;font-weight:bold;font-family:times new roman !important;font-size:14px !important;}
 .commentAuthor{margin:0; padding:0;}
 #sortOrder{display:none !important;}
 .menuSection_title b{ text-transform:uppercase;}
 #side b{text-transform:uppercase;color:#0f759d;font-family:times new roman !important;font-size:14px !important; }
 #YaSearch b{text-transform:uppercase;color:#0f759d; }
 #authorName{text-transform:uppercase;color:#0f759d !important;font-family:times new roman !important;font-weight:bold;font-size:18px !important;}
 #thisDiaryPhoto img{border:solid 3px #f1d9c6;}
 #side b:first-letter{color:#0f759d !important;font-family:times new roman !important; font-weight:bold;font-size:18px;}
 #myDiaryLinks_title{margin-top:0px !important;padding-top:0px !important;}
 .nextPostLink a{margin-left:10px;}

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

URL

02:31

Объявления

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

Veni, vidi, vici.

Сейчас особо нет времени, поэтому в двух словах. Составляющие уже описывал, так что тут всё просто. Если вам нужно повесить какое-то объявление в своём дневе (и так, чтобы оно было видно отовсюду) - используйте следующий код:

 #extrabottom:after{position:absolute;width:100%;top:0px;left:0px;background:#ff0000;border-radius:15px 30px;-moz-border-radius:15px 30px;box-shadow:0 0 5px #af0000;-webkit-box-shadow:0 0 5px #af0000;-moz-box-shadow:0 0 5px #af0000;padding:10px;text-align:center;font-weight:bold;opacity:0.7;color:#000;content:"ТЕКСТ_ВАШЕГО_ОБЪЯВЛЕНИЯ_В_НЕАКТИВНОМ_СОСТОЯНИИ"; }
 #extrabottom:hover:after{text-align:justify;content:"ТЕКСТ_ВАШЕГО_ОБЪЯВЛЕНИЯ_В_СОСТОЯНИИ_ПРИ_НАВЕДЕНИИ_НА_НЕГО_МЫШИ"; }

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

Пример (если ничего не видно - обновите страницу).

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

URL

суббота, 26 ноября 2011

21:33

Пробел между полем меню и бордером

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

All of the love we left behind watching the flashbacks intertwine. I think our lives have just begun.

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

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

URL

21:20

Порядок меню

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

...но она всегда выходила в окно...(с)

Подскажите, пожалуйста, можно ли поменять порядок блоков меню в боковой колонке, например, передвинуть строку поиска под блок "написать на u-mail ... поднять в списке"? И если можно, то какими средствами: css или где-то в настройках?

@темы: меню

URL

понедельник, 21 ноября 2011

20:51

CSS3

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

Дороги хватит на всех

с тех пор, как winterwolf показал всем волшебство CSS3, все начали более или мнее погружаться на новый уровень. ниже указана ссылку на статью о волшебном свойстве трансформации transition. надеюсь, кому-то это будет полезно ;-)

Трансформация CSS (transition)

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

URL

среда, 16 ноября 2011

12:54

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

from euphoria to hell

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

Это как-нибудь лечится? Код:

 #authorName{display:block; width:95px; height:45px; line-height:500px; overflow:hidden; background: url('/userdir/1/1/7/7/1177473/61906712.png') no-repeat; position: absolute; top: 65px; left: 120px; !important;}
 #side {width: 250px; height: 608px; background:url('/userdir/1/1/7/7/1177473/60318476.png'); position:absolute; top: 80px; left: 10px; }

@темы: меню

URL

воскресенье, 13 ноября 2011

19:35

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

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

Добрый вечер!
Столкнулась с проблемой - не могу вынести ссылки отдельным блоком. Мне нужно для абсолютно рандомных ссылок сделать, к примеру, над меню пространство, куда можно будет поместить картинки/текст, ведущие на определенные ссылки. Пыталась задавать add_block - бесполезно, на свойство content никакой реакции.

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

URL

15:37

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

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

гуру сневанса

Делаю дизайн и столкнулась с такой проблемой как:

то есть, пробел между эпигом и меню. Как можно от него избавиться?

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

URL

суббота, 12 ноября 2011

14:11

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

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

Кажется, не совсем по теме, но не знаю, где ещё спросить. Нужно было вставить в эпиграф таблицу с фоном-изображением, а не цветом. Ни один код так и не сработал. Это такая особенность дневников, о которой я не знаю? Или что? Можно как-то сделать таблицу с фоновым изображением всё же? На ЖЖ тот же код спокойно работает и вся графика отображается как фон.

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

URL

среда, 09 ноября 2011

23:50

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

Здравствуйте.
Имеется навигационная панель сверху и всегда раскрытый список "Мои ссылки". Возможно ли сделать так, чтобы ссылки располагались не в столбик, а в ряд? Если судить по коду страницы, никаких id и классов у ссылок нет. :hmm:

@темы: меню

URL


Запомнить