Замена ссылок на кликабельные кнопки работы с сообщением

Это как так?
 
Я поставил изображение вместо ссылки, но прежний текст-ссылка виден:
яяя.jpg
 
Элизбар, зачем нагружать все изображениями, такого вида кнопку можно сделать средсвами css, будет полегче, чем подгрузка картинок

А убрать текст, можно уменьшив его размер
Код:
.message .privateControls .item a {
    font-size: 0px;
}

Кнопки с другой стороны .message .publicControls .item
 
Элизбар, ну надо пытаться, мыслить немного, анализировать :)

Код:
.message .privateControls .item.muted {
    font-size: inherit;
}

.message .privateControls .item,
.message .publicControls .item {
    font-size: 0px;
}
 
  • Мне нравится
Реакции: Hope
Да я пытаюсь мыслить, аж до потери сознания, но не получается :lol:
Элизбар, ну надо пытаться, мыслить немного, анализировать :-)

Код:
.message .privateControls .item.muted {
    font-size: inherit;
}

.message .privateControls .item,
.message .publicControls .item {
    font-size: 0px;
}
Пробовал...
Было так:
яяя.jpg
Стало вот так:
яяя2.jpg
 
Да еще для ссылки на тему
Код:
.message .privateControls .item.muted,
.message .publicControls .item.muted {
    font-size: inherit;
}

.message .privateControls .item,
.message .publicControls .item {
    font-size: 0px;
}

Элизбар, блин, ну что вы такие безпомощные, дали готовый код, скопировали, вставили и все, надо думать, значит надо указть размер этих пунктов.

Элизбар, этот код использовал? Замена ссылок на кликабельные кнопки работы с сообщением

Так попробуй, я сейчас просто смотрю по коду, ни где не пробую :-)
Код:
.message .messageMeta .control {
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    min-width: 90px;
    margin: 0 10px;
}

.message .messageMeta .control.edit {
    background-image: url('путь_к_картинке');
}

.message .messageMeta .control.delete {
    background-image: url('путь_к_картинке');
}

.message .messageMeta .control.ip {
    background-image: url('путь_к_картинке');
}

.message .messageMeta .control.warn {
    background-image: url('путь_к_картинке');
}

.message .messageMeta .control.report {
    background-image: url('путь_к_картинке');
}

.message .messageMeta .control.postNumber {
    background-image: url('путь_к_картинке');
}

.message .messageMeta .control.like {
    background-image: url('путь_к_картинке');
}

.message .messageMeta .control.reply {
    background-image: url('путь_к_картинке');
}
 
Да еще для ссылки на тему
Код:
.message .privateControls .item.muted,
.message .publicControls .item.muted {
    font-size: inherit;
}

.message .privateControls .item,
.message .publicControls .item {
    font-size: 0px;
}
Всё то же самое:(:

яяя2.jpg


Элизбар, блин, ну что вы такие безпомощные...
Да я стараюсь :sneaky:, но пока не получается...

Да.
 
Элизбар, дал там выше другой код для картинок
Skaiman, огромное спасибо!
Теперь получилось:
яяя.jpg

...пойду лепить другие кнопки.

------------------------
PS А не подскажешь, как опустить кнопки вниз блока сообщений, а ник (можно его и убрать), время создания сообщенияи, номер в правый верхний угол6723044.gif
 
Тогда, остальные вопросы, не касаются данной темы.
Подскажи, пожалуйста тему, где обсуждается этот вопрос.

PS про поиск я в курсе, но что-то не получается.

При том, что писал выше, кнопки картинками, это древность
Ага... вот в чём дело.
А как быть с праздничными кнопками, например новогодней-зимней? Вот такой: p_edit2.gif
 
Да еще для ссылки на тему
Код:
.message .privateControls .item.muted,
.message .publicControls .item.muted {
    font-size: inherit;
}

.message .privateControls .item,
.message .publicControls .item {
    font-size: 0px;
}
А как сделать, чтобы номер поста не сворачивался?

А как сделать, чтобы номер поста не сворачивался?
Отбой - вопрос решён.
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу