Декорирование ссылки бэкграундом

Jemand — Sun, 08 Nov 2009 15:57:52 +0000

Ссылки можно украсить разными способами, подчеркнуть, сменить цвет, сменить размер, и т.д. Но в этом примере рассмотрим украшение ссылки бэкграундом, т.е. картинкой на заднем фоне. Для этого понадобится любая картинка, которая будет служить задним фоном, и следующий код.

CSS-код:

a:link, a:visited {
text-decoration : none;
} 
a:hover {
background: url(background.gif) repeat;
}

Пример, того что получится, можно посмотреть здесь.

Работоспособность:
Internet Explorer 8
Firefox 3.5.4
Opera 9.64

Картинка которую я использовал в качестве фона в примере можно взять здесь.

Раскраска ячеек таблицы через одну

Jemand — Sat, 07 Nov 2009 20:19:09 +0000

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

JavaScript:

function paintTable(obj){
for(i=0; i<obj.rows.length; i++){
    if(i%2>0){
       obj.rows[i].style.background = "#ccc";
    }
}
}
paintTable(document.getElementById("coloring"));

В строке

obj.rows[i].style.background = "#ccc";

задается цвет бэкграунда ячеек.

В строке

paintTable(document.getElementById("coloring"));

задается id таблицы, в данном случае это “coloring”.

Теперь для того, чтобы ячейки у заданной таблицы раскрашивались в нужный нам цвет, нужно присвоить таблице id который указан в скрипте, например так:

HTML-код:

<table id="coloring"> ...

Пример, того что получится, можно посмотреть здесь.

Работоспособность:
Internet Explorer 8
Firefox 3.5.4
Opera 9.64

HTML CSS Blog » Бэкграунд

Декорирование ссылки бэкграундом

Раскраска ячеек таблицы через одну