Forum'da ara:
Ara


Yazar Mesaj
Mesaj10.04.2012, 18:38 (UTC)    
Mesaj konusu: RESİM BÜYÜTME/KÜÇÜLTME KODLARI

Bedava sitemde büyük bir kısmını kullandığım ve denediğim resim kodlarını yeni başlayan arkadaşlarımı kolaylık olsun diye forumlarda yayınlamak istedim
resimlere hareket kazandırmak zahmetli ve eğlenceli bir iş olduğundan önce HTML TEST EDİTÖRÜ (sitemde de bulunan ) ile kabaca nasıl çalıştığı hakkında fikir sahibi olabilrisiniz. Şimdiden kolay gelsin arkadaşlar birkaç adet kodu forumda paylaşıyorum ama siz yinelde web sitemden diğerlerine göz atmanızda fayda var Wink


sitemdeki tüm linkler için TIKLA -> http://isacotur.tr.gg/Resim-Slayt-Kodlari.htm
-------------------------------------------------------------------------------
(SOLA DOGRU KAYAN ÇERÇEVELİ RESİM )
*WEB SİTEMDE EN ÇOK KULLANDIĞIM KODLARDAN BİRİSİ.


<table style="width: 500px; height: 111px" cellspacing="1" cellpadding="1" width="500" border="1"> <tbody> <tr> <td><marquee scrollamount="1" scrolldelay="40" top="0" left="30" frameborder="0" onmouseout_fckprotectedatt=" onmouseout=" onmouseover_fckprotectedatt=" onmouseover=">
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="RESİM ADRESİ" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="RESİM ADRESİ" /></a>
-----------------------------------------------------------------------------------

Yukarı kayan resim kodu *duyurular için olabilir*

<marquee direction="up" width="150" height="200">
<img src="1.Resim" width="100px" heigth="600px" />
<img src="2.Resim" width="100px" heigth="600px" />
<img src="3.Resim" width="100px" heigth="600px" /> </marquee>
-------------------------------------------------------------------------------------------
RESMİN ÜZERİNE GELİNCE BÜYÜSÜN KODU
* WEB SİTEMDE EN ÇOK KULLANDIĞIM KOD. kırmızı rekli yazı sadece 1 resim içindir

<html> <head>
<style type="text/css">
.thumbnail{

position: relative;

z-index: 0;

}

:hover.thumbnail{

background-color: transparent;

z-index: 50;

}

.thumbnail span{

position: absolute;

background-color: lightyellow;

padding: 5px;

left: -1000px;

border: 1px dashed gray;

visibility: hidden;

left: -1000px;

margin-bottom: 20px;

font-size: 11px;

font-family: tahoma, sans-serif;

letter-spacing: 1px;

line-height: 160%;

color: #99CC00;

text-decoration: none;

}

.thumbnail span img{

border-width: 0;

padding: 2px;

}

:hover.thumbnail span{

visibility: visible;

top: 0;

left: 60px;

}

.main { FONT-FAMILY: 'Verdana'; FONT-SIZE: 8pt; FONT-WEIGHT: 400; COLOR: 144E56; BACKGROUND-COLOR:#FFFFFF; MARGIN:0px }

</style> </head> <body>

<a class="thumbnail" href="#thumb">

<img src="http://img.webme.com/pic/i/isacotur/reklamsecenekleri.jpg" width="100" height="75" border="0" align="center" /><span>

<img src="http://img.webme.com/pic/i/isacotur/000040.jpg" width="400" height="280" /></span>


</body></html>
----------------------------------------------------
(Fare üzerine gelince genişliyor)

<p><IMG onmouseover="this.height='250';this.width='300';"
onmouseout="this.height='230';this.width='195';" height=230
src="http://img.webme.com/pic/i/isacotur/3333.gif " width=195 border=0> </p>
--------------------------------------------------
sitemdeki tüm linkler için TIKLA -> http://isacotur.tr.gg/Resim-Slayt-Kodlari.htm
______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu