css de sitenin tam ortasında resim açma.

09-06-2015, 03:07:51

merhaba arkadaşlar ben bir yazının üstüne gelince sitenin tam ortasında resim açmak istiyorum şöyle birşey yaptım çalışıyor ama sitenin tam ortasında yapmayı başaramadım yardımcı olursanız sevinirim.

<style type="text/css">
	.karakter{position:fixed; lefts: 394px; right:600; top:158px; z-index:1000; border: 2px dashed gray;}
	.goruntu img{background-color: #E8E8E8; webkit-border-radius: 20px 20px; moz-border-radius: 20px/20px; border-radius: 20px/20px; padding:5px;}
	.goruntu span{visibility: hidden;} 
	.goruntu:hover span{visibility: visible;}
</style>

Burada,

.karakter{position:fixed; lefts: 394px; right:600; top:158px; z-index:1000; border: 2px dashed gray;}

<div class="goruntu"><Div style="display:none;visibility:hidden;">&nbsp</Div><font color="GREEN" face="Trebuchet MS" size="2"><a title="TEST">TEST</a><span><img class="karakter" src="http://www.uolist.net/list/img/banner/banner.png"></span></div>

left ve right veya top olarak ortalamaya çalışıyorum bunları kullanmadan otomatik nasıl sitenin ortasında gösterebilirim.

09-06-2015, 03:40:00

#2

~~MaviYazilim~~

Üyeliği durduruldu

Gdefender adlı üyeden alıntı: mesajı görüntüle

merhaba arkadaşlar ben bir yazının üstüne gelince sitenin tam ortasında resim açmak istiyorum şöyle birşey yaptım çalışıyor ama sitenin tam ortasında yapmayı başaramadım yardımcı olursanız sevinirim.

<style type="text/css">
	.karakter{position:fixed; lefts: 394px; right:600; top:158px; z-index:1000; border: 2px dashed gray;}
	.goruntu img{background-color: #E8E8E8; webkit-border-radius: 20px 20px; moz-border-radius: 20px/20px; border-radius: 20px/20px; padding:5px;}
	.goruntu span{visibility: hidden;} 
	.goruntu:hover span{visibility: visible;}
</style>

Burada,

.karakter{position:fixed; lefts: 394px; right:600; top:158px; z-index:1000; border: 2px dashed gray;}

<div class="goruntu"><Div style="display:none;visibility:hidden;">&nbsp</Div><font color="GREEN" face="Trebuchet MS" size="2"><a title="TEST">TEST</a><span><img class="karakter" src="http://www.uolist.net/list/img/banner/banner.png"></span></div>

left ve right veya top olarak ortalamaya çalışıyorum bunları kullanmadan otomatik nasıl sitenin ortasında gösterebilirim.

<div class="kutu">
  <div class="yazi">
      Test Yazı
  </div>
</div>

.kutu {width: 400px;height: 400px;background: #333;border: 1px solid #ddd;}
.yazi {font-size: 20px;text-transform: uppercase;color: #fff;font-weight: bold;text-align: center;line-height: 400px;display: none;}
.kutu:hover .yazi {display: block;}

Tam olarak istediğiniz şey bunun gibi birşey mi ? Yazdıklarınıza göre birşeyler uyarladım umarım isteğini karşılamışımdır

09-06-2015, 04:14:25

#3

trky

width ve height bilgisi mevut ise;

.karakter{position:fixed; left: 50%; top: 50%; width: 300px; height: 300px; margin-top: -150px; margin-left: -150px; z-index: 99 }

09-06-2015, 04:14:26

#4

Gdefender

Hocam ilginiz için teşekkür ederim ama siz yanlış anladınız sanırım mesela,

XXXX

yazısı var üstüne gelince resim açılacak benim örneğe baktınız mı?

09-06-2015, 23:34:41

#5

trky

üstte cevap yazdm aynı anda yazmışız. çek edebilirsen işine yarayabilir.

09-06-2015, 23:50:04

#6

Gdefender

@trky

hocam senin yazını görmemiştim bugun gördüm çok teşekkür ederim istediğim buydu sağolun.