Resmin Üzerine Gelince Popup İle Açma [CSS]

HTML, CSS, JavaScript ile ilgili genel konular.

Resmin Üzerine Gelince Popup İle Açma [CSS]

İleti Napster 09.05.2006, 18:49

Demosu: http://www.dynamicdrive.com/style/cssli ... ge-viewer/

CSS Kodumuz

[syntax="css"]
<!-- Source: Dynamic Drive CSS Library -->
<!-- URL: http://www.dynamicdrive.com/style/ -->

<style type="text/css">

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

</style>
[/syntax]

HTML Kodumuz

[syntax="css"]
<a class="thumbnail" href="#thumb"><img src="media/tree_thumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/tree.jpg" /><br />Simply beautiful.</span></a>

<a class="thumbnail" href="#thumb"><img src="media/ocean_thumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/ocean.jpg" /><br />So real, it's unreal. Or is it?</span></a>

<br />
<br />

<a class="thumbnail" href="#thumb">Dynamic Drive<span><img src="media/dynamicdrive.gif" /><br />Dynamic Drive</span></a><br />
<a class="thumbnail" href="#thumb">Zoka Coffee<span><img src="media/zoka.gif" /><br />Zoka Coffee</span></a>
[/syntax]
Napster
Kullanıcı avatarı
Napster
Üye
Üye
 
İleti: 537
Kayıt: 15.11.2005, 18:55
Konum: İstanbul

İleti dtdesigner 09.05.2006, 22:09

çok hoş. Bunu arıyordum bende. Normal link için yapsak yani linkin üzerine gelince popup olabilirmi?
Kullanıcı avatarı
dtdesigner
Üye
Üye
 
İleti: 74
Kayıt: 29.03.2006, 15:57

İleti Napster 10.05.2006, 19:56

Denemedim ama olabilir sanırım :?
Napster
Kullanıcı avatarı
Napster
Üye
Üye
 
İleti: 537
Kayıt: 15.11.2005, 18:55
Konum: İstanbul

İleti murtaza 27.05.2006, 11:32

html kodunu nereye vericez?

Sevgiyle
Ögretmenim canim benim , canim benim...
Seni ben pek cok , pek cok severim.
Sen bir anaaaa , sen bir baabaaaaaa
Kalani neyyydiii yaaa unuttum , bu siirin sözlerini ariyorum...
Kullanıcı avatarı
murtaza
Üye
Üye
 
İleti: 1187
Kayıt: 15.11.2005, 17:15
Konum: Yurt Dışı

İleti Napster 27.05.2006, 11:40

<body>

</body>

tagları arasına ekle
Napster
Kullanıcı avatarı
Napster
Üye
Üye
 
İleti: 537
Kayıt: 15.11.2005, 18:55
Konum: İstanbul

İleti deep_turtle 08.06.2006, 20:21

ya bunu yaptım span tagı arasın contact form ekledim local de sorunusz çalışıo ama nete atınca sorun çıkıo
Kullanıcı avatarı
deep_turtle
Üye
Üye
 
İleti: 188
Kayıt: 19.01.2006, 18:30

İleti cerxa 08.06.2006, 20:29

süper bir şeye benziyor kurmak istiyorum tam olarak kodları nereye eklemem lazım söyleyebilirmisiniz? indexemi?
Kullanıcı avatarı
cerxa
Üye
Üye
 
İleti: 229
Kayıt: 21.05.2006, 20:40

İleti murtaza 08.06.2006, 21:18

Napster yazdı:<body>

</body>

tagları arasına ekle


overall_header'deki body`leremi?

Sevgiyle
Ögretmenim canim benim , canim benim...
Seni ben pek cok , pek cok severim.
Sen bir anaaaa , sen bir baabaaaaaa
Kalani neyyydiii yaaa unuttum , bu siirin sözlerini ariyorum...
Kullanıcı avatarı
murtaza
Üye
Üye
 
İleti: 1187
Kayıt: 15.11.2005, 17:15
Konum: Yurt Dışı

İleti Napster 08.06.2006, 22:01

murtaza yazdı:
Napster yazdı:<body>

</body>

tagları arasına ekle


overall_header'deki body`leremi?

Sevgiyle


Ben bunu phpBB için vermedim.Normal web sitelerinde kullanılması için verdim.Ama boş bir zamanımda phpBB için denemeyi planlıyorum.Bu CSS'i entegre edebilir miyim acaba :? Bi deniyeceğim sonra dönerim size.

Edit

Şöyle bir kodları inceledimde sanırım mümkün değil böyle birşey yapmak.Çünkü verilen CSS kodlarında belirli resimleri açmak için link belirleniyor.Yanlış anlamıyorsam sende tüm resimlerde açılmasını istiyorsun.O yüzde olamıyacak sanırım.Diğer arkadaşlarda bakarsa iyi olur.
Napster
Kullanıcı avatarı
Napster
Üye
Üye
 
İleti: 537
Kayıt: 15.11.2005, 18:55
Konum: İstanbul

İleti Pluton 09.06.2006, 10:17

Tam aradıım şeydi gerçekten tşkler
No CommEnT
Pluton
Üye
Üye
 
İleti: 555
Kayıt: 09.10.2005, 18:51
Konum: Antalya

İleti murtaza 09.06.2006, 12:04

Phpbb icin diilse
artik önemi yok
yani ben html`den hic anlamiyomda
HTML sitemde yok

Ama yinede bircoklarinin isine yariyacagi kesin

Sevgiyle
Ögretmenim canim benim , canim benim...
Seni ben pek cok , pek cok severim.
Sen bir anaaaa , sen bir baabaaaaaa
Kalani neyyydiii yaaa unuttum , bu siirin sözlerini ariyorum...
Kullanıcı avatarı
murtaza
Üye
Üye
 
İleti: 1187
Kayıt: 15.11.2005, 17:15
Konum: Yurt Dışı

İleti

ALEXIS
09.06.2006, 12:33

niye anaciim, bizim şu resimleri ufaltan phpbb şeysi yok mu, ona monte edersin :)
Kullanıcı avatarı
ALEXIS
Site Yöneticisi
Site Yöneticisi
 
İleti: 2563
Kayıt: 30.06.2005, 09:08


HTML, CSS, JS



Kimler çevrimiçi

Bu forumu görüntüleyenler: Kayıtlı kullanıcı yok ve 0 misafir

cron