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

понедельник, 06 апреля 2009

04:30

Фоновые картинки и рамки

все записи пользователя в сообществе Наше Императорское

Я - часть той силы, // Что вечно хочет зла // И вечно совершает благо (с)

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

Первый. Можно ли как-то узнать параметры (ширину-высоту) неизменяемых блоков, например .pageBar, .header и т.д., а то подгонять фоновые картинки на глазок ужасно неудобно.
Второй. Вот картинка

1. Как можно избежать вот этих (обведено, рядом номер) серых полосок, проглядывающих непонятно откуда? Увеличить ширину нижестоящей картинки пробовала - не помогло.
2. Края поля надписи "Комментрии" не обводятся рамкой просто никак! Пробовала вписать все возможные элементы под код {border-bottom: none; border-top: none; border-left: 2px solid black; border-right: 2px solid black}

Третий. Вот еще одна картинка

1. Можно ли убрать первый (обведенный) блок изображений? Чтобы он начинался не на уровне экстратопа, а на уровне эпиграфа? Или экстратоп так растянуть, чтобы он закрывал?
2. К чему принадлежит обведенный участок (Главная, Все дневники, список избранных) и можно ли его как-нибудь убрать или закрасить?

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

Запутаннык перегруженный код

MF 3.0.6

А если найдется такой ангел, который ответит на более тупые вопросы, которые я тут постеснялась задавать, будет просто сказочно!...

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

URL

02:23

пробел

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

Я тебя люблю. Сильно-сильно люблю. Но ты мне уже не нравишься

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

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

URL

воскресенье, 05 апреля 2009

13:59

все записи пользователя в сообществе ВоЗдУшНыЙ-ЗмЕй

я дышу, а значит я живу, я живу, а значит я люблю!

