OyunlarBilecik - Aç-Kapa Çalışması 2

Aç-Kapa Çalışması 2

Kodun Önizlemesi:

Başlık

Başlık Eklenecek

Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı

21 Mayıs 2011 Pazar - 12:37 | DEVAMINI OKU|

Başlık

Başlık Eklenecek

Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı

21 Mayıs 2011 Pazar - 12:37 | DEVAMINI OKU|

Sitelerinize yararlı olabileceğini düşündüğüm bir kod olan aç kapa çalışması 2 sitemde sizlere sunuyorum... Güle güle kullanın. (:

Kod:

<style type="text/css"> #ikaz {     padding: 0.5em;     margin: 0.5em;     padding: 0.5em 1.5em 0.5em 4em;     border: 2px solid #fff;     margin: 2px solid #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px;      color:#000;     background: #fff6bf url(https://img.webme.com/pic/o/oyunlarbilecik/ikaza68.png) 2.2em center no-repeat; border-color: #ffd324; } .ikaz .kapat{ position:relative; float:right; top:-5px; right:-5px; } .ikaz .kapat img{border:none; background:none;} .ikaz a  {color: #817134;}</style> <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /> <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /><style type="text/css">html { 	overflow: auto; } *, * focus { 	outline: none; 	margin: 0; 	padding: 0; }  .container { 	width: 500px; 	 } h1 { 	font: 4em normal Georgia, 'Times New Roman', Times, serif; 	text-align:center; 	padding: 20px 0; 	color: #aaa; } h1 span { color: #666; } h1 small{ 	font: 0.3em normal Verdana, Arial, Helvetica, sans-serif; 	text-transform:uppercase; 	letter-spacing: 1.5em; 	display: block; 	color: #666; } h2.trigger { 	padding: 0 0 0 50px; 	margin: 0 0 5px 0; 	background: url(https://img.webme.com/pic/o/oyunlarbilecik/h2_trigger_a.gif) no-repeat; 	height: 46px; 	line-height: 46px; 	width: 450px; 	font-size: 2em; 	font-weight: normal; 	float: left; } h2.trigger a { 	color: #fff; 	text-decoration: none; 	display: block; } h2.trigger a:hover { 	color: #ccc; } h2.active {background-position: left bottom;} .toggle_container { 	margin: 0 0 5px; 	padding: 0; 	border-top: 1px solid #d6d6d6; 	background: #f0f0f0 url(https://img.webme.com/pic/o/oyunlarbilecik/toggle_block_stretch.gif) repeat-y left top; 	overflow: hidden; 	font-size: 1.2em; 	width: 500px; 	clear: both; } .toggle_container .block { 	padding: 20px; 	background: url(https://img.webme.com/pic/o/omerfarukbalweb/toggle_block_btm.gif) no-repeat left bottom; } .toggle_container .block p { 	padding: 5px 0; 	margin: 5px 0; } .toggle_container h3 { 	font: 2.5em normal Georgia, "Times New Roman", Times, serif; 	margin: 0 0 10px; 	padding: 0 0 5px 0; 	border-bottom: 1px dashed #ccc; } .toggle_container img { 	float: left; 	margin: 10px 15px 15px 0; 	padding: 5px; 	background: #ddd; 	border: 1px solid #ccc; }</style><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script><script type="text/javascript"> $(document).ready(function(){ $(".toggle_container").hide(); $("h2.trigger").toggle(function(){ $(this).addClass("active"); }, function () { $(this).removeClass("active"); }); $("h2.trigger").click(function(){ $(this).next(".toggle_container").slideToggle("slow,"); }); }); </script> <div class="container"> <h2 class="trigger">Başlık</h2> <div class="toggle_container"> <div class="block"> <h3><span style="color: rgb(0,0,0)">Başlık Eklenecek</span><img alt="" width="150" height="150" src="https://img.webme.com/pic/o/oyunlarbilecik/add.png" /></h3> <p><span style="font-size: x-small"><strong><font color="#808080">Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-<strong><font color="#808080">Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-<strong><font color="#808080">Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-<strong><font color="#808080">Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı</font></strong></font></strong></font></strong></font></strong><span style="color: rgb(128,128,128)"><span style="font-family: Arial"><strong><br /> </strong></span></span></span><font size="2"><font size="1"><span style="color: rgb(128,128,128)"><span style="font-family: Arial"><span style="font-size: x-small"><strong><br /> </strong></span></span></span></font></font></p> <br /> <span style="font-size: x-small"><strong><font color="#808080">21 Mayıs 2011 Pazar - 12:37</font><span style="font-family: Arial"><span> </span></span><span><span style="font-family: Tahoma">| <span style="color: rgb(128,128,128)">DEVAMINI OKU</span></span></span><span><span style="font-family: Tahoma">|</span></span></strong><span>&nbsp;</span>&nbsp;</span></div> </div> <h2 class="trigger">Başlık</h2> <div class="toggle_container"> <div class="block"> <h3><span style="color: rgb(0,0,0)">Başlık Eklenecek</span><img alt="" width="150" height="150" src="https://img.webme.com/pic/o/oyunlarbilecik/add.png" /></h3> <p><span style="font-size: x-small"><strong><font color="#808080">Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-<strong><font color="#808080">Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-<strong><font color="#808080">Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-<strong><font color="#808080">Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı-Yazı</font></strong></font></strong></font></strong></font></strong><span style="color: rgb(128,128,128)"><span style="font-family: Arial"><strong><br /> </strong></span></span></span><font size="2"><font size="1"><span style="color: rgb(128,128,128)"><span style="font-family: Arial"><span style="font-size: x-small"><strong><br /> </strong></span></span></span></font></font></p> <br /> <span style="font-size: x-small"><strong><font color="#808080">21 Mayıs 2011 Pazar - 12:37</font><span style="font-family: Arial"><span> </span></span><span><span style="font-family: Tahoma">| <span style="color: rgb(128,128,128)">DEVAMINI OKU</span></span></span><span><span style="font-family: Tahoma">|</span></span></strong><span>&nbsp;</span>&nbsp;</span></div> </div> </div> <br /> &nbsp;</td> </tr> </tbody> </table>

|

|

|

|

|

|

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol