125×125 Banner Alanı, Kodu ve Css’si

Bu yazımda ise 125×125 veya 95×95 artık o size kalmış banner alanı ve css kodunu paylaşacağım.

Siteye uygulanacak kod.

<div class="sponsorhover">

<div class="sponsorreklam"><a target="_blank" href="#" rel="dofollow"><img width="93" height="93"  alt="Sponsor" src="https://codex.dincmedya.com.tr/img/sponsor.png" /></a></div>

<div class="sponsorreklam"><a target="_blank" href="#" rel="dofollow"><img width="93" height="93"  alt="Sponsor" src="https://codex.dincmedya.com.tr/img/sponsor.png" /></a></div>

<div class="sponsorreklam"><a target="_blank" href="#" rel="dofollow"><img width="93" height="93"  alt="Sponsor" src="https://codex.dincmedya.com.tr/img/sponsor.png" /></a></div>

<div class="sponsorreklam"><a target="_blank" href="#" rel="dofollow"><img width="93" height="93"  alt="Sponsor" src="https://codex.dincmedya.com.tr/img/sponsor.png" /></a></div>

<div class="temizle"></div>
</div>

Css Kodu.

.sponsorhover img{
/*Bu Kısım Resimlerin Normal Halleri*/
opacity:0.6;
-moz-opacity: 0.6; 
-khtml-opacity: 0.6;
}
.sponsorhover a img:hover{
/*Bu Kısım Üstüne Gelindiğinde Gözüken Kısım*/
opacity:1.0;
-moz-opacity: 1.0; 
-khtml-opacity: 1.0; 
}
/* VolkanAkpinar.com / 125x125 Reklam Alanı */
.sponsorreklam
{
	margin: 5px;
	width: 93px;
	height: 93px;
	padding: 0px;
	border: 1px solid #e7e7e7;
	background-color: #FFFFFF;
        float: left;
}
.sponsorreklamikiyuz
{
	margin: 5px;
	width: 198px;
	height: 198px;
	padding: 0px;
	border: 1px solid #e7e7e7;
	background-color: #FFFFFF;
        float: left;
}
.sponsorreklam125 img{
opacity:0.6;
-moz-opacity: 0.6; 
-khtml-opacity: 0.6;
}
.sponsorreklam125 a img:hover{
opacity:1.0;
-moz-opacity: 1.0; 
-khtml-opacity: 1.0; 
}

Bir yorum yap yada bir soru sor.

avatar
  Yorumlara Abone Ol  
Bildir