Tk-Turkuaz V1

Yılın ilk paylaşımını 'TK-Turkuaz V1' ile yapıyoruz. Merhaba Arkadaşlar bugün sizlere benimde eskiden kullandığım bi tasarımın yani Turkuaz v1 in kodlarını paylaşacağız. İşte 'TK-Turkuaz v1' ve kodları Güle Güle Kullanın. Sizden Tek Ricam En Alttaki 'Copyright' Bölümünü Değiştirmeyin..!

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:
• Duyuru Paneli
• Sol ve Üst Menü

Tasarımın üzerindeki yazı: <div id="tasarim"> <div id="ust"><table width="825" height="70" cellspacing="1" cellpadding="1" border="0" align="center"> <tbody> <tr> <td style="text-align: left;"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/b/belenmedia/logoburaya.png" _fcksavedurl="http://img.webme.com/pic/b/belenmedia/logoburaya.png" alt="" /></a></td> <td style="text-align: right;"><a href="#" _fcksavedurl="#"><img width="16" height="12" src="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" _fcksavedurl="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" alt="" />Home</a>  <a href="#" _fcksavedurl="#"><img width="16" height="12" src="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" _fcksavedurl="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" alt="" /></a><a href="#" _fcksavedurl="#">Contact</a>  <a href="#" _fcksavedurl="#"><img width="16" height="12" src="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" _fcksavedurl="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" alt="" /></a><a href="#" _fcksavedurl="#">Guest Book</a></td> </tr> </tbody> </table></div> <div id="ust02"><strong>Duyurular:</strong> Merhaba Arkadaşlar ! Tasarımkurdu yeni yüzüyle yeniden karşınızda. | Tasarımkurdu yeni yüzüyle yeniden karşınızda.</div> <table width="150" cellspacing="1" cellpadding="1" border="0" align="left"> <tbody> <tr> <td><div id="yanmenu"> <table width="150" cellspacing="1" cellpadding="1" border="0"> <tbody> <tr> <td height="36"> Ana Menü</td> </tr> <tr> <td> <div id="cssmenu"> <ul> <li class="active"><a href="index.html" _fcksavedurl="index.html"><span>Ana Sayfa</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Hakkımızda</span></a></li> <li><a href="#" _fcksavedurl="#"><span>İletişim</span></a></li> <li class="last"><a href="#" _fcksavedurl="#"><span>Menü</span></a></li> <li class="last"><a href="#" _fcksavedurl="#"><span>Menü</span></a></li> <li class="last"><a href="#" _fcksavedurl="#"><span>Menü</span></a></li> <li class="last"><a href="#" _fcksavedurl="#"><span>Menü</span></a></li> <li class="last"><a href="#" _fcksavedurl="#"><span>Menü</span></a></li> </ul> </div> </td> </tr> </tbody> </table> </div> </td> </tr> <tr> <td><div id="yanmenu2"><table width="136" align="left" cellspacing="1" cellpadding="1" border="0" height="180"> <tbody> <tr> <td height="40" colspan="2">Dost Siteler</td> </tr> <tr> <td style="text-align: left;" width="10" ><img src="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" _fcksavedurl="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" alt="" /></td> <td><div id="linksov"><a href="#" _fcksavedurl="#">Eklenecek</a></div></td> </tr> <tr> <td style="text-align: left;"><img src="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" _fcksavedurl="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" alt="" /></td> <td><div id="linksov"><a href="#" _fcksavedurl="#">Eklenecek</a></div></td> </tr> <tr> <td style="text-align: left;"><img src="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" _fcksavedurl="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" alt="" /></td> <td> <div id="linksov"><a href="#" _fcksavedurl="#">Eklenecek</a></div></td> </tr> <tr> <td style="text-align: left;"><img src="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" _fcksavedurl="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" alt="" /></td> <td> <div id="linksov"><a href="#" _fcksavedurl="#">Eklenecek</a></div></td> </tr> <tr> <td style="text-align: left;"><img src="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" _fcksavedurl="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" alt="" /></td> <td> <div id="linksov"><a href="#" _fcksavedurl="#">Eklenecek</a></div></td> </tr> <tr> <td style="text-align: left;"><img src="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" _fcksavedurl="http://img.webme.com/pic/b/belenmedia/tasarimkurdupluss.png" alt="" /></td> <td> <div id="linksov"><a href="#" _fcksavedurl="#">Eklenecek</a></div></td> </tr> </tbody> </table></div> </td> </tr> <tr> <td><div id="yanmenu3"><table width="150" cellspacing="1" cellpadding="1" border="0" height="109"> <tbody> <tr> <td height="40">Etiketler</td> </tr> <tr> <td><span style="font-size: small;"><a href="#" _fcksavedurl="#">Css Tasarım</a>,<a href="#" _fcksavedurl="#">Tasarım</a>,<br /> <a href="#" _fcksavedurl="#">Tasarımkurdu</a>,<a href="#" _fcksavedurl="#">Css </a><br /> <a href="#" _fcksavedurl="#">Bedava-sitem</a>,<a href="#" _fcksavedurl="#">tr.gg</a>,<br /> <a href="#" _fcksavedurl="#">Tasarımlar</a>,<a href="#" _fcksavedurl="#">Kodlar</a><br /> </span></td> </tr> </tbody> </table><br /><br /></div> </td> </tr> </tbody> </table> <div id="icerik"><div style="text-align: right;"><img src="http://img.webme.com/pic/b/belenmedia/konulogo.png" _fcksavedurl="http://img.webme.com/pic/b/belenmedia/konulogo.png" alt="" style="margin: 0px; padding: 0px;" /></div>

