Ознакомьтесь с нашей политикой обработки персональных данных
03:47 

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

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

решено

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

Решено. Спасибо за просветление!
запись создана: 23.05.2014 в 14:49

@темы: меню

Комментарии
2014-05-23 в 15:04 

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

2014-05-23 в 15:37 

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

2014-05-23 в 16:28 

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

2014-05-23 в 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; }
Туда нужно будет еще распихать расположение по каждому блоку, а то они один на другом отображаются.

2014-05-23 в 20:56 

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

2014-05-23 в 21:23 

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

2014-05-24 в 07:21 

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


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

2014-05-24 в 12:41 

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

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

2014-05-24 в 18:40 

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

2014-05-24 в 18:55 

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

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

2014-05-24 в 20:11 

Kildor
Homo virtualis
шпиён администрации
группа [γ]

Ну или


А вообще — код адов.

2014-05-24 в 21:07 

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

box-sizing:border-box - помогло, спасибо!

2014-05-24 в 21:31 

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

2014-05-25 в 08:05 

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

2014-05-25 в 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; }
Но ладно, это решу графически.

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

2014-05-25 в 22:51 

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

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

2014-05-26 в 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;}
Код срабатывает, но применяет цвет и размер к ссылке "мой дневник", а цифра коммента остается прежнего цвета.

2014-05-26 в 07:31 

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

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

2014-05-26 в 07:35 

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

2014-05-26 в 14:49 

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

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

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

2014-05-26 в 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; }

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

2014-05-26 в 17:50 

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

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

2014-05-26 в 20:28 

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

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

2014-05-26 в 20:40 

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

2014-05-26 в 20:45 

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

2014-05-26 в 20:48 

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

2014-05-26 в 21:03 

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

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

2014-05-26 в 21:06 

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

2014-05-26 в 21:26 

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

2014-05-26 в 21:29 

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

2014-05-26 в 22:29 

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

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

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

главная