Код Гостевой в Header

<link rel="stylesheet" href="http://misterangelalon.3dn.ru/css/Mexico.css" media="all" type="text/css"/>

<link rel="stylesheet" href="http://espacioforos.miarroba.st/1985419/cars.css" type="text/css" media="all" />

 

 

 

 

Смена изображений при наведении / Кнопка __ Css / W3C***

Html:

 <div id='batt'>
<a href="http://elfixbox.blogspot.com/"></a>
</div>

 

Css:

#batt a
{padding:95px; /* for img 190x190 */
font-size:0px; background: url(http://u.jimdo.com/www20/o/s6e50dee99e9b941a/img/if14afb572bba6c27/1324984316/std/image.png)}
#batt a:hover
{ background: url(http://u.jimdo.com/www20/o/s6e50dee99e9b941a/img/i7b53fdc189e2c034/1324984432/std/image.png)}

 

 

 

Script / Mouse over the image

 

 

<script type="text/javascript">

function moveover()
{
document.getElementById('image').width="606";
document.getElementById('image').height="296";
}
function moveback()
{
document.getElementById('image').width="120";
document.getElementById('image').height="58";
}
</script>

<img id="image" src="http://u.jimdo.com/www20/o/s6e50dee99e9b941a/img/i9a75c7d2c5b9ff30/1294085168/std/image.jpg" onmouseover="moveover()" onmouseout="moveback()" alt="" height="58" width=
"120" name="image" style="display: block; margin-left: auto; margin-right: auto;" />

 

 

 

Тени, закругления.

 

<style> .shadowtext{ text-shadow: black 1px 1px 2px, red 0 0 1em; /* Параметры тени - цвет, сдвиг Х, сдвиг Y, размыв. */ color: white; /* Белый цвет текста */ font-size:2em; /* Размер надписи */ } </style>
/* --- CSS --- */
.round {
display: inline-block;
width:720px;
color: #9a9;
font-size: .75em;
text-shadow: 1px 1px 0px #000;
background: #dee url(https://u.jimcdn.com/www18/o/s2c31c36e13e3dcec/img/ie923aa19ffbf574f/1325621123/std/image.png);
border: 0px solid #222;
padding: 8px 16px; margin:44px 0;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.8); /* Для Firefox */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8); /* Для Safari и Chrome */
box-shadow: 0 0 30px rgba(0,0,0,0.8); /* Параметры тени */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; }

Прозрачность.

/* --- CSS --- */

#anything { opacity: 0.5; /* 50% transparent */ }
#anything { background: rgba(0,0,0,0.5); /* 50% transparent */ }

!!

a:hover img, #ss_logo a:hover
{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);opacity:0.9}

!!

 

 

 

 

Фон

@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMQFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');
}

 

 

 

 

 

Wanted.