Tasarımın altındaki yazı: </div><div id="alt"><table width="828" height="34" cellspacing="1" cellpadding="1" border="0"> <tbody> <tr> <td style="text-align: left;"> Copyright 2013 <a href="#" _fcksavedurl="#">Site Adı</a> | Tüm Hakları Saklıdır. | <a href="#" _fcksavedurl="#">TK-Turkuaz V1</a> </td> <td style="text-align: right;"><a href="http://tasarimkurdu.tr.gg/" _fcksavedurl="http://tasarimkurdu.tr.gg/" target="_blank"><img alt="" src="http://img.webme.com/pic/b/belenmedia/alt_tklogo.png" _fcksavedurl="http://img.webme.com/pic/b/belenmedia/alt_tklogo.png" /></a></td> </tr> </tbody> </table></div> <div id="alt2"></div></div> <br />

CSS kodu: table {margin-left: auto;margin-right: auto} /*tasarim: Belenmedia & Tasarimkurdu */ /*URL: http://www.tasarimkurdu.tr.gg*/ h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { margin:0; padding:0; width:100%; color:#000000; font:normal 13px/1.8em Arial, Helvetica, sans-serif; background:#ffffff url(http://img.webme.com/pic/b/belenmedia/bodyarka.jpg)fixed bottom left; } html, .main { padding:0; margin:0; } .main { } .clr { clear:both; padding:0; margin:0; width:100%; font-size:0; line-height:0; } .logo { margin:0; padding:0; float:left; width:auto; } h1 { margin:0; padding:36px 0 36px 40px; color:#feffff; font:bold 40px/1.2em Arial, Helvetica, sans-serif; letter-spacing:-2px; } h1 a, h1 a:hover { color:#feffff; text-decoration:none; } h1 small { display:block; padding-left:80px; font:normal 12px/1.2em Arial, Helvetica, sans-serif; color:#edf3f6; letter-spacing:normal; } h2 { font:normal 24px/1.5em Arial, Helvetica, sans-serif; padding:8px 0; margin:8px 0; color:#323a3f; } p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif; } p.spec { text-align:left; } a { color:#0E16F0; text-decoration:underline; } a.com { } #taarim { margin-left: auto; margin-right: auto; width: 828px; margin-top: -20px; padding-top: 20px; padding-bottom: 20px; padding-left:20px; padding-right: 20px; } .logo{ border: 0px solid #ffffff; margin-top: 10px; margin-left: ; } a { font-size: 13px; color:#009cff; text-decoration: none; } a:visited { font-size: 12px; text-decoration: none; } a:hover { font-size: 13px; color:#39DB47; text-decoration: crosses the cut; } #tasarim{margin-left:auto; width:828px; margin-right:auto; padding-top: 0px; padding-left: px; opacity: 0.9; filter:alpha(opacity=90) } #ust{margin-top:-2px; width:; height:70px; border: px solid #BBBBBB; border-radius:5px 5px 5px 5px; background: #ffffff url(http://img.webme.com/pic/b/belenmedia/trkazmenubar.png)repeat; color:white; text-align:right; font-size:14px; font-family:verdana; box-shadow: 0px 0px 0px #000000; } #ust a{ font-size:14px; font-family:;color:white; text-shadow: 3px 2px 1px #000000; } #ust a:hover{ font-size:14px; color:lightblue; text-shadow: 2px 2px 1px #000000; } #ust02{margin-top:-1px; width:800px; height:30px; border: px solid #BBBBBB; border-radius:0px 0px 5px 5px; background: #ffffff url(http://img.webme.com/pic/b/belenmedia/yeslmenubar.png)repeat; color:white; text-align:center; font-size:11px; font-family:verdana; text-shadow: 2px 2px 1px #000000; margin-left:auto; margin-right:auto; } #yanmenu{margin-top:5px; width:155px; height:auto; border: px solid #BBBBBB; border-radius:5px 5px 1px 1px;background: #ffffff url(http://img.webme.com/pic/b/belenmedia/yeslmenubar.png) repeat-x; color:white; text-align:; font-size:22px; font-family:nyala; float:left; box-shadow: 0px 0px 5px #5F5D5D; } #yanmenu2{margin-top:5px; width:155px; height:auto; border: px solid #BBBBBB; border-radius:5px 5px 1px 1px;background: #ffffff url(http://img.webme.com/pic/b/belenmedia/trkazmenubar.png) repeat-x; color:white; text-align:; font-size:22px; font-family:nyala; float:left; box-shadow: 0px 0px 5px #5F5D5D; } #yanmenu2 a{font-weight:bold; font-size:12px; font-family:Arial;color: rgb(51, 153, 102); } #yanmenu2 a:hover{ font-size:12px; color:red; } #yanmenu3{margin-top:5px; width:155px; height:auto; border: px solid #BBBBBB; border-radius:5px 5px 1px 1px;background: #ffffff url(http://img.webme.com/pic/b/belenmedia/grimenubar.png) repeat-x; color:grey; text-align:; font-size:22px; font-family:nyala; float:left; box-shadow: 0px 0px 5px #5F5D5D; } #yanmenu3 a{ font-size:13px; font-family:Arial;color:lightblue; text-shadow: 1px 1px 1px #888888; } #yanmenu3 a:hover{ font-size:13px; color:red; text-shadow: 1px 1px 1px #888888; } #icerik{margin-top:5px; width:660px; height:auto; border: px solid #C4C4C4; border-radius:5px 6px 1px 1px;background: #ffffff url(http://img.webme.com/pic/b/belenmedia/trkazmenubar.png) repeat-x; color: #B4B4B4; text-align:; font-size:12px; font-family:Arial; float:right; padding-top:5px; float:right; box-shadow: 0px 0px 5px #5F5D5D; } #icerik a{ font-size:12px; font-family:Arial;color:#67B4EE; } #icerik a:hover{ font-size:12px; color:#A82626; } #icerik0{margin-top:5px; width:800px; height:auto; border: 3px solid #6ABCE2; background: #ffffff url(http://img.webme.com/pic/b/bskurdu/bmarkaic.jpg) no-repeat bottom right; padding-top: 0px; padding-left: px; color:grey; } #webme_footer_textlink_dont_hide { color: white; width:545px; text-align:center; background:none; float:right; margin-top:-49px; margin-right:400px; clear:both; display:block; opacity: 0.9; filter:alpha(opacity=90) } #alt{margin-top:5px; width:830px; height:34px; border: px solid #BBBBBB; border-radius:5px; background: #ffffff url(http://img.webme.com/pic/b/belenmedia/alt_arka.jpg) repeat; padding-top: 0px; padding-left: px; color: rgb(51, 153, 102); float:left; font-size:16px; font-family:nyala; text-shadow: 2px 2px 1px #000000; padding-top:px; } #alt a{ font-size:17px; font-family:nyala;color:lightblue; text-shadow: 2px 2px 1px #000000; } #alt a:hover{ font-size:17px; color:orange; text-shadow: 2px 2px 1px #000000; } #alt2{margin-top:-1px; width:730px; height:28px; border: px solid #BBBBBB; border-radius:1px 1px 5px 5px; background: #ffffff url(http://img.webme.com/pic/b/belenmedia/yeslmenubar.png) repeat; padding-top: 0px; padding-left: px; color:white; text-align:center; font-size:16px; font-family:nyala; text-shadow: 2px 2px 1px #000000; padding-top:px; margin-left: auto;margin-right: auto; clear:both; display:block; } #webme_sky_ad { position: absolute; right: 5px; top: 190px; z-index: 1000000000000000000; } #cssmenu { margin: 0; padding: 0; font-family: Arial, sans-serif; } #cssmenu { width: 151px; } #cssmenu ul { list-style: none; text-indent: 0px; list-style: none; margin: 0; padding: 0; border: 0; } #cssmenu li { margin-top: 5px; } #cssmenu a { border-radius:3px 3px 3px 3px; font-weight:bold; font: 15px arial; padding-top:5px; color: #979797; display: block; padding-left:22px; height: 22px; text-decoration: none; background: #ffffff url(http://img.webme.com/pic/b/belenmedia/ok1.png)no-repeat left; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } #cssmenu a:hover { border-radius:3px 3px 3px 3px; color: #ffffff; background: #75C7C4 url(http://img.webme.com/pic/b/belenmedia/ok2.png)no-repeat left; padding-left:30px; padding-top:5px; } ::-moz-selection { background:#65C2BA; color:#ffffff; } ::selection { background:#65C2BA; color:#ffffff; } #linksov { -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } #linksov:hover { padding-left:10px; } input[type="text"] { resize:none; font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(http://img.webme.com/pic/o/osmantalay/style1_txt_bgot.gif) repeat-x top; } input[type="text"]:focus, input[type="text"]:active { border-color : #777; } input[type="submit"] { cursor : pointer; font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #c6c7ca; background : #e4e4e4 url(http://img.webme.com/pic/o/osmantalay/style1_btn_bgot.gif) repeat-x top; } textarea { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(http://img.webme.com/pic/o/osmantalay/style1_txt_bgott.gif) repeat-x top; } .input { resize:none; }

Ana sayfaya eklenecek kod:

Benzer Tasarımlar: