Записи с темой: основные блоки (список заголовков)
11:29 

Поиск по дневнику

ПОдскажите пожалуйста, как сделать, чтобы поиск по дневнику был виден постоянно, а не открывался по ссылке?
Конструкция: #YaSearchForm {visibility:visible !important;}
Не работает :(

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

10:35 

Reckless
Добрый день.
В настоящее время только-только начинаю разбирать стили и то, как из писать здесь, в дневниках, хотя общее представление о CSS имеется (до этого был написан код и сделан дизайн для платформы mybb), и вот уже на самыхъ начальных этапах сталкиваюсь с проблемой:
все основные элементы смещаются относительно центра примерно на 10 пикселей влево, причем во всех браузерах кроме эксплорера. Есть подозрение, что это как-то связано со скролл-баром и его шириной. Не могли бы Вы подсказать, в чем проблема, и как ее решить?

Код:


Появился еще один вопрос. И хотелось бы получить если не ответ, то ссылку на место, где можно почерпнуть необходимую информацию.
Имеется шапочка для дневника следующего формата:

Хотелось бы сделать из нее меню такого типа, чтобы при наведении на лестницу слов слева, направо, в горизонтальную строчку появлялись пункты меню, написанные таким же шрифтом, но меньшего размера на прозрачном фоне. Возможно ли это сделать, а если да, то как?
запись создана: 18.07.2011 в 15:42

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

09:51 

Иллюзия анимации

D Storm
Veni, vidi, vici.
Нет, речь, разумеется, не о гиф. Но о спрайтах.

Идея проста. Берём несколько блоков, вкладываем друг в друга, привязываем на одно место (через position:absolute и position:relative (или position:absolute \ position:fixed) на внешнем), прописываем отношения по hover'ам. Загвоздка в том, что hover не срабатывает просто при появлении блока под курсором, статус проверяется при движении мышью. На практике, если цель - заставить чуть более плавно, чем обычно, выплыть (появиться фейдом, загореться или ещё что) какой-то элемент в дизайне дневника, это не будет проблемой, потому что попиксельно мышь никто не двигает. Ещё один момент - реагирует css быстро (по мере продвижения курсора на каждый пиксель (при быстром движении - на каждый шаг, там он больше 1px)), а значит лучше бы иметь систему вложенных блоков побольше (чтобы было больше кадров) (что можно сделать искуственно в эпиграфе или посте, но при проработке дизайна днева не получится, ведь приходится придерживаться изначально заданных кол-ва и структуры блоков).

По поводу отношений между вложенными блоками. Вариант первый - при наведении на первый блок (скажем, q1) мы прослеживаем его hover и применяем стиль ко вложенному блоку (например, q2) (q1:hover q2{...}), потом также к последующему и т.п. до последнего (при этом в конце анимация остановится). Вариант второй - изначально видны все, но при наведении они скрываются (я в примере просто сводил height и width к 1px, но можно придумать что интереснее, с тем же clip'ом, скажем (забавно, но display:none не сработал)); при этом, "анимация" циклична, но тут один большой фейл - hover в данном случае (разумеется) проходит через все уровни сразу, и вылетают, соответственно, по сути рандомные кадры.

Об изображении. Как уже говорил, тут целесообразно использовать спрайты. Т.е. большое изображение, состоящее из маленьких кадров (пример). При навешивании background'а мы просто двигаем это самое изображение. Так мы сразу его кэшируем, что весьма удобно, ибо избавляет от хлопот с предварительным кэшингом. В моём примере я не убирал отработавшие фреймы (т.е. всё видно одновременно). На деле, чтобы убрать их достаточно снять bg на hover'е (qX:hover {background:none;}).

Кроме того. Не обязательно закручивать эту штуку именно с bg и спрайтами, можно по тому же принципу hover'ов на вложенных блоках прописывать разные стили (позицию, размеры, прозрачность, сглаженность углов... что угодно, в общем) на разных элементах.

На практике ещё нигде не применял, но небольшой пример сделал. Тут.

Как-то так. Надеюсь, кому-нибудь пригодится\покажется интересным. Придумаю что ещё интересное (по этому или другому поводу) - отпишу где-нибудь тут.

@темы: фоновые картинки, платный сервис, основные блоки, Мысли вслух, diaryCSS

10:57 

River Wild
розовый дурман хранит меня от горя и бед
Здравствуйте :)
У меня в дизайне внезапно страница "все темы" выглядит вот так:
Смотреть.
Они очевидно съехали вправо, там даже имеется миниатюрный скролл-бар. Как бы вернуть на законное место?
Код дизайна, если что:

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

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

21:16 

url; постоянные читатели; поиск по дневнику; темы записей

Arthur, darling
в слове «dreams» всегда звучит твоё тёплое имя. [c]
скриншот, увеличивается:

1. если можно, то как изменить "url" на "url записи"?
2. можно ли и как прописать рамку пч (справа и слева), с тенью? сверху и снизу почему-то отображается, а вот по бокам нет.
3. в "темы записей" почему-то съехало кол-во записей, что исправить и\или можно ли вообще убрать цифры. или это из-за выравнивания "календарь записей" и прочего посередине? если никак не убрать, может можно ещё как-то отступ сделать, чтобы эту видимую цифру убрать?
4. можно ли "поиск по дневнику" сделать таким же блоком (то есть в рамке, с тем же фоном), как и "темы записей" и "постоянные читатели", как его тогда прописать?

код:

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

19:32 

Сбивается фиксированная ширина

Meltu
Smiling banana
Настроила фиксированную ширину в 831 пиксель (под картинку в экстратопе). Возникла проблема: вылезает блок меню (сверху), т.е. он тоже фиксированной ширины, но почему-то не такой, так основной блок: :emn:
Сейчас посмотрела - внизу блок ссылок тож вылазит(((
Возникает вопрос: что я не так делаю? =) Они, видимо, отдельными классами идут, но раньше хватало задать ширину wrapper, и менялось ВСЕ.
Код:
читать дальше

Прошу прощения, если такое где-то уже недавно спрашивали.

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

15:32 

Сапоп
Если в сердце дверь закрыта, нужно в печень постучать!
Добрый день. Два три четыре вопроса.
1. Для чего используется класс .right, .top и прочее - в дизайне? Это именно дайровские новые классы или что? Что с их помощью можно реализовать, например, кроме фиксированной ширины?
2. Пробую приклеить блок записей к правому краю при меню, расположенном сверху - ничего не выходит. На margin-right:0 с импортантом или без него - не реагирует. Пробовал приклеить и page-c, и page-t, и postsArea, с дивами и без, с бордерами и без. Ничего не выходит. То ли лыжи не едут, то ли я отупел...
3. Устанавливаю фон на .postLinksBackg, в опере есть, в Мозилле - через пост. Пробовал добавить каунтферст и секонд
.countSecond .postLinksBackg, .countFirst .postLinksBackg {background: #4d5d71; padding: 5px !important; border-radius:20px;-moz-border-radius:20px;}
Результат - все тот же. Причем, в окне превью все отображено, как надо, а в самом дневнике при применении новых свойств - только через раз.

4. Все тот же margin-right. Работать не хочет и с датами. Вообще никак. А абсолютным позиционированием к правому краю клеить вообще не вариант. Из-за флоата структура нарушаетсо. Все-таки... почему margin-right не желает работать? margin-left и top работают нормально.
Вроде в CSS не дуб, а начинаю обнаруживать все новые и новые глюки, которых не было раньше. Это правда у меня лыжи не едут, или проблемы в верстке самого дайри в связи с недавними изменениями?
запись создана: 25.06.2011 в 11:33

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

09:49 

лишний скролл

storm weather
secret's
Появился ненужный скролл.




проблема решена другим путём.

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

23:01 

qinglong_wu
Демон Лапласа
Здравствуйте, у меня есть такой небольшой вопрос.
Есть ли какое либо обозначение этого блока при дизайне с навигационной панелью вверху?

Он изменяет свою ширину, только если менять ширину wrapper'a, можно ли изменять его ширину самостоятельно, если есть необходимость wrapper расширить?
Так же хотелось бы его прикрепить к основной ленте, чтобы не было отступа, или же убрать его совсем.
Извините если где-то это недоглядела, честно искала.

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

16:08 

Настасья Филипповна 2.0
Себе самой я с самого начала то чьим-то сном казалась или бредом, иль отраженьем в зеркале чужом, без имени, без плоти, без причины (А.А.)
Уж который раз делаю дизайн, в опере и лисе все красиво, а в хроме с меню какая-то беда. Еще и экстработтом от пейдж-с оторвался пикселей на 10. Причем только на странице комментариев.
Если ж я начну править, подстраивая под хром, в опере и лисе все съедет, а я ими в основном пользуюсь. Это обидно.
В чем дело-то? Меню на странице комментов как-то отдельно прописать можно? Стоит ли вообще, или на всех не угодишь?

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

06:13 

manhattan.
Siamo fatti della stessa sostanza dei sogni
доброе утро, уважаемые знатоки!)

кто-нибудь может помочь с позиционированием враппера по центру экрана? реально ли это сделать прописав одну строчку и не двигать все блоки по очереди?
уже замучилась, все предыдущие посты, которые нахожу по данной проблеме, не помогают :small:
напишите, если можете помочь, если нужно, скину полностью код.

враппер прописан так: #wrapper{ width:100%; min-width: 785px !important; margin: 0 auto !important; padding:0 !important; overflow:hidden !important; position: relative;}

грасиас))

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

20:23 

eins zwei drei
Ничего личного
После установки CSS-дизайна появились такие белые подложки под заголовками и записями. Пробовала убирать фоны заголовка, записи, дневника в разных комбинациях - не помогает. Поставила обычный дизайн из каталога, сохранила, потом вернула этот - то же самое.
код (не мой)

Что делать?

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

14:06 

-Michiko- [DELETED user]
Здравствуйте, господа.
Скажите пожалуйста, можно ли избавиться от нововведенного масштабирования, из-за которого основной блок отказывается быть той же ширины, что и экстратоп.
Заранее спасибо.

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

01:53 

Анна Роддик
Yeah, I fell out of bed the first night I was sleeping here. That’s about as close to skydiving I got this week (c) Andy Roddick
Привет, мастера-гуру CSS. Я снова к Вам с вопросом.
Появилась такая проблема, в комментариях в моем дневнике при нажатии ника (чтобы обращение появилось в комментарии), весь wrapper почему-то отскакивает вверх пикселей эдак на 200. Это адски странно и неудобно, так как заезжает в итоге на фон другого цвета. Подскажите пожалуйста, что с этим делать

Заранее огромное спасибо!

UPD. Проблему решила сама, удалять пост не стану, вдруг у кого-то похожая проблема. Проблема решилась путем подчистки кода от разнящихся немного цифр и повторов разных. Может от этого оно так скакало.

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

15:29 

f#ckin bogeygirl
$ick bubblegum ♥
Доброго времени суток!
Такой трабл случился...

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

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

12:48 

Отступы снизу

Desert Eagle
I drink and I know things.
Внизу блока записей появляется ненужный отступ, между фоном записей и рамочкой. Где я нахимичил в коде?

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

читать дальше

Спасибо, решено.

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

14:27 

Анна Роддик
Yeah, I fell out of bed the first night I was sleeping here. That’s about as close to skydiving I got this week (c) Andy Roddick
Здравствуйте, уважаемые мастера CSS.) Снова обращаюсь к Вас с вопросом (возможно тупым). Выставила некоторым кнопкам в дневнике значение display: none - как теперь использовать пустое пространство. То есть например я убрала в начале записей кнопки сортировки записей и редактирования эпиграфа, как теперь записи задвинуть вверх на пустое пространство этих кнопок? (пробовала чисто ради эксперимента повыставлять везде margin-top: 0, разумеется не помогло, так как понимаю, там как-то по-другому надо, это ведь не отступ). Заранее спасибо за помощь

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

