Yeni Kayıt
Konudaki Resimler
|
|
_____________________________
|
Hızlı 
Bildirim
Resimleri sayfaya yerleştirmek
Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
1 Misafir - 1 Masaüstü
Giriş
Mesaj
-
-
Bir table içini hücrelere bölebilir yada birkaç table ı iç içe yapabilirsin. Div kodları ve tbody aslında daha iyi olur ama sanırım yeteri kadar profosyenel değilsin.
Herhangi bir Editörün dizayn modunda yapmayı dene. Eğer olmuyor dersen sana örnek bir sayfa hazırlayalım ona bakarak yada üzerinde değişikler yaparak bir şeyler yapılabilir._____________________________ 17 / 110
"En güzel isimler O'nundur." -
Daha üzerinde çalışılması lazım.
<html><head>
</head>
<style type = "text/css">
p{text-align:center;}
.pupayelken2005 { float:left; position:relative; width:300px; height:300px; }
</style>
<body>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
<p> aaa</p>
<p> eeeeeeeeee</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img></center>
<p> 44444</p>
<p> 222222222</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
<p> aaa</p>
<p> eeeeeeeeee</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img></center>
<p> 44444</p>
<p> 222222222</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
<p> aaa</p>
<p> eeeeeeeeee</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img></center>
<p> 44444</p>
<p> 222222222</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
<p> aaa</p>
<p> eeeeeeeeee</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
<p> aaa</p>
<p> eeeeeeeeee</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img> </center>
<p> 44444</p>
<p> 222222222</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img> </center>
<p> 44444</p>
<p> 222222222</p>
</div>
</script>
</body>
</html>
< Bu mesaj bu kişi tarafından değiştirildi sanal47 -- 4 Aralık 2006; 18:45:05 >_____________________________
-
quote:
Orjinalden alıntı: X Files
Bir table içini hücrelere bölebilir yada birkaç table ı iç içe yapabilirsin. Div kodları ve tbody aslında daha iyi olur ama sanırım yeteri kadar profosyenel değilsin.
Herhangi bir Editörün dizayn modunda yapmayı dene. Eğer olmuyor dersen sana örnek bir sayfa hazırlayalım ona bakarak yada üzerinde değişikler yaparak bir şeyler yapılabilir.
hocam tesekkur ederim daha acemiyim yolun basindayiz bakalim biraz ugrasayim
_____________________________ -
quote:
Orjinalden alıntı: sanal47
Daha üzerinde çalışılması lazım.
<html><head>
</head>
<style type = "text/css">
p{text-align:center;}
.pupayelken2005 { float:left; position:relative; width:300px; height:300px; }
</style>
<body>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
<p> aaa</p>
<p> eeeeeeeeee</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img></center>
<p> 44444</p>
<p> 222222222</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
<p> aaa</p>
<p> eeeeeeeeee</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img></center>
<p> 44444</p>
<p> 222222222</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
<p> aaa</p>
<p> eeeeeeeeee</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img></center>
<p> 44444</p>
<p> 222222222</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
<p> aaa</p>
<p> eeeeeeeeee</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
<p> aaa</p>
<p> eeeeeeeeee</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img> </center>
<p> 44444</p>
<p> 222222222</p>
</div>
<div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img> </center>
<p> 44444</p>
<p> 222222222</p>
</div>
</script>
</body>
</html>
tesekkur ederim arkadasim oldu vallahi link nasil verebliriz bunlara yani resmin ustune geldinmi baska sayfada buyuk resim olarak acilsin_____________________________
-
Galeri tarzında bir şey düşünüyor iseniz şu linke bir göz atmanızı rica ederim
http://forum.donanimhaber.com/m_10665512/tm.htm_____________________________ 17 / 110
"En güzel isimler O'nundur." -
Resimlerin zaten büyük ise yukarıdaki kodda yükseklik ve genişliğine istediğin sayıyı yazıp ufak gösterebilirsin.
Resimi link arasına ekle. Aşağıdaki gibi yap hepsini. Resme tıklandığında gerçek ebatları ne ise o ebatta açılacaktır yeni sayfada.
<center><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=10802784&url=resim0.bmp" data-href="resim0.bmp"><img width=100 height=100 src="resim0.bmp" ></img> </a></center>
< Bu mesaj bu kişi tarafından değiştirildi sanal47 -- 4 Aralık 2006; 20:08:22 >_____________________________ -
quote:
Orjinalden alıntı: sanal47
Resimlerin zaten büyük ise yukarıdaki kodda yükseklik ve genişliğine istediğin sayıyı yazıp ufak gösterebilirsin.
Resimi link arasına ekle. Aşağıdaki gibi yap hepsini.
<center><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=10802887&url=resim0.bmp" data-href="resim0.bmp"><img width=100 height=100 src="resim0.bmp" ></img> </a></center>
Sanal47
Özür dileyerek
<a href="resim0.bmp" target="_blank" ><img width=100 height=100 src="resim0.bmp" ></img> </a></center>
yoksa tarayıcı çubuğundan geriye gitmek zorunda kalabilir..._____________________________ 17 / 110
"En güzel isimler O'nundur."
-
Teşekkür ederim Xfiles. _____________________________ -
ben alakasız bişe söyliyim,
şimdiye kadar img tagını "<img></img>" hiç böyle kullanmadım, hep böyle <img /> kullandım. w3c'ye göre xhtml 1.0 standardında da yok böyle bişi. yani kod yazarken eksiltmek farzdır, artırmak vacip :)_____________________________ -
arkadaşlar hepinize ayrı ayrı teşekkür ederim ben üzerinde çalışayım takıldığım yer olursa size sorarım çok sagolun
_____________________________ -
quote:
Orjinalden alıntı: X Files
Galeri tarzında bir şey düşünüyor iseniz şu linke bir göz atmanızı rica ederim
http://forum.donanimhaber.com/m_10665512/tm.htm
güzel ama benim istediğim sanal47 arkadaşımızın kodlarında ki gibi görüntü ama buda işime yaraya bilir onuda bir inceleyeyim
_____________________________ -
armra
Bende Evrsoft first page 2006 isimli web sayfası yapan bir program var. Senin mesajını okuduktan sonra onu kullanarak resim ekledim. img kapatması yapmıyor.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<img src="istanbul370.jpg" width="400" height="300" border="0">
</body>
</html>
nvu isimli bir program var. Onu kullanarak ekledim.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body>
<img style="width: 1024px; height: 512px;" alt="yildiz"
src="yildizlar.png">
</body>
</html>
Resim kodunun dış html kodunu almak için şu kodu yazdım.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>resim</title>
</head>
<body>
<img id="img" style="width: 1024px; height: 512px;" alt="aaaaaa" src="FAQanswer3.gif">
<script type ="text/javascript">
var e = document.getElementById('img');
alert(e.outerHTML)
</script>
</body>
</html>
Mesaj kutusu Opera'da
<img id="img" style="width: 1024px; height: 512px;" alt="aaaaaa" src="FAQanswer3.gif"/>
bunu gösterirken
İnternet Explorer'de
<img id="img" style="width: 1024px; height: 512px;" alt="aaaaaa" src="FAQanswer3.gif">
bunu gösterdi.
Aradaki fark sondaki /> birinde böyle iken diğerinde > oluyor.
Ben sizin haklı olduğunuzu düşünüyorum.
< Bu mesaj bu kişi tarafından değiştirildi sanal47 -- 5 Aralık 2006; 12:19:17 >
-
arkadaşlar resimleri ekledim sayfa tam istediğim gibi oldu yalnız bir sorun var resimler kötü gözüküyor uzantılarını jpg yaptım ama resmi cektiğim fatagraf makinesi panasonic 6mps resimlerin orjinalleri çok net ama sayfaya koyduğum zaman sanki adamın gözü kör gibi renkler merdiven gibi duruyor bunu nasıl düzelte bilirim _____________________________ -
resmin uzantısını jpg yapmakla resim küçülmez/ jpg de olmaz. bmp kaba bir formattır. onu bir resim editöründe işlemen lazım. sen renklerdeki sıralanmaya merdiven gibi dediğin için resim kalitesini çok düşürdüğünü anlıyorum. hangi program kullanıyorsun bilmiyorum ama irfan view bu işi kolayca yapar. free ve paketinde hertürlü eklenti mevcut.
---------------------------
sanal kardeşim eğer img taglarını kapatmazsan böyle /> xml'de parse error alırsın. xml standrdına uygun kod yazmaya alışmanızı tavsiye ederim. ilerde çok faydasını görürsünüz. <img /> <br /> <hr /> bu kodlar böyle yazılmalıdır. aksi xhtml standartlarına uymaz ve xml hatası verir. açılan tüm taglar kapatılmalıdır. </p> gibi çakal tagları da kullanmayın :) .
< Bu mesaj bu kişi tarafından değiştirildi armra -- 8 Aralık 2006; 11:18:35 >_____________________________
Sayfa:
1
Ip işlemleri
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
