суббота, 24 мая 2014
03:47

Выпадающее меню кодами цсс

все записи пользователя в сообществе Kieran
Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|
Дорогие и любимые.
Спасите, пожалуйста, идиота, мой мозг уже сдох.

решено

Решено, спасибо еще раз

Решено. Спасибо за просветление!

@темы: меню

URL
Комментарии
23.05.2014 в 15:04

Tavi
Поменять display:block на display:inline или display:inline-block пробовали?
URL
23.05.2014 в 15:37

Kieran
Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|
Tavi, натыкал везде, но результата нет.
И да, inline - типа в переводе в линию. Это не вызывает ли обратный эффект? В линию у меня и так есть, а мне нужно списком.
URL
23.05.2014 в 16:28

polishastik
Even on the worst days, there's a possibility for joy.
Ширину для ul пробовали менять?
URL
23.05.2014 в 19:17

Kieran
Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|
polishastik, Вы гений! Спасибо, осталось причесать. Надеюсь, мне это удастся...
КОД: #thisDiaryLinks ul, #globalLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #lastComments ul, #pchs ul { display:none; width:100px; }
Туда нужно будет еще распихать расположение по каждому блоку, а то они один на другом отображаются.
URL
23.05.2014 в 20:56

Tavi
Kieran, извините, туплю. Поняла так что вам наоборот надо)
URL
23.05.2014 в 21:23

Kieran
Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|
Tavi, Ничего страшного.
Имею дурацкую привычку писать технические посты развязно-бложным стилем. Так что не удивительно, что меня трудно понять. :-D
URL
24.05.2014 в 07:21

Kildor
Homo virtualis группа [γ]
Уж сколько раз твердили миру, если пишите в сообщество — открывайте дневник. Проще же что-то делать видя весь код ;)


То есть — ставишь overflow:hidden, и скрываешь текст через отрицательный text-indent.
URL
24.05.2014 в 12:41

Kieran
Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|
Kildor, Аы, меня Гондурас беспокоит... :-D Но могу открыть для вас лично. И тогда замучаю вопросами

Спасибо за идею! Упорото, но действенно. Кстати, с визиблом тоже пашет.
URL
24.05.2014 в 18:40

Kildor
Homo virtualis группа [γ]
А вот с этим лучше открыть. Моя телепатия пасует перед тем количеством пикселей, что указано в коде. :eye:/\:eye:
URL
24.05.2014 в 18:55

Kieran
Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|
Открыль для вас.
Да, это я из крайнего левого в крайний правый угол блок меню гоняю.

P.S. Меню все еще не пашет, :nerve: думаю его модернезировать в итоге. Простите
URL
24.05.2014 в 20:11

Kildor
Homo virtualis группа [γ]

Ну или


А вообще — код адов.
URL
24.05.2014 в 21:07

Kieran
Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|
Kildor, Ну, по честному говоря, его там вообще еще нет.
От этого блока мне нужно фиксированное положение на одном месте враппора. Внезапно выяснил, что оно привязывается к краю страницы, а не краю враппора. И на разных мониторах на разном месте. Что делать - не знаю.

box-sizing:border-box - помогло, спасибо!
URL
24.05.2014 в 21:31

polishastik
Even on the worst days, there's a possibility for joy.
чтобы абсолют/фиксед двигал меню от края раппера надо самому рапперу задать позицию релатив.
URL
25.05.2014 в 08:05

Kildor
Homo virtualis группа [γ]
Ставишь необходимому родительскому элементу position: relative, таким образом создавая новый контекст для отсчёта координат.
То бишь — для враппера ставишь position:relative, а нужному блоку — absolute|fixed.
URL
25.05.2014 в 21:11

Kieran
Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|
Kildor, polishastik, Спасибо!

Но с ником ендо дело почему-то не прокатывает. С разных мониторов ник на разном месте.
#authorName { overflow:hidden;background: url('/userdir/2/6/6/0/266066/81162917.jpg') 0px 0px no-repeat; position:absolute; left: -230px; top: -335px; width:213px !important; height:100px; line-height: 100% !important; text-indent:3050px; }
#thisDiaryInfo { position:absolute; }
Но ладно, это решу графически.

Вопрос важнее.
Я правильно понимаю, что при задании выпадающего меню настройками дайри, а не кодом, сдвинуть разные блоки меню невозможно?
URL
25.05.2014 в 22:51

polishastik
Even on the worst days, there's a possibility for joy.
Надо сначала загнать элемент в центр, а оттуда маргином в нужное место. Примерно так: left:50%; margin-left:-XXpx;

По поводу вопроса. Сдвинуть можно любой блок выпадающего меню.
URL
26.05.2014 в 01:27

Kieran
Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|
polishastik, Вы меня спасли! Спасибо вам огромное! Теперь мой днев ведет себя прилично и не расползается куда вздумается. :-D
Правда, с андроида чуть-чуть не стыкуются блоки, не знаю, как с этим воевать, но пока это не самая большая головная боль.

Есть еще одна проблема, не понимаю, тупо не понимаю, в чем дело:

