Все записи с меткой ‘Бэкграунд’
Декорирование ссылки бэкграундом
Ссылки можно украсить разными способами, подчеркнуть, сменить цвет, сменить размер, и т.д. Но в этом примере рассмотрим украшение ссылки бэкграундом, т.е. картинкой на заднем фоне. Для этого понадобится любая картинка, которая будет служить задним фоном, и следующий код.
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
Картинка которую я использовал в качестве фона в примере можно взять здесь.
Раскраска ячеек таблицы через одну
Для того, чтобы раскрасить ячейки таблицы через одну, например в гостевой книге, нам понадобится следующий скрипт который нужно разместить после таблицы, которой требуется раскраска.
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