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

[Kieran]

Доброго вечера.

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

решено

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

 #myDiaryLink a { background:url('/userdir/6/0/1/5/601540/85066773.png') no-repeat; position:absolute; display:block !important; overflow:hidden; visibility:visible !important; width:47px; height:28px; width-height:100%; left: 30px; top: 10px; text-indent:-3050px;}
 #myDiaryLink .count_box { position:absolute; top:2px; left: 85px; display:block !important; overflow:hidden; visibility:visible !important;}
 #umailLink a { background:url('/userdir/6/0/1/5/601540/85066809.png') no-repeat; position:absolute; display:block !important; overflow:hidden; visibility:visible !important; width:47px; height:9px; width-height:100%; left: 30px; top: 69px; text-indent:-3050px;} 
 #umailLink .count_box { position:absolute; top:61px; left: 85px; display:block !important; overflow:hidden; visibility:visible !important;}

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

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

скрин

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


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

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

хром

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

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

дельфин

Код:

 body {background-color:#001220; background-image:url('/userdir/6/0/1/5/601540/85053041.jpg');background-attachment:fixed; background-repeat:no-repeat; background-position:left top; background-size: cover; padding:0px !important; margin:0px !important}

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

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

Решено

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

Спасибо  ~Erika!

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

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

Comments

[~Erika]

Kieran, если я правильно поняла о чём Вы.
Чтобы заменить слово картинкой, не теряя цифры счётчика, пишите не

#umailLink a

,
а

#umailLink > a

.
То же самое для всех остальных ссылок в меню.

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

[Kieran]

~Erika, Спасибо!
С умылом помогло!
С дненвиком не помогло но надо было напрячь память. Помогло #myDiaryLink a b
Темы тоже помогло, но список тем наезжает на картинку.
Пока не хочет двигаться...

[~Erika]

Kieran,

список тем наезжает на картинку

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

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

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

[Kieran]

~Erika, Я использую А потому что иначе ссылка не будет рабочей. Без А картинки заменяют ссылку, но не нажимаются.
Возможно, нужно было применять для ссылок отдельный код, но я не могу его придумать.

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

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

 
#TagsList{display:block !important;visibility:visible !important}
 #tagslistlink A:hover {background-image: url('/userdir/6/0/1/5/601540/85071062.png'); }
 #tagslistlink > a { background:url('/userdir/6/0/1/5/601540/85068779.png') no-repeat; position:absolute; display:block !important; overflow:hidden; visibility:visible !important; width:40px; height:9px; width-height:100%; left: 30px; top: 35px; text-indent:-3050px;}
 #TagsList { position:absolute; width:125px !important; top:50px; left: 30px; font-size: 12px; color:#d64056; font-family: 'Century Gothic' !important }
 #TagsList span { margin-top: 1px; }

[~Erika]

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

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

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

[Kieran]

~Erika, СПАСИБО!
Теперь дошло. Да, теперь исправил, работает!