помогите пожалуста!!
подключила платный сервис CSS, но работают только оформления готовые, где надо нажать "установить"
все делаю правильно по описанию, но реально какойто глюк: даже при простом оформлении не меняется фоновое изображение, хотя при этом пишет что изменения успешно изменнены, а на деле меняется только шрифт
пользователь на дайри я достаточно опытный, раньше была другая страничка, но пришлось завести новую, со старой страничкй проблем не было
P.S. при вставке элементарного кода CSS получается вообще хрень какаято, просто записей нет и никаких изменений, хотя при редактировании они видны.....я уже голову сломала если честно((

URL

13:10

ССылки

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

Окружающие видят только мои маски и думают, что знают меня....

Добрый день
Ставлю ссылки меню на экстратоп, все ссылки норм поставились, а две из них пропали - Добавить в избранное, Написать на умейл
Хелп ми
Код

 .postDate {background: #c25590 !important;}
 .header {text-align:center !important;}
 .postDate {text-align:center !important;}
 #YaSearch, #headlineList, #rssLink, #myLinksLink, #upInChart , #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, .urlLink, #authorQuot, #authorLiks, #sortOrder, #topNavLinks, #authorAlbum, #albumLink, #communityCatalogueLink, #photolibLink, .quote_post #myCommunity, #favListLink, #myCommunityLink, #YaSearch, #myCommunity, #tagslistlink, #pchListLink, #randomDiaryLink, #allDiaryLink, #diarySupportLink, #unsubscribeEmail, #pchs, #pchs, #login_form, #more_login, #subscribeEmai, #iAmQuit, #Stats {display:none!important}
 body{ background-attachment:fixed; }
 .left #wrapper { margin:0 auto !important; padding:0 !important; width:850px; overflow:hidden !important; }
 #bordered, .left #side { padding:0 !important; margin:0 !important; }
 .left #side .bordered { width:900px; margin: 0 !important; padding: 0!important; position:absolute; top:1px ; }
 .left #page-t {margin-left: 0px !important;}
 #wrapper{min-width: 900px !important;}
 #extratop {background: url('/userdir/2/0/9/9/209903/40027562.jpg') no-repeat; width: 900 px; height: 404px; border: 1px solid #c25590}
 #side .menuSection{background: transparent;}
 #side .bordered {background: transparent;}
 a:link {text-decoration: none !important;}
 a:active {text-decoration:none !important; }
 A:hover {text-decoration: underline overline; color: #c25590;}
 a:visited {text-decoration: none; }
 #myDiaryLink { position:absolute; top: 30px; left: 32px; }
 #discussionLink { position:absolute; top: 60px; left: 35px;}
 #myDraftLink { position:absolute; top: 90px; left: 32px;}
 #myFavLink { position:absolute; top: 60px; left:160px;}
 #optionsLink { position:absolute; top: 60px; left:260px;}
 #myQuotLink{ position:absolute; top: 90px; left: 265px;}
 #umailLink { position:absolute; top: 30px; left:170px;}
 #myProfileLink { position:absolute; top: 30px; left: 245px;}
 #writeThisDiary { position:absolute; top:90px; left: 150px;}
 #postsCalendar{ position:absolute; top: 30px; left:345px;}
 #myCommunitiesLink { position:absolute; top: 60px; left:345px;}
 #mainpageLink { position:absolute; top: 90px; left:345px;}
 #side h1 A{position:absolute; top: 185px; left: 32px; font-weight:bold; font-family:"Andantino #"; font-size:60px}
 #authorName { position:absolute; top:180px; left: 32px; font-weight:bold; font-size:25px; color: #a52d7d;}
 #addToFav { position:absolute; top: 100px; left:50px;}
 #writeToAuthor { position:absolute; top: 100px; left: 32px; color: #a52d7d}
 #side *{border:none;}
 #page-c {border:none;}
 #wrapper {border:1px solid #c25590; background: #e6f0fa !important;}
 #page-t *{border:none;}

@темы: меню

URL

02:44

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

perverted beaver

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

А вот код:
много и беспорядочно

@темы: текст, меню, эпиграф, основные блоки

URL

суббота, 04 апреля 2009

20:28

Аватары.

все записи пользователя в сообществе .eating rolls

Эм и Эш.

Возможно ли сделать так, чтобы аватары выводились и в общем окне, не только в комментариях?
Даже если только какая-то определенная одна или две аватарки.

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

URL

пятница, 03 апреля 2009

21:25

все записи пользователя в сообществе e.katerinak

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

... Не знаю что с этим делать.. и почему опять такое произошло..

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

URL

20:17

Подпись.

все записи пользователя в сообществе .eating rolls

Эм и Эш.

~~Как изменить цвет подписи?~~
Решено.

@темы: текст

URL

13:26

все записи пользователя в сообществе [её.звали.Мечтой.]

css подключено до 2010 года, но при оформлении всё равно пишет "подключите css"
как такое может быть?

URL

четверг, 02 апреля 2009

23:05

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

Жить ой. Но да. ©

Господа сообщники, снова мне нужна ваша помощь. Покажу на абстрактном примере, т.к. в дневнике пока белиберда.
Использовал сей код: #add_block1 {background: url("secure.diarybackup.space/userdir/1/1/2/4/112414...") repeat-x; width: 100%; height: 403px;}
И получилось вот так:
читать дальше

Но надо, чтобы это дело выглядело вот так:
читать дальше

Как этого добиться? Адд_блок упорно стоит там и под экстработтом не хочет.

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

URL

21:31

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

Я стала ведьмой от горя и бедствий, поразивших меня

Здравствуйте...
Такой вопрос: фоном в дневнике у меня картинка с визуальными границами. Если расположение текста в комментариях и самом дневнике я отступами отрегулировала, то сделать так, чтобы окошко коммента и новой записи не вылезало за границу, я так и не смогла. Это тоже отступами можно отрегулировать, или нет?
Селектор окошка записи я не нашла. Помогите кто-нибудь созданью, а?..
Картина с проблемой

Ну, и ширина... Я делала под экран 1024*768, а на больших разрешениях картинка начинает двоиться. Это никак не исправить?
вот так
и так

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

URL

12:41

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

Счастье-это просто!

Эм...В общем с недавнего времени у меня самопроизвольно съехал диз. Думаю дело в обновлениях на дайри или еще в чем, но так или иначе, зайдя на свой дайрик однажды, узрела съехавший вправо блок записи. Удивилась, но поправила, посмотрела через все браузеры - вроде все ок. Но мой ПЧ теперь говорит, что блок уехал влево.
Кто еще это видит? И как с этим бороться?

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

URL

03:12

разделитель

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

Собственно, перерыла все сообщество, мозг уже кипит. Хочу сделать полоску внизу поста картинкой. Нашла код, сделала под себя: .singlePost {background: url('/userdir/1/0/6/1/1061640/39905153.gif') no-repeat; background-position:bottom; !important;padding:10px;}
не работает, меняла значения паддинг (говорили, в этом может быть трабл), но что-то никак.
хэлп ми плиз

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

URL

среда, 01 апреля 2009

08:22

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

Совершенству эволюция не нужна.

Уважаемые пользователи, в эпиграфе есть ссылка на руководство по дайриКСС, которое еще будет дополняться ввиду последнего обновления дневников. Если у вас что-то не получается сделать по этому руководству, то смотрите в сообщество - тут новые вопросы уже освещались. Я предупреждаю просто потому, что, как выяснилось, работы по допонлению руководства теперь будет гораздо больше. Дело в том, что не далее как вчера программисты написали русификатор для языка CSS, позволяющий вести работу по настройке вашего дизайна гораздо проще, чем это было ранее. Я пока приведу основные команды, чтобы вы могли ощутить превосходство новой версии CSS (CSS 2.4.1.rus) и осознали, насколько нам теперь будет проще работать.

Вот например, вместо надоевших #Journal и #JournalComments теперь будут использоваться простые команды #Главная_страница и #Страница_Комментариев - но это конечно произойдет тоько тогда, когда администрация дневников перейдет на обновление КСС (хотелось бы надеяться, что произойдет это в ближайшем будущем и они не будут тянуть с этим полезным делом).

Так вот, сам CSS. Если вы раньше не отличали margin от paddinga, то на помощь придут русские команды - "маргин" и "паддинг". Я оговорюсь сейчас - пока что решено оставить написание таким, но в версии 2.4.2 синтаксис обязательно изменится на (рабочее название) "расстояние_от_этого блока_до_границы_родительского" и "расстояние_от_этого блока_до_границы_дочернего".
Соответственно - "расстояние_от_этого блока_до_границы_родительского_снизу", "расстояние_от_этого блока_до_границы_справа" и так далее.
Как видите - все до безумия просто!!
display - внешний_вид: inline - линейный, block - в_виде_блока_для_которого_характерны_те_же_свойства_что_и_для_страницы_с_переносом_текста
none - невидно.
no - "не" или "нет", в зависимости от ситуации.
background - фон, например фон #122_единицы_красного_65_единиц_зеленого_89_единиц_синего ссылка('сюда заливается картинка через стандартный загрузчик картинок') не повторять сверху справа !и_ниибет
Команда !и_ниибет - аналог !important, синтаксис разрабатывался именно для большмнства интернет-дизайнеров, уверенных в том, что они делают исключительно хорошие оформления.
Цвета, кстати, помимо вышеописанного метода, теперь могут быть заданы из таблицы русских названий: "кремовый", "зелено_синий_с_примесью_оранжевого", "кавайно-розовый" и т.д. Таблица будет опубликована отдельным постом - названий там очень много.
overflow - не_помещается: visible - ну_и_что, hidden - убрать, scroll - добавить_скроллбар
width: ширина, height: ширина_по_вертикали
Также в русской версии обещали добавить круглые элементы, со свойством "радиус".
position - месторасположение: static - обычное, absolute - вне_этого_мира, relative - подчиняется_родителям, fixed - висит_на_месте.
z-index - расстояние_до_зрителя: 35 см (измеряется в новой версии величинами СИ).
font - буквы, text - надписи. В этих свойствах много дополнительных - цвет буквы, высота надписи, жирные буквы, полосочка_под_словом.
border - рамочка.

Я надеюсь, что убедил вас в полезности этого нововведения! Через некотрое время мое руководство и справка на дайри.ру будут дополнены и вы сможете легко и просто управлять своим ксс, не задавая тут излишне глупых вопросов) Извините, просто наболело.

URL

04:13

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

обаяние и скрытая хитрожопость

Есть проблема: не видно шапку. В окошке проверки диза ее видно, у нескольких людей тоже (они используют оперу), но у меня она не видна ни в одном браузере (IE, Opera, FF). И вроде бы дело не в коде, может виноват формат png?
Должно быть так
На деле же вместо шапки пустое место.

Прилагаю код, надеюсь на вашу помощь
читать дальше

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

URL

01:10

Памагите!

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

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

@темы: Мысли вслух

URL

00:20

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

Radiohead и радиосиськи

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

upd. и как убрать такие пункты меню?

@темы: меню

URL


Запомнить