Навигация
Главная
Поиск
Форум
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
Эмулятор микроп... 65535
Приложение «Про... 61596
Организация зап... 61304
Invision Power ... 60948
Оператор выбора... 60264
Подключение Mic... 59052
Модуль Forms 58934
Создание отчето... 58509
ТЕХНОЛОГИИ ДОСТ... 54737
Программируемая... 53478
Пример работы с... 51434
Имитационное мо... 50169
21 ошибка прогр... 45133
Реклама
Сейчас на сайте
Гостей: 7
На сайте нет зарегистрированных пользователей

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

Компьютерный магазин на Turbo Pascal (База данных) + Пояснительная записка
Моделирование автомойки на GPSS + Отчет + Блок схемы
Файл записей с выводом обратного заголовка на Turbo Pascal

Реклама



Подписывайся на 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 Комментариев · 6467 Прочтений · Для печати

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


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



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

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

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

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

Пароль



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

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

Случайные загрузки
Песочные часы
ActiveX в Delphi
Экранная лупа
ProLIB18
AddPage [Исходник...
AID антивирус
Billenium Effects...
около 291 статьи ...
Blobs [Исходник н...
DCAVI
Популярные загрузки
CoolHints2k v1.03
Распознавание иде...
IPAddresseEdit
Просмотр файлов и...
Crypt32
PHP 5. Практика с...
Пример OpenGL гра...
Encrypt Decrypt
Report

Топ загрузок
Приложение Клие... 100356
Delphi 7 Enterp... 81289
Converter AMR<-... 20037
Borland C++Buil... 10906
GPSS World Stud... 10004
Borland Delphi ... 7962
Turbo Pascal fo... 6939
Visual Studio 2... 4946
Калькулятор [Ис... 4194
FreeSMS v1.3.1 3500
Случайные статьи
Основные конструкц...
Классы
Шифрование сообщен...
Фреймова модель пр...
Создание и конфигу...
см. обмен: службыа...
Пример работы с по...
Видеоприложения со...
Разновидности Б-де...
решения для выделе...
ДОПУСТИМЫЕ СПОСОБЫ...
Синергетика
Моделирование сист...
Как купить комнату...
Мы часто встречаем...
Выбор заставки
Отключение шифрова...
Настройка Windows ...
functor(T,F,N)
Определить самую д...
Stand-Alone-блоги ...
Рисование и редакт...
Undefined label in...
Классификация и ст...
Операнды компьютер...
Статистика



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


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