Böyle birşey mümkün mü ? - Sayfa 2

31-07-2010, 16:09:00

#10

Kimlik doğrulama veya yönetimden onay bekliyor.

Script Kodu:

<script>
$(".buton").click(function(){
       $("div#mesaj").fadeIn("slow");
});
</script>

<div id="mesaj"></div>
<input type="button" name="buton" class="buton" value="Mesaj Göster" /></div>

Bu şekilde deneyebilirsiniz.

31-07-2010, 16:17:23

#11

sefakdas

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

Script Kodu:

<script>
$(".buton").click(function(){
       $("div#mesaj").fadeIn("slow");
});
</script>

<div id="mesaj"></div>
<input type="button" name="buton" class="buton" value="Mesaj Göster" /></div>

Bu şekilde deneyebilirsiniz.

Pc de html sayfası oluşturarak denedim olmadı. Ayrıca yapmak istedigim şu. Sayfaya sabit bi tane buton koycam mesela diyelim sağ en alta. Ona tıkladıgımda sayfanın ortasında yarı saydam siyah bi sayfa acılcak ortada resim olcak.

31-07-2010, 17:24:47

#12

_BuKi_

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

Pc de html sayfası oluşturarak denedim olmadı. Ayrıca yapmak istedigim şu. Sayfaya sabit bi tane buton koycam mesela diyelim sağ en alta. Ona tıkladıgımda sayfanın ortasında yarı saydam siyah bi sayfa acılcak ortada resim olcak.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(".buton").click(function(){
       $("div#mesaj").fadeTo("slow",0.5);
});
</script>

<div id="buton" style="position: fixed; bottom: 5px; left: 15px;"><input type="button" name="buton" class="buton" value="Mesaj Göster" /></div>
<div id="mesaj" style="background: #000; display:none;"><img src="resimadresi.jpg" alt="" border="0" /></div>

Birde böyle deneyin bakalım. Kodları kendinize göre geliştirip istediğiniz bir halede sokabilirsiniz.

31-07-2010, 20:38:54

#13

liarea

jQuery de ufak çalışmalarda script elementın altında olmalıdır.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style>
#gDiv { width:150px; margin-top:250px; position:fixed;}
#gMsj {width:500px; margin-top:250px; margin-left:auto; margin-right:auto; display:none;}
</style>
<div id="gDiv"><button id="gBtn">Mesajı Göster</button></div>
<div id="gMsj"><img src="resimadresi.jpg" alt="" border="0" />fdsf</div>
<script type="text/javascript">
$("#gBtn").click(function(){
       $("#gMsj").fadeIn("slow");
});
</script>

01-08-2010, 12:22:37

#14

airwebmaster

Kimlik doğrulama veya yönetimden onay bekliyor.

Örneğini yada oluşturduğunuz bir taslağı DEMO edebilir misiniz ?

01-08-2010, 21:17:55

#15

sefakdas

En son olarak bu hale getirdim. Fakat internet explorerda butonu en alta yerleştiremedim. Ve Div in saydamlıgını ayarlıyamadım. Yardımcı olabilirmisiniz?

"Butonları öylesine koydum test amaclı, yapmak istedigim bu degil tam olarak"

Alıntı

01-08-2010, 21:52:53

#16

~~erbilen~~

Üyeliği durduruldu

Senin için şöyle birşey yaptım fancybox ile
http://www.cssders.com/demo/deneme/index.html

İstediğin gibiyse aşağıdaki linkten indirebilirsin.
http://www.cssders.com/demo/deneme/ornek.rar

Kolay gelsin

02-08-2010, 00:07:05

#17

sefakdas

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

Senin için şöyle birşey yaptım fancybox ile
http://www.cssders.com/demo/deneme/index.html

İstediğin gibiyse aşağıdaki linkten indirebilirsin.
http://www.cssders.com/demo/deneme/ornek.rar

Kolay gelsin

Tam istedigim gibi. Teşekkürler

Fakat bende i.e 6 var, onda düzgün gözükmüyor. Bi bakabilir misiniz i.e 6da da sağ altta mı diye ?

02-08-2010, 00:09:49

#18

~~erbilen~~

Üyeliği durduruldu

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

Tam istedigim gibi. Teşekkürler

Rica ederim.