Вебмастеринг

Затемнение изображения при наведении

Такой вот код в css добавить -

img {
opacity:0.8;
-moz-opacity:0.8;
filter: alpha(opacity=80) black;
-khtml-opacity: 0.8;
background-color:#000;
}

img:hover {
opacity:1;
-moz-opacity:1;
filter: alpha(opacity=100) black;
-khtml-opacity: 1;
background-color:#000;
}

Смена цвета рамки картинки-ссылки при наведении

<style>
<!--
a.image:link,a.image:visited,a.image:active
{ border: 1px solid #начальный_цвет; }
a.image:hover { border: 1px solid #конечный_цвет; }
-->
</style>
 

Увеличить картинку на 20% при наведении

<script>

function zoomIn(e){

e.style.width = e.clientWidth*1.2;

e.style.height = e.clientHeight*1.2;

}

function zoomOut(e){

e.style.width = e.clientWidth/1.2;

e.style.height = e.clientHeight/1.2;

}

</script>

<img src='http://www.html.by/images/top_html.jpg' onmouseover='zoomIn(this)' onmouseout='zoomOut(this)'/>

Как сделать рекламно-привлекательный блог

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

Слайдер на сайт

Очень интересная штука для сайта - это слайдер (англ. slider).

Поскольку штучка очень прикольная, а в друпале ко всем модулям нужны еще, и как правило это views и сck которые я все никак не соберусь осилить, то тема пока откладывается, но что б не забыть об оной - пара ссылок да заметок:

Страницы

Подписка на RSS - Вебмастеринг