Навигация
Главная
Поиск
Форум
FAQ's
Ссылки
Карта сайта
Чат программистов

Статьи
-Delphi
-C/C++
-Turbo Pascal
-Assembler
-Java/JS
-PHP
-Perl
-DHTML
-Prolog
-GPSS
-Сайтостроительство
-CMS: PHP Fusion
-Инвестирование

Файлы
-Для программистов
-Компонеты для Delphi
-Исходники на Delphi
-Исходники на C/C++
-Книги по Delphi
-Книги по С/С++
-Книги по JAVA/JS
-Книги по Basic/VB/.NET
-Книги по PHP/MySQL
-Книги по Assembler
-PHP Fusion MOD'ы
-by Kest
Professional Download System
Реклама
Услуги

Автоматическое добавление статей на сайты на Wordpress, Joomla, DLE
Заказать продвижение сайта
Программа для рисования блок-схем
Инженерный калькулятор онлайн
Таблица сложения онлайн
Популярные статьи
OpenGL и Delphi... 65535
Форум на вашем ... 65535
HACK F.A.Q 65535
Гостевая книга ... 65535
Содержание сайт... 65535
Вызов хранимых ... 65535
Эмулятор микроп... 65535
Бип из системно... 62604
Организация зап... 59784
Invision Power ... 59438
Приложение «Про... 58672
Оператор выбора... 57791
Модуль Forms 57725
Подключение Mic... 57068
Создание отчето... 57002
ТЕХНОЛОГИИ ДОСТ... 53293
Программируемая... 51065
Пример работы с... 49167
Имитационное мо... 48771
21 ошибка прогр... 43527
Реклама
Триколор ремонт квартир.
Сейчас на сайте
Гостей: 14
На сайте нет зарегистрированных пользователей

Пользователей: 13,039
новичок: kaitlynt4yz
Новости
Реклама
Выполняем курсовые и лабораторные по разным языкам программирования
Подробнее - курсовые и лабораторные на заказ
Delphi, Turbo Pascal, Assembler, C, C++, C#, Visual Basic, Java, GPSS, Prolog, 3D MAX, Компас 3D
Заказать программу для Windows Mobile, Symbian

Диплом RSA, ЭЦП, сертификаты, шифрование на C#
Выбор наилучших альтернатив с использованием методов оптимизации на Delp...
Медиа плейер на Delphi + Пояснительная записка

Реклама



Подписывайся на YouTube канал о программировании, что бы не пропустить новые видео!

ПОДПИСЫВАЙСЯ на канал о программировании

Для тех у кого не в меру фантазия
Если вы хотите сделать со счетчиком что-то очень оригинальное можете все таки использовать полупрозрачные png.

Изменения, которые мы должны внести в код счетчика, выделены цветом, как видите немного.

Разрыв строки обозначен символом »
view plaincopy to clipboardprint?
&lt;!--begin of Top100 logo--&gt; <br>
&lt;div class=&quot;counter&quot;&gt;&lt;a h_ref=&quot;http://top100.rambler.ru/top100/&quot;&gt; <br>
&lt;img
src=&quot;http://top100-inferno.rambler.ru/%20»&lt;br%20/&gt;top100/banner-88x31-rambler-gray2.gif&quot;
alt=&quot;&quot; /&gt; alt=&quot;Rambler's Top100&quot; width=&quot;88&quot; <br>
height=&quot;31&quot; border=&quot;0&quot;/&gt;&lt;/a&gt;&lt;!--end of Top100 logo --&gt;



Дальше нам нужно разместить span над изображением счетчика и в качестве фона использовать маску, которую мы только что создали.
view plaincopy to clipboardprint?
div.counter {
position:relative; // чтобы span позиционировался
// относительно этого элемента
width:88px;
height:31px;
}

.counter a { display:block; }

.counter a span {
position:absolute; // используем абсолютное
// позиционирование чтобы разместить
// span над изображением счетчика
top:0px;
left:0px;
width:88px;
height:31px;
display:none; // скрываем span
background:<A href="http://pronets.ru/tag/url/" class="st_tag internal_tag" rel="tag" title="Записи, помеченные с URL">url</A>(mask.png);
}

.counter a:hover span {
display:block; // показываем span
// при наведении мышки на счетчик
}

* html.counter a:hover span {
display:none; // IE6 не поддерживает полупрозрачные png…
}

* html.counter a:hover img {
filter: alpha(opacity=60); // …заменяем их фильтром
}


Более интересный эффект к сожалению в IE6 не работает, но поскольку пользователи уже начали понемногу переходить на IE7 и другие нормальные браузеры, то этот вариант тоже имеет право на существование.

Опубликовал Kest November 11 2008 22:41:31 · 0 Комментариев · 6330 Прочтений · Для печати

• Не нашли ответ на свой вопрос? Тогда задайте вопрос в комментариях или на форуме! •


Комментарии
Нет комментариев.
Добавить комментарий
Имя:



smiley smiley smiley smiley smiley smiley smiley smiley smiley
Запретить смайлики в комментариях

Введите проверочный код:* =
Рейтинги
Рейтинг доступен только для пользователей.

Пожалуйста, залогиньтесь или зарегистрируйтесь для голосования.

Нет данных для оценки.
Гость
Имя

Пароль



Вы не зарегистрированны?
Нажмите здесь для регистрации.

Забыли пароль?
Запросите новый здесь.
Поделиться ссылкой
Фолловь меня в Твиттере! • Смотрите канал о путешествияхКак приготовить мидии в тайланде?
Загрузки
Новые загрузки
iChat v.7.0 Final...
iComm v.6.1 - выв...
Visual Studio 200...
CodeGear RAD Stud...
Шаблон для новост...

Случайные загрузки
Программирование ...
Основы программир...
Профессиональное ...
IconCut [Исходник...
около 291 статьи ...
БД сеть компьютер...
Blib [Исходник на...
Domen Name IP
NetGraph [Исходни...
«Философия» прогр...
С. Г. Горнаков - ...
Мод "проверочный ...
Сапёр
Просмотр коммент...
Создание отчетов ...
Интерактивный инт...
Удаление своего EXE
Создание лабиринт...
Киллер окон
Java в примерах -...

Топ загрузок
Приложение Клие... 100333
Delphi 7 Enterp... 79811
Converter AMR<-... 20025
Borland C++Buil... 10823
GPSS World Stud... 9729
Borland Delphi ... 7846
Turbo Pascal fo... 6910
Visual Studio 2... 4926
Калькулятор [Ис... 4125
FreeSMS v1.3.1 3488
Случайные статьи
Списки с потоками
Как работают поиск...
Ограничение объясн...
Создание нового пр...
Подготовка файла a...
Новый корпус для д...
Схема кодирования,...
Задание: обзор чле...
tldЧтобы регистрир...
Пространство внутр...
Жесткие диски
В этих двух пример...
Последниедва запре...
Печать документа Word
Прерывание и обраб...
Триггеры операций ...
Класс TCanvas
HTPC под Windows
Invalid file acces...
/С отображает толь...
ФУНКЦИИ И ПЕРЕМЕНН...
Процедура Fill Pol...
Границы ячейки
• Почта со специфи...
Решение логических...
Статистика



Друзья сайта
Программы, игры


  • Как укладывать плитку на теплый пол www.eastclima.ru
  • eastclima.ru
Полезно
В какую объединенную сеть входит классовая сеть? Суммирование маршрутов Занимают ли таблицы память маршрутизатора?