12:46 

manhattan.
Siamo fatti della stessa sostanza dei sogni
Уважаемые знатоки!
подскажите пожалуйста, можно ли сделать блок записей "двухслойным"?
т.е., например, чтобы на черный слой накладывался полупрозрачный белый, но он был меньше по размеру, чем черный...не знаю, как по другому объяснить. для наглядности картинка:
imagebam.com

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

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

14:26 

Анна Роддик
Yeah, I fell out of bed the first night I was sleeping here. That’s about as close to skydiving I got this week (c) Andy Roddick
Добрый день!
Возникла такая проблема: поставила в postsArea скроллбар и ограничила соответственно высоту. посты читаются нормально, а вот при открытии ссылки "комментарии" скроллбара нет и все утыкается в высоту wrapper (она тоже задана), то есть комментарии теперь в дневнике вообще невозможно оставлять и вообще читать все, что ниже того, что умещается в злосчастные 700px картинки с фоном. Как с этим справиться? Хотелось бы наверное чтобы там тоже скроллбар отображался и можно было бы вниз прокрутить...

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

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

20:59 

Леди Лу
Before you judge me, try hard to love me.
Прошу вашей помощи.
В стандартном IE дизайн выглядит так:


В Opera основной блок почему-то "размножается".
Куда какой код еще прописать?



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

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

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

главная