Навигация
Главная
Поиск
Форум
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
Бип из системно... 59670
Invision Power ... 58163
Организация зап... 58065
Модуль Forms 56804
Приложение «Про... 55856
Создание отчето... 55601
Оператор выбора... 55346
Подключение Mic... 55253
ТЕХНОЛОГИИ ДОСТ... 51724
Программируемая... 48658
Пример работы с... 47538
Имитационное мо... 47349
21 ошибка прогр... 42329
Реклама
Триколор ремонт квартир.
Сейчас на сайте
Гостей: 15
На сайте нет зарегистрированных пользователей

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

База данных студентов на Delphi (файл записей) + Блок схемы
Диплом - база данных поставщиков на Delphi (MS Sql Server)+ Пояснительна...
Двунаправленный динамический список на Delphi + Блок схемы

Реклама

Для тех у кого не в меру фантазия
Если вы хотите сделать со счетчиком что-то очень оригинальное можете все таки использовать полупрозрачные 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 Комментариев · 6156 Прочтений · Для печати

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


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



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

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

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

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

Пароль



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

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

Случайные загрузки
TMS
AntiRus
PHP: Полезные приемы
Zoom [Исходник на...
SMExport
Электронный магаз...
Dbgridpack
Мониторинг сервер...
Быстрое создание ...
RAS
SODA [Исходник на...
Bitmap [для кнопок]
TDBF
Фильтры изображений
C# Учебный курс
Шаблон для новост...
Blib [Исходник на...
Генетический алго...
DAlarm
Редактор текста (...

Топ загрузок
Приложение Клие... 100289
Delphi 7 Enterp... 76543
Converter AMR<-... 20017
Borland C++Buil... 10580
GPSS World Stud... 9035
Borland Delphi ... 7565
Turbo Pascal fo... 6874
Visual Studio 2... 4884
Калькулятор [Ис... 3912
FreeSMS v1.3.1 3482
Случайные статьи
Использование полу...
ВВЕДЕНИЕ В РЕКУРСИЮ
УСТРОЙСТВА В GPSS
Напряжение сигнала...
Этап 2 - перенос о...
Atari 7800 ProSystem
Конструктор с пров...
Культура отношения
Отладка CGI-скрипт...
Перекомпоновка
Чтение сообщения и...
Размеры классов с ...
Алгоритмы с вектор...
Контроль доступа
основное имя польз...
Генерация HTTP зап...
Бесплатные игровые...
Модульность - МПролог
Сортировка выбором
Стандарты кодирования
Создание избыточно...
Есть ли в Интернет...
9.3. Запись грамм...
Правила размещения...
Массивы
Статистика



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


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