CSS градиент - Мои статьи - Статьи - Помощь студенту
Помощь студентуСтатьиМои статьиCSS градиент
23 Января 2017, Понедельник
19:54
>>> Качественная веб-разработка <<<
19:54
Меню сайта
>Г Л А В Н А Я

>Ф А Й Л Ы

>С Т А Т Ь И

>Р Е Ф Е Р А Т Ы

>Ф О Р У М

>О Т З Ы В Ы

>Т Е С Т Ы

>F l a s h И Г Р Ы

>Ф О Т О Ш О П


Советуем...
Методичка И. В. Семушин ЧИСЛЕННЫЕ МЕТОДЫ АЛГЕБРЫ
Методичка И. В. Семушин ЧИСЛЕННЫЕ МЕТОДЫ АЛГЕБРЫ

Первая часть текста (разд. 2–7) содержит необходимые теоретические сведения и задания на 6 лабораторных проектов по основным те- мам линейной алгебры. Во второй части (разд. 8–9) приведены задачи, контрольные задания и рабочая программа курса. Для студентов, изучающих численные методы по программе под- готовки в области математики, экономики и управления, естественных или технических наук по специальностям: 010101 – Z Математика
, 010501 – Прикладная математика и информатика P, 010503 – b Математическое обеспечение и администрирование информационных систем , 210400 – Телекоммуникации0, 230200 – B Информационные системы, 230301 – Моделирование и исследование операций в организационно- технических системах&, 080801 – 8Прикладная информатика (по областям)
, 090105 – Комплексное обеспечение информационной безопасности автоматизированных систем: и другим

Справочник по физике (2)
Ещё один справочник по физике. Документ в формате *.doc , поэтому для нахождения необходимой информации можно воспользоваться поиском.

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

Алгоритмы сжатия RLE, LZW и Хаффмана
В архиве находятся готовые лабораторные работы по алгоритмам сжатия RLE (Групповое кодирование - Run Length Encoding), LZW (lempe, Ziv, Welch) и Хаффмана (Huffman). Сделано на Паскале с комментариями.


Опрос
Вы учитесь в ...
Всего ответов: 651

Сотрудничество
Поставьте себе на сайт и сообщите мне


код кнопки:


Связь с админом
395799449
Написать админу
Оставить отзыв


Статьи
Главная » Статьи » Мои статьи

CSS градиент

Это простенький CSS трюк, покажет Вам как можно добавить эффект градиента при помощи PNG картинки (никакого Flash’a и JavaScript’a, только CSS). Всё что Вам потребуется – это добавить пустой тэг <span> в ваши заголовки (имеется ввиду <h1>,<h2> и т.д.) и указать фоновое изображение. Этот способ работает практически во всех браузерах.

Начнем с HTML – добавляем пустой тэг <span> в заголовок:


1.<h1><span></span>CSS Gradient Text</h1>

Ну и естественно изменяем CSS:


01.h1 {
02.    font: bold 330%/100% "Lucida Grande";
03.    color: #464646;
04.    /* тут соль */
05.    position: relative;
06.}
07.h1 span {
08.    /* указываем изображение с градиентом */
09.    background: url(gradient.png) repeat-x;
10.    /*позиционируем абсолютно */
11.    position: absolute;
12.    /*отображаем блоком на всю ширину заголовка */
13.    display: block;
14.    width: 100%;
15.    height: 31px;
16.}

И всё, множество примеров можете найти на это странице. Сам пример можете скачать по данной ссылке (в архиве вы найдете все градиенты, готовые к применению).

Чуть не забыл, надо еще повоевать с IE6, для этого в HTML код вставляем следующее:


1.<!--[if lt IE 7]>
2.<style>
3.h1 span {
4.    background: none;
5.    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gradient.png', sizingMethod='scale');
6.}
7.</style>
8.<![endif]-->

Кстати, если Вы не хотите править горы HTML кода, за Вас это может сделать jQuery:


1.<script type="text/javascript" src="jquery.js"></script>
2.<script type="text/javascript">
3.$(document).ready(function(){
4.    //prepend span tag to H1
5.    $("h1").prepend("<span></span>");
6.});
7.</script>

И всё, множество примеров можете найти на это странице. Сам пример можете скачать по данной ссылке (в архиве вы найдете все градиенты, готовые к применению).


Источник: http://anton.shevchuk.name/html-and-css/css-gradient/
Категория: Мои статьи | Добавил: DiP_admin (16 Августа 2009) | Автор: Дмитрий E W
Просмотров: 1847
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Разделы новостей
Мои статьи [25]
Учебные статьи [9]
Заработок [53]
ВЕБ-мастеру [0]
Online-сервисы [0]
Интересное [0]

Статистика

Яндекс.Метрика


Онлайн всего: 1
Гостей: 1
Пользователей: 0

Все пользователи

Яндекс цитирования Rambler's Top100 Каталог сайтов OpenLinks.RU Каталог сайтов iLinks.RU Каталог сайтов :: Развлекательный портал iTotal.RU Каталог сайтов Bi0 Каталог сайтов Всего.RU