Пятница, 29.03.2024, 12:44

Приветствую Вас Гость | RSS | Главная | Блог | Регистрация | Вход

Главная » 2012 » Декабрь » 19 » Спойлеры, сортировка, закругленные углы, обводка
15:25
Спойлеры, сортировка, закругленные углы, обводка
Суток не прошло, а я снова недовольна)))
Во-первых конечно тэги - расположенные как попало... ну ладно по схеме "кто чаще вызывается" а мне надо по алфавиту.
Сделала. Инфа тут http://likbezz.ru/forum/60-434-1
Потом - не понравился вид. Страница вытянулась в длину. А это еще нет сотни  тэгов. А когда их будет пятьсот?
Спрятала под спойлер.

Код кнопки спойлера (вставляется на нужную страницу, прячется все что ниже нее.


<input class="button" style="color:
#F8912A; background: #333333; font-size: 1.0em; font-family: Verdana,
Arial, Helvetica, sans-serif; border: solid 1px #F8912A;"
onclick="return toggleMe('200807072300')" value="Нажмите, чтобы увидеть спойлер" type="button"></div><div id="200807072300" style="display: none;">

Синим цветом в коде обозначен стиль кнопки, а именно цвет шрифта, цвет фона, размер и тип шрифта, тип, толщина и цвет рамки. Зеленым цветом обозначена надпись на самой кнопке, которую будут видеть пользователи. Ну, и наконец, красным цветом обозначена идентификатор (id) вашей кнопки. Он должен быть уникальным,
иначе кнопка может работать некорректно. Проще всего использовать
вместо идентификатора дату и время добавления материала (например,
сейчас 7 июля 2008, 23:00. Значит, идентификатор будет иметь вид
200807072300). Согласитесь, при таком задании id проблем с повторением
номера не будет.

код вставляемый в CSS перед тегом </head> (в моем случае - на страницу "О сайте. Навигация" в  Главная - Управление дизайном - Редактирование шаблонов - Страницы сайта

<script type='text/javascript'>

function toggleMe(a){

var e=document.getElementById(a);

if(!e)return true;

if(e.style.display=="none"){

e.style.display="block"

} else {

e.style.display="none"

}

return true;

}

</script>

все работает. Даже у меня. :)

+ сделала закругленные углы в полосках названий меню и обводку каждому.
первое - border-bottom: -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml- border-radius: 6px; border-radius: 6px; (радиус 10 пикселей оказался великоват, поставила 6)
второе - border: solid 1px #ffffff;  - перед padding
Я крута! :D

P/s: интересно, как скоро захочется чего-то еще?)



Просмотров: 585 | Добавил: Шер | Теги: Коды, html, Сайт | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Меню сайта

  • Главная
  • О сайте. Навигация
  • Форум Острова
  • Статьи
  • Файлы
  • Фотоальбомы
  • Журнал Острова
  • Гостевая Книга
  • Баннеры друзей

Добро пожаловать)

Поиск

Календарь

«  Декабрь 2012  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
31

Днёвка

Дни Рождения


Мой баннер


Сезон на Острове - Зима

Статистика


Здесь: 1
Мимохожих: 1
Своих: 0

Закладки