Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj25.06.2008, 10:27 (UTC)    
Mesaj konusu: Resimlerinize uygulayabileceğiniz çeşitli kodlar

Resmin boyutunu küçültüp yanına açıklama yapın

Kod:
<div align="center">
<div style="width:300px;text-align:left;padding:5px;background-color:#8BB4AE;border:1px solid black;font-size:12px;">
<span style="float:left;margin:10px;padding:10px;border:1px solid black;background:#D26347;">
<img src="RESİM URL Sİ BURAYA" width="100" height="137" style="border:1px solid black;">
</span>
<p>
<b>Buraya Baslık</b><br>
Buraya resim veya yazı ile ilgili acıklamalarını yapavilirsin.
</p>
</div>
</div>


Tıklanınca yeni sayfada açılan resim

Kod:
<a href="BUYUK RESİM URL Sİ BURAYA" title="This image links to Time Person of the Year"><img alt="göznurum" src="AYNI URL BURAYA" width="100" height="100" border="1"></a>


Büyük resmin üzerine küçük resim koyma

Kod:
<DIV style="BACKGROUND: url(BUYUK RESİM URL Sİ BURAYA) no-repeat left top; FLOAT: left; WIDTH: 300px; HEIGHT: 295px">
<DIV style="FLOAT: left"><IMG height="100" src="KUCUK RESİM URL Sİ BURAYA" width="85"> </DIV></DIV>


Birden fazla resmi çerçeveleyin

Kod:
<table align="center" border="1" bordercolor="#ACCAE1" width="320" height="150">
<tr><td width="100%">
<p align="center">
<img src="1.RESİM URLSİ BURAYA" width="84" height="99" style="border: 3px solid #FFFFFF">
<img src="2.RESİM URL Sİ BURAYA" width="84" height="99" style="border: 3px solid #FFFFFF">
<img src="3.RESİM URL Sİ BURAYA" width="84" height="99" style="border: 3px solid #FFFFFF">
</p>
</td></tr>
</table>
Mesaj25.06.2008, 10:30 (UTC)    
Mesaj konusu:

Fare üzerine geldiğinde titreyen resim

Kod:
<html>
<head>
<script type="text/javascript">
function shakeleft()
{
document.getElementById('image').style.position="relative"
document.getElementById('image').style.left="3"
timer=setTimeout("shakeright()",10)
}
function shakeright()
{
document.getElementById('image').style.left="0"
timer=setTimeout("shakeleft()",10)
}
function stoptimer()
{
clearTimeout(timer)
}
</script>
</head>
<body>
<b>BURAYA YAZI YAZIN VEYA SİLİN</b><br />
<img id="image" src="RESİM URL Sİ BURAYA" onmouseover="shakeleft()" onmouseout="stoptimer()" width="400" height="450" />
</body>
</html><font face="arial, helvetica" size="-2"><a href=""></a></font>


Resimin boyutlarını değiştirin

Kod:
<IMG height="295" src="RESİM URL Sİ BURAYA" width="320">

Not height değeri yüksekliği width değeri genişliği ayarlamanıza yardım eder
Önceki mesajları göster:   


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