Общие вопросы по оформлению (20)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function toggle_show(id) {
    document.getElementById(id).style.display = document.getElementById(id).style.display == 'none' ? 'block' : 'none';
}
</script>
</head>
<body>

<ul>
    <li onClick="toggle_show('bla-bla2')"> <center> <img src="Ваша картинка" > </center>

        <ul id="bla-bla2" style="display: none">


</body>
</html>

0

Поделиться851Пт, 21 Май 2010 18:56:25

Автор: [весна.]
Заслуженный
Зарегистрирован: Чт, 25 Мар 2010
Сообщений: 27
Уважение: 0
Позитив: +1
Последний визит:
Вт, 8 Фев 2011 22:40:34

Доброго времени суток.
Тут уже задавался этот вопрос, но у меня почему-то этот код работать не хочет.
Скажите как заменить название категории на картинки, как на этом форуме http://skazanie.mybb.ru/.

0

Поделиться852Пт, 21 Май 2010 19:29:08

Автор: Nitka
Стремящийся
Зарегистрирован: Ср, 19 Май 2010
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Сб, 22 Май 2010 16:53:48

Здравствуйте)
Со своим вопросом куда только не обращалась, вы - последняя надежда!
У меня есть скрип облака тэгов в таблице.
Но я хочу что бы вместо текста ( http://probnikmell.spybb.ru/ ) крутились картинки (как тут http://tlklifeafterunion.forumbb.ru/ )
Как это сделать?
Я уже пробовала вместо текста вставлять адрес картинки, но в таком случае или все облако пропадает, или эти ссылки становятся в ряд и не крутятся...
Прошу помощи.

0

Поделиться853Пт, 21 Май 2010 19:32:48

Автор: Елка
Заслуженный
Зарегистрирован: Вт, 17 Мар 2009
Сообщений: 268
Уважение: +53
Позитив: +110
Последний визит:
Вт, 3 Сен 2013 22:25:41

[весна.]
А я хочу обратиться к тебе... уже полчаса ищу, и тут вижу твой форум! Подскажи, плиз, как ты сделала такие названия категорий? Вернее, не как сделала, а как вставляла? :question:
Организация игры...Асканские земли...

З.Ы. Упссс... только сейчас поняла, что это не твой форум и ты тоже просишь помощи в этом вопросе :blush:

Отредактировано Елка (Пт, 21 Май 2010 19:40:39)

0

Поделиться854Пт, 21 Май 2010 20:20:50

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Kolt написал(а):

Форум вот. Они зеленые - допустим информация, анкеты и т.д. А хочу другой цвет

Я их вижу не зелёными:

Тем не менее, вот код для смены этого элемента:
Код:
<style> .tclcon h3 a { color: red !important; } </style>

red измените на нужный цвет.

0

Поделиться855Пт, 21 Май 2010 20:27:05

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

сентябрь написал(а):

Да, спасибо. Теперь кнопки отображаются, только слишком сдвинуты вправо. Как их отрегулировать?
Просто если меняешь эти значения:
height: 70px;
width: 70px;
то кнопки просто срезаются.
скрин

<style type="text/css">
.punbb div.icon {
float: left;
display: block;
border-style: none none none none;
height: 70px;
width: 70px;
}
.punbb td div.tclcon {
padding-left: 50px;
}
Div.icon {
background-image : url(адрес иконки темы без новых сообщений);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(адрес иконки темы с новыми сообщениями);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(адрес иконки выделенной темы);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(адрес иконки закрытой темы);
background-repeat: no-repeat;
}
TR.iredirect Div.icon {
background-image : url(адрес иконки переадресации);
background-repeat: no-repeat;
}
</style>

Попробуйте этот код. Меняйте выделенное красным число, чтобы уменьшить или увеличить отступ от иконок до текста.

0

Поделиться856Пт, 21 Май 2010 20:30:17

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Розалли написал(а):

вот, именно так надо. это тот же самый код?

Не вовсем.

Изображение, в шапке, точнее говоря его код смените на этот:
Код:
<img src="http://funkyimg.com/u2/178/851/01.png" style="margin-top: -400px;" >
Далее в первом окне стиля найдите пункт A5.1 и замените его на:
Код:
/* A5.1 */ #pun { margin: 300px auto 30px auto; width : 800px; padding: 0px 15px 0px 15px; }
И наконец во втором окне стиля припишите где-нибудь в начале:
Код:
.punbb { background: url(http://s53.radikal.ru/i139/1005/3a/15ff2afe40ef.png) repeat; }

+1