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

цифра нового комментария, картинка для замены тем и картинка на боди

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

Головная боль номер один:
Не могу совладать с цифрами нового коммента и умыла при замене ссылок на картинки в меню.
Испробовал, по-моему, уже все, что мог.
Более менее что-то делает вот такой тег для умыла и дневника:


Но далось сдвинуть только полосочку.
Я подозреваю, что фигня в text-indent:-3050px - скорее всего все действующие ссылки угоняются вепеня.
Кстати, тег #menuNewUmails вообще не принес результата. Пробовал что-то типа: #menuNewUmail { position:absolute; text-indent:3050px !important;}

Соответственно, два вопроса.
Первый - как заменить ссылку в меню на картинку, не угоняя основную ссылку вепеня.
И второй - если не удастся первое, как вернуть из вепеня ссылки на умыло/дневник обратно.



Да, перерасположить полосочки под ссылки мне удалось. На скрине недоперерасположенный вариант.


Головная боль номер два:

Я растянул фон дневника на все через cover, но почему-то с мобильного хрома оно ведется себя удручающе.
При том, что если на странице новой записи все более-менее норм, то на странице дневника по ощущению картинка растягивается на всю длину ленты, вместо того, что бы заполнить тупо доступный экран.

С мобильного дельфина тоже.
Там она не растягивается вообще.

Код:


Вопрос: Есть ли какой-нибудь костыль для мобильных версий, или придется смириться?

И последняя (я надеюсь) головная боль.

Хотелось бы заменить ссылку "Темы записей" на картинку, но сохранить при этом не тронутыми собственно, сами темы.
По коду получается, что tagslistlink отвечает за блок целиком, за список тем отвечает TagsList, а что отвечает за ссылку отдельно я найти не смог. Кроме вот этого: swap2("TagsList";);return false;
Соответственно, вопрос:
Подскажите пожалуйста код этого одного элемента?

Спасибо ~Erika!

ЗЫ: Ссыль на днев при желании дам, но заходить осторожно, а то оттуда сложно выйти =)

@темы: фоновые картинки, меню

Комментарии
2017-06-14 в 21:42 

~Erika
Winter is coming...
Kieran, если я правильно поняла о чём Вы.
Чтобы заменить слово картинкой, не теряя цифры счётчика, пишите не
,
а
.
То же самое для всех остальных ссылок в меню.

Для ссылки "Темы записей" тот же код - #tagslistlink > a.

2017-06-14 в 22:08 

Kieran
Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|
~Erika, Спасибо!
С умылом помогло!
С дненвиком не помогло но надо было напрячь память. Помогло #myDiaryLink a b
Темы тоже помогло, но список тем наезжает на картинку.
Пока не хочет двигаться...

2017-06-14 в 23:19 

~Erika
Winter is coming...
Kieran, список тем наезжает на картинку
Это происходит потому, что Вы задаёте position absolute ссылкам внутри li. Позиционируйте лучше сами li. То есть как-то так:

#postsCalendar {
position: absolute;
left: 30px;
top: 15px;
}

вместо #postsCalendar a. Ну и для #tagslistlink то же самое.

2017-06-16 в 06:58 

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

Осталась проблема с ахавером =(
По скольку все ссылки кроме самих тем - картинками, то и ахавер для них - тоже картинка, тот же текст другого цвета.
Но теперь эта картинка отображается при наведении не только на саму замененную ссылку, но и на все ссылки из блока.
Например, когда навожу на темы, вместо стандартного ахавера для дневника для них отображается многократно повторенная картинка из первого кода =(

Использую код:

2017-06-16 в 11:37 

~Erika
Winter is coming...
Kieran, я имела в виду именно свойства для позиционирования. Все остальные стили, конечно, можно писать для A.

Например, когда навожу на темы, вместо стандартного ахавера для дневника для них отображается многократно повторенная картинка из первого кода =(

Смотрите. Когда Вы пишете #tagslistlink A:hover - это ознаачет, что свойства применятся для всех тегов A внутри элемента с id="tagslistlink". То есть независимо от уровня вложенности. Вам нужно стилизовать только ссылку, которая будет заголовком для списка тем. Она является прямым потомком для #tagslistlink, значит для неё нужен код #tagslistlink > a.
Вот эта стрелочка - > - означает, что код применится не ко всем А внутри #tagslistlink, а только к тому А, который лежит непосредственно внутри #tagslistlink и не обёрнут другими тегами.

2017-06-16 в 12:42 

Kieran
Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|
~Erika, СПАСИБО!
Теперь дошло. Да, теперь исправил, работает!

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

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

главная