Пачиму???? цифра нового коммента ТАМ?
Код блока такой:
{Мой дневник}
#myDiaryLinks ul { display:block !important; visibility:visible !important; position:fixed; background:url('/userdir/2/6/6/0/266066/81161473.jpg') no-repeat; left:50%; margin-left:-593px; top: 360px; width:182px; height:259px; width-height:100%; box-sizing:border-box; padding-top: 15px !important; font-size: 8pt !important;}
#myDiaryLinks a {margin-left:85px; margin-right:8px; }
#myDiaryLinks_title {color:#7a7a7a !important;}
Перечитал весь код раз сто, не понимаю, что я не так делаю.

Открою вам днев тоже, понмаю, что тут одним кусокм кода не обойтись.


И перестал работать код, с помощью которого я менял цвет текста уведомления о новом комментарии - цифирьку нового коммента, короче.
#myDiaryLink a b {font-size: 13px; color: #73c1e1;}
Код срабатывает, но применяет цвет и размер к ссылке "мой дневник", а цифра коммента остается прежнего цвета.
URL
26.05.2014 в 07:31

Kildor
Homo virtualis группа [γ]
> Пачиму???? цифра нового коммента ТАМ?
Патаму ;)
Патаму чта эта цифра тожа a, то есть
действует и на эту a.

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

URL
26.05.2014 в 07:35

polishastik
Even on the worst days, there's a possibility for joy.
Счетчик комментов уезжает из-за кода #myDiaryLunks a. Нужно использовать селектор #myDiaryLinks li
Второй вопрос гляну чуть позже с компа.
URL
26.05.2014 в 14:49

Kieran
Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|
Kildor, Вообще, у тебя концептуально неправильный подход к стилям.
Патамушта йа тупойэ. :apstenu:
Не подумал поправить код, когда благодаря вам на меня снизошло озарение в виде box-sizing: border-box;.

Спасибо, теперь все аккуратно.

Но с цветом цифр все таки хочется что-то сделать. Код использую тышшу раз юзаный, но результат совсем не тот =(
URL
26.05.2014 в 17:47

Kieran
Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|
Аеее, я ниче уже не понимаю с этими цифрами. :apstenu:

Поднял свой же пост про эти цифирки.
diarycss.diary.ru/p33653951.htm

Беру код оттуда сверяю с кодом из старого дизайна дневника:

#myDiaryLink a, #menuNewDescussions, #menuNewUmails {font-size: 18px; color: #cc0000; }
#myDiaryLink a b {font-size: 13px; color: #006600;}

Теперь написал себе так.
#myDiaryLink a, #menuNewDescussions, #menuNewUmails {font-size: 9px; color:#6ac4e8!importan; }
#myDiaryLink a b {font-size: 15px; color: #101010!important; font-weight: bold;}
#myFavLink, #myProfileLink, #myNotepadLink, #umailLink, #writeThisDiary { font-weight: bold; }

Что происходит - размер шрифта меняется у цифирак. Цвет не меняется. Ни у кого.
Что-то я опять забыл?
URL
26.05.2014 в 17:50

polishastik
Even on the worst days, there's a possibility for joy.
Попробуйте .count_box a {color:#;}
Вроде правильно помню написание...

П.с. А вообще все это из вращение можно было сделать с меню вверху из стандартных настроек и горааааздо проще)))
URL
26.05.2014 в 20:28

Kieran
Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|
polishastik, Неа, не реагирует аще. :apstenu:

Я в итоге и сделал из стандартных настроек меню вверху. Теховый не захотел, или у меня руки кривые.
Но в этом варианте у меня канула в лету статистика. Она там где-то внизу обиталась, а я скрыл нафиг весь ее блок.
Теперь не знаю, что делать. Без нее грустно...
URL
26.05.2014 в 20:40

polishastik
Even on the worst days, there's a possibility for joy.
Kieran, так скройте отдельные части нижней панели, а статистику оставьте.
URL
26.05.2014 в 20:45

Kieran
Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|
polishastik, Мне весь блок убрать нужно было, потому что он корежит дизайн. Первый пункт, по которому я не хотел юзать стандартные настройки...
Впрочем, статистику внизу мне все равно не интересно. Я подумаю, может ее просто своими ссылками укажу...
URL
26.05.2014 в 20:48

polishastik
Even on the worst days, there's a possibility for joy.
Kieran, так ее можно перенести, куда хочешь. Для всего блока задать абсолют, и не будет корежить диз.
URL
26.05.2014 в 21:03

Kieran
Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|
polishastik, Наверх? А не подскажете код? Я плохо себе представляю, как можно перетаскивать ссылки из блоков через не стационарную величину - я ж не протащу через все свое поле записи вверх...

Хм... не знаю, подумаю. Меня раздражала пустота там, может быть если смогу ее заузить, не будет мешать. Пока не знаю.
URL
26.05.2014 в 21:06

polishastik
Even on the worst days, there's a possibility for joy.
Position:absolute; top:Xpx;
Но надо это для всего блока прописать (bottomNav).
URL
26.05.2014 в 21:26

Kieran
Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|
polishastik, вот собственно величина этой сакральной Хе меня и смущает больше всего. Чаво туда писать? Какую величину?
URL
26.05.2014 в 21:29

polishastik
Even on the worst days, there's a possibility for joy.
Kieran, ну напишите 0 и посмотрите, что будет (элемент будет у верхнего края экрана). Чем больше значение, тем ниже.
URL