Бормотухи.НЕТ

Вернуться   Бормотухи.НЕТ > Web-мастеру > vBulletin 3.х > Инструкции по vBulletin
Расширенный поиск

Инструкции по vBulletin Всевозможные мануалы, FAQ и инструкции по vBulletin

Ответ
 
Опции темы Поиск в этой теме
Старый 03.04.2010, 00:31 Вверх   #1
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
Хорошо Делаем счетчик затемненным и осветляющимся при на ведении

Делаем счетчик затемненным и осветляющимся при на ведении

Ну вот и возник вопрос о создании затемненного счетчика который хотелось бы осветлять при наведении. Сейчас мы это с Вами сделаем. Смотрите демонстрационный скринщот:

Название: counter.gif
Просмотров: 299

Размер: 10.5 Кб

Итак, для начала заходим в управление стилями форума, открываем все опции стиля и почти в самом конце находим два окна с CSS кодом. В люое из них в самый конец добавляем код:

PHP код:
/* Начало-Затемнение */
  
.bormotuhinet img {
  
filter:alpha(opacity=20);
  -
moz-opacity:0.2;
  -
khtml-opacity:0.2;
  
opacity:0.2;
  }
  
  .
bormotuhinet a:hover img {
  
opacity:2.0;
  -
moz-opacity:2.0;
  -
khtml-opacity:2.0;
  
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=200);
  }
  
  
/* Конец-Затемнение */ 
Сохраняем изменения. Открываем шаблон с счетчиком (обычно это шаблон footer). и Код счетчика заключаем в div.

PHP код:
<div align="center" class="bormotuhinet">

#ТУТ КОД СЧЁТЧИКА#

</div
Например должно получится примерно так:

PHP код:
<div align="center" class="bormotuhinet">
<!--
LiveInternet counter--><script type="text/javascript">document.write("<a href='http://www.liveinternet.ru/click' target=_blank><img src='http://counter.yadro.ru/hit?t26.6;r" escape(document.referrer) + ((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth)) + ";u" escape(document.URL) + ";" Math.random() + "' border=0 width=88 height=15 alt='' title='LiveInternet: показано число посетителей за сегодня'><\/a>")</script><!--/LiveInternet-->
</div> 
Сохраняем изменения и сохраняемся.
Наблюдаем за результатом и радуемся.

ps
Для тех кто не в курсе куда добавлять код счетчика в шаблоне footer смотрим тему: Как установить счетчик на форум [инструкция]
  Ответить с цитированием
15 пользователя(ей) сказали cпасибо:
Старый 22.02.2011, 15:47 Вверх   #2
Опытный пользователь
 
Аватар для krivylkin
krivylkin вне форума
Доп. информация
По умолчанию

а в 4х точно также? А то я не могу найти эти два окна для CSS
  Ответить с цитированием
Старый 22.02.2011, 16:17 Вверх   #3
::.V.I.P.::
 
Аватар для boxx
boxx вне форума
Доп. информация
По умолчанию

Цитата Сообщение от krivylkin Посмотреть сообщение
а в 4х точно также? А то я не могу найти эти два окна для CSS
Ну это же четверка... ) Они есть, но искать нужно где нить еще... возможно даже в файлах css.
  Ответить с цитированием
Старый 22.02.2011, 18:50 Вверх   #4
Опытный пользователь
 
Аватар для krivylkin
krivylkin вне форума
Доп. информация
По умолчанию

а в какой css можно вписать этот код?
  Ответить с цитированием
Старый 23.02.2011, 15:38 Вверх   #5
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от krivylkin Посмотреть сообщение
а в какой css можно вписать этот код?
Наверно в любой, я особенностей четвертой булки не знаю.
  Ответить с цитированием
Ответ

Метки
counter, счетчик

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Делаем top menu на jquery no name Разные скрипты 3 26.04.2011 19:14
Делаем стильную фотку с обложки диска Serberg Уроки Photoshop 0 14.06.2009 13:05
Делаем ник в навбаре в цвете группы Serberg Инструкции по vBulletin 4 04.04.2009 07:42
Делаем первоклассную WEB 2.0 кнопку Serberg Уроки Photoshop 0 02.07.2008 11:58
Делаем леопарда-киборга Rock Уроки Photoshop 0 09.04.2008 16:55


Текущее время: 20:58. Часовой пояс GMT +3.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, vBulletin Solutions, Inc. Перевод: zCarot
 

Время генерации страницы 0.10052 секунды с 14 запросами