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

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

13:44

все записи пользователя в сообществе you want to sleep

Я несу пиздец. (c)

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

Заранее спасибо за помощь ^ ^
А то уже второй дизайн бьюсь и никакого итога ++"""

#extratop {width: 900px; height: 581px; background: url('/userdir/1/1/6/0/1160199/72689895.png') no-repeat center; margin:0; padding:0; margin-top: -9px!important;}
 #wrapper{ min-width: 900px!important; width:900px; }
 #page-c { min-width: 900px!important; width:900px; background: url('/userdir/1/1/6/0/1160199/72689937.png') repeat-y; position:relative; position:relative; top: -149px; }
 #page-t { min-width: 850px!important; width:850px; position:relative; left: 20px; }
 #side {  position:relative; top: -160px; left: 484px;}
 #side h1 {position:relative; left: -242px; top: 23px;}
 #photolibLink {display: none;}
 .menuSection ul {width: 110px; background: # repeat; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; position:relative; top: -20px; box-shadow: 0px 5px 18px #000; -webkit-box-shadow:0px 5px 18px #000; -khtml-box-shadow:0px 5px 18px #000; -moz-box-shadow:0px 5px 18px #000;}

получилось, спасибо winterwolf

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

URL

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

00:38

Отступ перед экстработтомом

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

Я всех умней, но это незаметно.

~~ПоможИте, хто чем может, сами-томылюдинеместные!~~
Собственно, я за помощью. Проблема: пробел между основным блоком записей и экстработтомом.
Знаю, что одна из самых распространенных и что везде решение описывалось по сто-двести-тристо раз. В свое оправдание могу сказать, я честно-пречестно искала его. И честно перепробовала все, что нашла. А воз и ныне там: ничегошеньки не помогает. ~~Хоть топись в ближайшей луже.~~

~~А вот и он, больной зуб~~скрин

Дизайн у меня блочный, панель Nav передвинута на боттом при помощи relative (кстати, если ее можно вообще убрать как-нибудь - это будет просто замечательно). Экстработтом пробовала поднять - подняться - поднялся, а ~~осадочек остался~~ пробел неистребим.

Вот то, что я конкретно пробовала в борьбе с отступом:
div.bordered {margin-bottom:0 !important;}
.pageBar {margin-bottom: 0 !important; padding-bottom: 0 !important;}
#page-c {margin-bottom:0 !important; padding-bottom: 0 !important;}
.bottomNav {margin:0 !important; padding:0 !important;}
.block_design .bordered {margin-bottom: 0 !important; }
#side {margin-bottom:0;}
.formcontainer {margin-bottom: 0 !important;}

АПД: проблема решена, и великая благодарность объявляется vykos

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

URL

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

22:49

все записи пользователя в сообществе Доктор [на] крыше

все мы умрем

Дорогие сообщники!
Встала такая проблемма:
вот код:
#wrapper {-webkit-box-shadow: 0px 5px 20px 5px #000; -moz-box-shadow: 0px 5px 20px 5px #000; box-shadow: 0px 5px 20px 5px #000;}
и
#page-c { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#extratop{ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

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

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

URL

12:08

Шрифт в отдельной записи.

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

"Жизнь - это история, рассказанная дураком: в ней так же много шума и нет никакого смысла"

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

@темы: текст

URL

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

20:44

Как зафиксировать меню?

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

Fortune favours the brave

Проблема решена.

Имеется проблема с разными разрешениями экранов.
С шириной 1024 видим так коряво:

С шириной 1680 всё иначе:

Как зафиксировать меню?
В коде ссылки прописаны следующим образом:

 #side h1 a {position: absolute; left:475px; top:90px !important;}
 #side h1 a {display:block; width:230px; height:48px; line-height:230px; overflow:hidden; background: url('/userdir/8/9/9/9/899905/72626023.png') no-repeat;}
 #authorName { position:absolute; top:142px; left: 575px !important;}
 #authorName {display:block; width:142px; height:43px; line-height:142px; overflow:hidden; background: url('/userdir/8/9/9/9/899905/72626188.png') no-repeat;}
 #myDiaryLink { position:absolute; top: 230px; left: 550px; }
 #writeThisDiary { position:absolute; top:245px; left: 552px;}
 #myDraftLink { position:absolute; top: 260px; left: 558px;}
 #myFavLink { position:absolute; top: 275px; left:559px;}
 #discussionLink { position:absolute; top: 290px; left: 560px;}
 #optionsLink { position:absolute; top: 305px; left:559px;}
 #umailLink { position:absolute; top: 320px; left:569px;}
 #myProfileLink { position:absolute; top: 335px; left: 553px;}
 #mainpageLink { position:absolute; top: 350px; left: 537px; font-weight:bold}
 #postsCalendar{ position:absolute; top: 365px; left:536px;}
 #myQuotLink{ position:absolute; top: 380px; left:562px;}
 #iAmQuit { position:absolute; top: 395px; left:570px;}

@темы: меню

URL

среда, 07 декабря 2011

12:26

Аватары

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

Здравствуйте ) Пишет человек с обычной днявочкой, не юзавший до этого платный сервис...
Такой вот вопрос:
Предположим, я потратила имеющиеся у меня 80 дайреденег, купила "простой" пакет, и нагрузила себе 8 штук (норма обычного дневника) аватаров 110х110, весом >20 кб (соответственно, больше этой нормы). Срок закончился. Аватары "срезаются"?
И как именно предупреждают об окончании срока? Или же пользователь должен сам ориентироваться? )

Заранее спасибо )

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

URL

12:05

Я чайник

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

How much wood would a woodchuck chuck if a woodchuck could chuck wood :)

Здравствуйте.
У меня висели эти стандартные 100 дайрирублей и все-равно не знала что с ними делать, так что я взяла и заплатила за css, думала - о, здорово! Теперь я себе сделаю такой красивый дизайн!
А теперь я сижу и смотрю на все это вот так O_o и понятия не имею что с этим делать и как.
Может поделится кто-нибудь какой-нибудь ссылкой на обучающие материалы?
Зарание спасибо.

@темы: Учеба

URL

вторник, 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

вторник, 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


Запомнить