ANA SAYFA
HAKKIMDA
HTLM-TEST
PROGRAM İNDİRME SİTLERİ
HTLM KODLARI
Programlar-1
Programlar-2
Programlar-3
Programlar-4
Programlar-5
K.K.Platformu
DENEME
QQ
HAVA DURUMU
Yeni sayfanın başlığı
mp3
ikizmenu1
resim-önizleme-1
kod deneme 2
video-önizleme-2
tr.gg
sayfanumaralandırmakodu
altreklam
resimupload-adresi
sayyy.no
tooltip1
adresler-onemli
iletisim
Forum
iletiisim
ziyaretcidefteri
Ziyaretçi defteri
Koddenemekutusu
ikizmenu2
1q2q
ddd
Koddenemekutusu
KOD YAYNLAMA JUTUSU
KODU BURAYA YAZ
ZİYARETÇİ DEFTERİNİN ÖNCEKİ KISMINA
<style type="text/css"> textarea { width: 340px; height: 140px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07); border-color: -moz-use-text-color #FFFFFF #FFFFFF -moz-use-text-color; border: 1px solid #C9C9C9; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; color: #555555; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1em; line-height: 1.4em; padding: 5px 8px; transition: background-color 0.2s ease 0s; } textarea:hover {} textarea:focus { background: none repeat scroll 0 0 #transparent; color:#990000; outline-width: 0; } td[width="33%"] { padding: 1px; padding-bottom:0px; background-color: #fff; border: 1px solid #c9c9c9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } font[color="green"]{ background:url(https://img.webme.com/pic/b/bab-hunk/onlineuser.png) no-repeat right #FFFFFF; padding-right:18px; border:1px dashed; text-shadow: 1px 1px 1px rgb(242, 242, 242); background-color:#DEEEC6; -moz-border-radius:6px; -khtml-border-radius:6px; A{ text-decoration : none; } } font[color="red"]{ background:url(https://img.webme.com/pic/b/bab-hunk/offlineuser.png) no-repeat right #FFFFFF; padding-right:20px; border:1px dashed; text-shadow: 1px 1px 1px rgb(242, 242, 242); background-color:#FF9999; -moz-border-radius:6px; -khtml-border-radius:6px; A{ text-decoration : none; } } form { width: 90%; padding: 20px; margin: -30px 0px 10px 0px; border: 1px solid #c9c9c9; border-radius: 8px; background-color: #FFFFFF; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; } form:hover { background-color: #CCCCCC; min-height: 100%; color: #990000; border: 1px solid #648479; } input[type="text"] { color:#555555; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; width: 340px; padding:5px; border: 1px solid #c9c9c9; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } input[type="text"]:focus { background: none repeat scroll 0 0 #transparent; padding:5px; color:#990000; outline-width: 0; } form img {margin: 0px 3px 10px 3px;} #kommentartext { height: 50px!important; margin-bottom: 25px; border: 1px solid #c9c9c9; } input[type="submit"] { color: #6e6e6e; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; padding: 7px 12px; position: relative; display: inline-block; text-shadow: 0 1px 0 #fff; -webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; background: #f3f3f3; background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); border: solid 1px #dcdcdc; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-right: 10px; } input[type="submit"]:hover { color: #333; border-color: #999; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } input[type="submit"]:active { color: #000; border-color: #444; } table[width="80%"] { width: 100%; padding: 10px 20px 20px 20px; margin: 10px auto 5px auto; background-color: #FFFFFF; border: 1px solid #c9c9c9; border-radius: 8px; } table:hover[width="80%"] { background-color: #eeeeee; width: 100%; margin: auto; padding: 20px; border-bottom: 3px solid #71950f; } .Kommentar{ font-size: 13px; width: 340px; padding: 15px; background-color: #eeeeee; border: 1px solid #c9c9c9; border-radius: 8px; } .Kommentar:hover{ color: #F4FAED; background-color: #2F2727;} </style>
İLETİŞİM FORMU
<style type="text/css"> </style>
RESİM ÖNİZLEME
<style type="text/css"> ul.liste li{background:url(https://img.webme.com/pic/i/iceblue-test/blu.png) no-repeat; background-position: 0px 3px; background-size: 14px 14px; font-size:13px!important; font-family:arial!important; padding:0px 0px 0px 20px;line-height:20px;list-style-type:none;} ul.liste {float:left;width:310px;margin: 0px 0px 20px 0px;} #TB_window{border-radius:10px;}#TB_window img{border:none!important;} </style> <link rel="stylesheet" href="http://theme.webme.com/designs/globals/thickbox.css" type="text/css" media="screen"><h2>Eigene Galerie mit Kategorie-Seite</h2> <br> <a class="thickbox" href="https://img.webme.com/pic/c/clean-test/katgorien.png" _fcksavedurl="https://img.webme.com/pic/c/clean-test/katgorien.png"><img src="https://img.webme.com/pic/c/clean-test/katgorien.png" _fcksavedurl="https://img.webme.com/pic/c/clean-test/katgorien.png" style="float:left;margin:0px 20px 40px 0px;width:250px;"></a> <ul class="liste" style="float:left;">
TAB MENU 1
<style type="text/css"> .tabberlive .tabbertabhide { display:none;} .tabber {} .tabberlive { margin-top:1em;} ul.tabbernav{ margin:0; padding: 3px 0; font: 14px tahoma; } ul.tabbernav li{ list-style: none; margin: 0; display: inline;} ul.tabbernav li a{ padding: 3px 0.5em; margin-left: 3px; border: 1px solid #000000; text-decoration: none;} ul.tabbernav li a:link { color: #1188ff; } ul.tabbernav li a:visited { color: #1188ff; } ul.tabbernav li a:hover{ color:#fff; background:#1188ff;} ul.tabbernav li.tabberactive a{ border: 1px solid #000000;} ul.tabbernav li.tabberactive a:hover{ color: fff; background-color: #1188ff; border-bottom: 1px solid #000000;} .tabberlive .tabbertab { padding:5px; border-top:0px none; } .tabberlive .tabbertab h2 { display:none;} .tabberlive .tabbertab h3 { display:none;} .tabberlive#tab1 {} .tabberlive#tab2 {} .tabberlive#tab2 .tabbertab { height:200px; overflow:auto;} </style> <br /> <div class="tabber"> <div class="tabbertab" title="EZMOCE"><a href="http://BAĞLANTINIZ/" _fcksavedurl="http://BAĞLANTINIZ/">EZMOCE 1</a><br /> <a href="http://BAĞLANTINIZ/" _fcksavedurl="http://BAĞLANTINIZ/">EZMOCE 2</a><br /> <a href="http://BAĞLANTINIZ/" _fcksavedurl="http://BAĞLANTINIZ/">EZMOCE 3</a><br /> <a href="http://BAĞLANTINIZ/" _fcksavedurl="http://BAĞLANTINIZ/">EZMOCE 4</a><br /> <a href="http://BAĞLANTINIZ/" _fcksavedurl="http://BAĞLANTINIZ/">EZMOCE 5</a></div> <div class="tabbertab" title="BS-REKLAM"> <p align="left"><a href="http://fcdn.webme.com/selfpromotion.php?size=einhundertsechzig" _fcksavedurl="http://fcdn.webme.com/selfpromotion.php?size=einhundertsechzig">
</a></p> </div> </div>
TAB MENU 2
<style type="text/css"> #csstabs li{ padding:2px;} #csstabs{ position:relative; width:230px; height:260px; } #csstabs ul{margin-left:0px!important;} #csstabs h3{ padding:5px; height:15px; line-height:15px;text-align:center; cursor:hand; display:block; font-size:11px;font-family:arial; margin:0;border:1px solid #ccc;border-radius:5px;transition: all 0.5s linear;} .tabcontent{padding: 10px 0px 0px 20px; width:200px; position:absolute; left:0;top:30px;height:290px;display:block;margin:0;} #tab1 .tabcontent{background:#fff;z-index:2;transition: all 0.5s linear;} #tab1 h3{z-index:3;width:70px;position:absolute;margin-left:15px;top:0;cursor:hand;background:#eee;} #tab2 .tabcontent{background:#fff;z-index:1; opacity:0;transition: all 0.5s linear;} #tab2 h3{width:90px;position:absolute;margin-left:110px;top:0;cursor:hand;} #csstabs:hover h3, #tabs:focus h3, #tabs:active h3{background:none;z-index:0;} #csstabs:hover .tabcontent, #tabs:focus .tabcontent, #tabs:active .tabcontent{z-index:0;opacity:0;transition : opacity .75s ease-in;} #tab1:hover h3,#tab1:focus h3,#tab1:active h3{z-index:4;background:#12A5F4;color:white;} #tab1:hover .tabcontent,#tab1:focus .tabcontent,#tab1:active .tabcontent{background:#fff;z-index:3; opacity:1; transition : opacity 0.5s ease-in;} #tab2:hover h3,#tab2:focus h3,#tab2:active h3{z-index:4;background:#12A5F4;color:white;} #tab2:hover .tabcontent,#tab2:focus .tabcontent,#tab2:active .tabcontent{background:#fff;z-index:3; opacity:1; transition : opacity 0.5s ease-in;} </style> <div id="csstabs"> <div id="tab1"><h3>rechte Box</h3> <ul class="tabcontent"> <ul class="main-menu"> <li class="menu"><a href="/Boxen.htm" _fcksavedurl="/Boxen.htm">mehrere Boxen</a></li> <li class="menu"><a href="/rechte-Box-entfernen.htm" _fcksavedurl="/rechte-Box-entfernen.htm">Box entfernen</a></li> <li class="menu"><a href="/Box-verschieben.htm" _fcksavedurl="/Box-verschieben.htm">Boxen nach Links</a></li> <li class="menu"><a href="/Menu-in-Box.htm" _fcksavedurl="/Menu-in-Box.htm">Menü in Box</a> </li> <li class="menu"><a href="/Counter-in-Box.htm" _fcksavedurl="/Counter-in-Box.htm">Counter in Box</a></li> <li class="menu"><a href="/Boxen-mit-Tor.htm" _fcksavedurl="/Boxen-mit-Tor.htm">Boxen mit Tor</a></li> </ul> </ul> </div> <div id="tab2"><h3>weiter</h3> <ul class="tabcontent"> <ul class="main-menu"> <li class="menu"><a href="/Footer.htm" _fcksavedurl="/Footer.htm">Footer einfügen</a></li> <li class="menu"><a href="/Seitentitel.htm" _fcksavedurl="/Seitentitel.htm">Titel im Seiteninhalt</a></li> <li class="menu"><a href="/Inhalt.htm" _fcksavedurl="/Inhalt.htm">Seiteninhalt gestalten</a></li> <li class="menu"><a href="/Seiten-verstecken.htm" _fcksavedurl="/Seiten-verstecken.htm">Seiten verstecken</a></li> <li class="menu"><a href="/Text-neben-Bild.htm" _fcksavedurl="/Text-neben-Bild.htm">Text neben Bild</a></li> <li class="menu"><a href="/Zur.ue.ck-nach-oben.htm" _fcksavedurl="/Zur.ue.ck-nach-oben.htm"><span style="color:brown;">Neu:</span> Top-Button</a></li> </ul> </ul> </div> <br class="clearboth"/> </div> </div>
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol