Yazar |
Mesaj |
-
byramb040
Acemi Üye
|
05.07.2011, 10:22 (UTC) Mesaj konusu: |
|
|
güzel tasarımlar ) ellerinize sağlık |
|
↑
|
|
|
-
huge-deneme3
Acemi Üye
|
07.07.2011, 10:17 (UTC) Mesaj konusu: |
|
|
Kendim yaptım İce Blue | Mavi Çilgili Tasarım
Tasarım Üstüne:
Kod: <p><style type="text/css"> <!--
td.nav{background-image:url(http://www.hizliupload.com/img/89304455103750423388.png); background-repeat:no-repeat;}
td.nav:hover{background-image:url(http://www.hizliupload.com/img/89304455103750423388.png); background-repeat:no-repeat;}
td.nav a{text-decoration:none;}
td.nav_heading{background-image:url(http://www.hizliupload.com/img/01670966549398090163.png); height:35px; background-repeat:no-repeat;}
td.edit_navi_headbg{background-image:url(url);background-color:#XXXXXX;}
td.edit_below_nav {visibility:hidden;}
td.nav a{color: #FFFFFF;}
td.headline{visibility:hidden;}
td.edit_header_full{background-image:url(http://www.hizliupload.com/img/35194661705182926720.png);}
td.edit_content_bottom{height:0px;}
td.edit_content_top{background-image:url(http://www.hizliupload.com/img/01670966549398090163.png); height:35px; background-repeat:no-repeat;}
td.edit_content_bottom2{background-image:url(http://www.hizliupload.com/img/01670966549398090163.png);}
td.edit_content_bottom{background-image:url(URL);background-color:transparent;}
td.edit_content{background-image:url(URL);}
td.edit_content_bottom{height:0px;}
body{background-image:url(http://img402.imageshack.us/img402/1697/rzsfsih65xi3llaye425oxkuw3.jpg); background-attachment: fixed;background-color:;}
td.sidebar_heading{background-image:url(http://www.hizliupload.com/img/01670966549398090163.png); height:35px; background-repeat:no-repeat;}
td.edit_rb_footer {visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url(URL);background-color:transparent;}
td.edit_rechts_bottom{background-image:url(URL);background-color:transparent;}
td.shouty{background-image:url(http://img508.imageshack.us/img508/3350/61454856zt9.jpg);background-color: ;}
td.shouty2{background-image:url(http://img508.imageshack.us/img508/3350/61454856zt9.jpg);background-color: ;}
td.shouty3{background-image:url(http://img508.imageshack.us/img508/3350/61454856zt9.jpg);background-color: ;}
td.shouty4{background-image:url(http://img508.imageshack.us/img508/3350/61454856zt9.jpg);background-color: ;}
td.shouty5{background-image:url(http://img508.imageshack.us/img508/3350/61454856zt9.jpg);background-color: ;}
--> </style><style type="text/css"> <!--
html, body {
text-align: center;
}
--> </style></p>
|
|
↑
|
|
|
-
nptmusic
Bedava-Sitem Bağımlısı
|
|
↑
|
|
|
-
yusufberki
Uzman Üye
Konum: Rize
|
20.07.2011, 16:32 (UTC) Mesaj konusu: |
|
|
ÜSTÜ:
Kod:
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="205" background="http://img.webme.com/pic/b/bs-blog/yusufberkitasarim_01.png"><table width="960" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="16"> </td>
<td width="944"> </td>
</tr>
<tr>
<td height="116"> </td>
<td> </td>
</tr>
<tr>
<td height="46" align="center"> </td>
<td align="center"><meta content="text/html; charset=iso-8859-9" http-equiv="Content-Type"> <style type="text/css">
body{
margin:0;
padding:0;
}
ul#menu, ul#menu ul{
padding: 0;
margin: 0;
list-style: none;
}
ul#menu li {
float: left;
position: relative;
width: 150px;
}
ul#menu li ul {
display: none;
position: absolute;
top: 19px; /* yukseklik 25px + sonradan
eklenecek paddingler 4px toplam 19px */
left:0;
}
ul#menu li > ul {
top: auto;
left: auto;
}
ul#menu li a {
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
height: 23px;
width: 144px;
color: #000;
background-image: url(http://img.webme.com/pic/y/yusufberki/pakk1.png);
text-decoration: none;
}
ul#menu li a:hover {
color: #a00;
background-image:
url(http://img.webme.com/pic/y/yusufberki/pakk1.png);
}
ul#menu li:hover ul, ul#menu li.over ul {
display: block;
}
</style> <script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("menu");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over",
"");
}
}
}
}
}
window.onload=startList;
</script>
<ul id="menu">
<li><a href="http://yusufberki.tr.gg">Ana Menü</a>
<ul>
<li><a href="http://yusufberki.tr.gg/hakkimizda.htm">Hakkımızda</a>
<li><a href="http://yusufberki.tr.gg/iletisim.htm">İletişim</a>
<li><a href="http://yusufberki.tr.gg/Ziyaretci-Defteri.htm">Ziyaretçi Defteri</a>
<li><a href="http://yusufberki.tr.gg/Galeri/index.htm">Galeri</a>
<li><a href="http://yusufberki.tr.gg/Top-Liste.htm">Top Liste</a>
<li><a href="http://yusufberki.tr.gg/RSS.htm">Rss</a>
</ul>
</li>
<li><a href="#">Html Dersleri</a>
<ul>
<li><a href="http://yusufberki.tr.gg/blog-anasayfasi-yapimi.htm">Blog Yapımı</a></li>
<li><a href="http://yusufberki.tr.gg/programsiz-blog-yapimi.htm">programsız blog yapımı</a></li>
<li><a href="#">Yakında</a></li>
<li><a href="#">Yakında</a></li>
<li><a href="#">Yakında</a></li>
</ul>
</li>
</li>
<li><a href="#">Css Dersleri</a>
<ul>
<li><a href="http://yusufberki.tr.gg/Css-Tasarim-Yapma.htm">Css Yapma</a></li>
<li><a href="http://yusufberki.tr.gg/resimli-css-yapma.htm">Css Yapma (resimli)</a></li>
<li><a href="#">Yakında</a></li>
<li><a href="#">Yakında</a></li>
<li><a href="#">Yakında</a></li>
</ul>
</li>
</li>
<li><a href="#">Ps Dersleri</a>
<ul>
<li><a href="#">Yakında</a></li>
<li><a href="#">Yakında</a></li>
<li><a href="#">Yakında</a></li>
</ul>
</li>
<li><a href="#">Dw Dersleri</a>
<ul>
<li><a href="http://yusufberki.tr.gg/Resmin-Uzerine-Yazi-Yazma.htm">Resme Yazma</a></li>
<li><a href="#">Yakında</a></li>
<li><a href="#">Yakında</a></li>
<li><a href="#">Yakında</a></li>
</ul>
</li>
<li><a href="#">Html Paylaşımları</a>
<ul>
<li><a href="http://yusufberki.tr.gg/Yesil-Intro.htm">Yeşil İntro</a></li>
<li><a href="http://yusufberki.tr.gg/404-Error-sayfasi.htm">404 Sayfası</a></li>
<li><a href="#">Yakında</a></li>
<li><a href="#">Yakında</a></li>
<li><a href="#">Yakında</a></li>
</ul>
</li>
</meta></td>
</tr>
</table></td>
</tr>
<tr>
<td height="844" background="http://img.webme.com/pic/y/yusufberki/yusufberki2.gif"><table width="960" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="62" height="808"> </td>
<td width="595" valign="top"><div id="content">
<div style="text-align: center;"><IFRAME name="frame_ismi" src="http://08oyun.clanteam.com/bda.html" width="468" height="60" scrolling="no" frameborder="0" marginwidth="0" marginheight="0"></IFRAME><hr/></div></div>
ALTI
Kod: </td>
<td width="17"> </td>
<td width="229" valign="top"><table width="224" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="32" background="http://img.webme.com/pic/y/yusufberki/mavi-menu-arkasi.png"><table width="224" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="47" height="32"> </td>
<td width="177"><strong>Paylaşırmısın?</strong></td>
</tr>
</table></td>
</tr>
</table>
<p><a class="addthis_button_facebook"> <img width="32" height="32" alt="1" src="http://img.webme.com/pic/b/bs-aktif/facebook4.png" /></a> <a class="addthis_button_twitter"><img width="32" height="32" alt="2" src="http://img.webme.com/pic/b/bs-aktif/twitter4.png" /></a> <a class="addthis_button_favorites"><img width="32" height="32" alt="3" src="http://img.webme.com/pic/b/bs-aktif/favorites4.png" /></a> <a class="addthis_button_delicious"><img width="32" height="32" alt="4" src="http://img.webme.com/pic/b/bs-aktif/delicious4.png" /></a> <a class="addthis_button_stumbleupon"><img width="32" height="32" alt="5" src="http://img.webme.com/pic/b/bs-aktif/stumbleupon4.png" /></a> <a class="addthis_button_digg"></a> <a class="addthis_button_more"><img width="32" height="32" alt="7" src="http://img.webme.com/pic/b/bs-aktif/more4.png" /></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script> </p>
<table width="224" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="32" background="http://img.webme.com/pic/y/yusufberki/mavi-menu-arkasi.png"><table width="224" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="47" height="32"> </td>
<td width="177"><strong>Reklam Alanı </strong></td>
</tr>
</table></td>
</tr>
</table>
<p><img src="http://img.webme.com/pic/b/bs-blog/yusufberkitasarim_04.png" width="220" height="220" longdesc="http://yusufberki.tr.gg/iletisim.htm"></p>
<table width="224" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="32" background="http://img.webme.com/pic/y/yusufberki/mavi-menu-arkasi.png"><table width="224" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="47" height="32"> </td>
<td width="177"><strong>Paylaşırmısın?</strong></td>
</tr>
</table></td>
</tr>
</table>
<p><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FYusuf.Berki&width=220&colorscheme=light&show_faces=true&border_color&stream=false&header=true&height=400" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:400px;" allowTransparency="true"></iframe> </p>
</td>
<td width="57"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="110" align="center" background="http://img.webme.com/pic/b/bs-blog/yusufberkitasarim_02.png">Copyright © 2009 - 2011 | Tüm Hakkı Saklıdır | İzinsiz Kullanılamaz | Desing By: Yusufberki.tr.gg | Desinger: Yusuf Berki Yazıcıoğlu </td>
</tr>
</table>
CSS:
Kod: 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;}
table {margin-left: auto;margin-right: auto}
iframe{border:double 5px #000;}
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
body {
background-image: url(http://www.backgroundlabs.com/backgrounds/159.gif);
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}
-->
</style> |
|
↑
|
|
|
-
tasarimimcss
Aktif Üye
|
24.07.2011, 12:36 (UTC) Mesaj konusu: |
|
|
Merhaba arkadaşlar bendede bir tasarım var ancak ben onu site olarak vermek istiyorum ...
www.tasarimimcss.tr.gg
T. ÜSTÜ
Kod: <table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://img.webme.com/pic/t/tasarimimcss/untitled-6_01.png" width="900" height="225" border="0" usemap="#Map"></td>
</tr>
<tr>
<td height="279" valign="top" background="http://img.webme.com/pic/t/tasarimimcss/untitled-6_02.png"><table width="900" height="248" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="9"> </td>
<td width="55"> </td>
<td width="758" valign="top"><div id="content">
T.ALTI
Kod: </td>
<td width="65"> </td>
<td width="13"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="http://img.webme.com/pic/t/tasarimimcss/untitled-6_03.png" width="900" height="97"></td>
</tr>
</table>
<map name="Map"><area shape="rect" coords="97,176,236,205" href="http://www.tasarimimcss.tr.gg">
<area shape="rect" coords="246,176,365,205" href="http://www.tasarimimcss.tr.gg">
<area shape="rect" coords="372,178,516,206" href="http://www.tasarimimcss.tr.gg">
<area shape="rect" coords="524,178,664,208" href="http://www.tasarimimcss.tr.gg">
<area shape="rect" coords="675,178,805,207" href="http://www.tasarimimcss.tr.gg">
</map>
CSS
Kod: 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,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
body {
background-color: #FFFFFF;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FF0000;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FF0000;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #FF0000;
}
|
|
↑
|
|
|
-
grapiker
Aktif Üye
Konum: Rize
|
28.07.2011, 12:50 (UTC) Mesaj konusu: |
|
|
Tasarım Adı: Mavi Açılır Menülü
Desing: Grapiker.tr.gg
Desinger: Yusuf Berki Yazıcıoğlu
Özellikler: üst bölüm transparan genel olarak mavi bir tasarım en güzel yönü ise yan tarafa açılan dikey bir menülü olması
Önizleme:
Kodlar:
Üstü:
Kod: <!--Grapiker Tasarim Ustu Kodu Basla--> <table width="960" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="195" background="http://img.webme.com/pic/g/grapikerdeneme/tasarim1_01.gif"><table width="960" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="19"> </td> <td width="444"> </td> <td width="497"> </td> </tr> <tr> <td height="139"> </td> <td valign="top"><p><img src="http://img.webme.com/pic/g/grapikerdeneme/logo1.png" _fcksavedurl="http://img.webme.com/pic/g/grapikerdeneme/logo1.png" width="419" height="117" longdesc="http://grapiker.tr.gg"></p> </td> <td valign="top"><p><img src="http://img.webme.com/pic/v/ve-siir/468x60reklam3.png" _fcksavedurl="http://img.webme.com/pic/v/ve-siir/468x60reklam3.png" width="468" height="60" longdesc="http://grpiker.tr.gg"></p> <p> </p></td> </tr> <tr> <td height="28" align="center"><div align="left"></div></td> <td align="left"><div align="left">.</div></td> <td> </td> </tr> </table></td> </tr> <tr> <td height="611" background="http://img.webme.com/pic/g/grapikerdeneme/tasarim1_02.gif"><table width="960" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="18" height="607"> </td> <td width="221" valign="top"></br><div class="sidebarmenu"> <ul id="sidebarmenu1"> <li><a href="#" _fcksavedurl="#">Sade Menu 1</a></li> <li><a href="#" _fcksavedurl="#">Sade Menu 2</a></li> <li><a href="#" _fcksavedurl="#">Açılan Menu 1</a> <ul> <li><a href="#" _fcksavedurl="#">İc Menu 1</a></li> <li><a href="#" _fcksavedurl="#">İc Menu 2</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#">Item 3</a></li> <li><a href="#" _fcksavedurl="#">Sade Menu 3</a> <ul> <li><a href="#" _fcksavedurl="#">Sade Menu 4</a></li> <li><a href="#" _fcksavedurl="#">Açılan Menu2</a> <ul> <li><a href="#" _fcksavedurl="#">İc Menu 3</a></li> <li><a href="#" _fcksavedurl="#">İc Menu 4</a></li> </ul> </li> </ul> </li> <li><a href="#" _fcksavedurl="#">Item 4</a></li> </ul> </div> </td> <td width="13"> </td> <td width="685" valign="top"><div id="content"> <!--Grapiker Tasarim Ustu Kodu Bitir-->
Altı:
Kod: <!--Grapiker Tasarim Altı Kodu Basla--> </div> </td> <td width="23"> </td> </tr> </table></td> </tr> <tr> <td height="88" background="http://img.webme.com/pic/g/grapikerdeneme/tasarim1_03.gif"><table width="960" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="19"> </td> <td width="922"> </td> <td width="19"> </td> </tr> <tr> <td height="39"> </td> <td>Buraya Copyright Yaz =) </td> <td> </td> </tr> </table></td> </tr> </table> <!--Grapiker Tasarim Altı Kodu Bitir-->
Css Bölümü:
Kod:
<!--Grapiker Tasarim Cssv Kodu Basla-->
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;}
<style type="text/css"> <!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
body {
background-image: url(http://www.backgroundlabs.com/backgrounds/204.jpg);
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}
--> </style> <style type="text/css"> .sidebarmenu ul{ margin: 0; padding: 0; list-style-type: none; font: bold 13px Verdana; width: 180px; /* Main Menu Item widths */ border-bottom: 1px solid #ccc; } .sidebarmenu ul li{ position: relative; } /* Top level menu links style */ .sidebarmenu ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: white; text-decoration: none; padding: 6px; border-bottom: 1px solid #778; border-right: 1px solid #778; } .sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{ background-color: #012D58; /*background of tabs (default state)*/ } .sidebarmenu ul li a:visited{ color: white; } .sidebarmenu ul li a:hover{ background-color: black; } /*Sub level menu items */ .sidebarmenu ul li ul{ position: absolute; width: 170px; /*Sub Menu Items width */ top: 0; visibility: hidden; } .sidebarmenu a.subfolderstyle{ background: url(right.gif) no-repeat 97% 50%; } /* Holly Hack for IE */ * html .sidebarmenu ul li { float: left; height: 1%; } * html .sidebarmenu ul li a { height: 1%; } /* End */ </style> <script type="text/javascript">
//Nested Side Bar Menu (Mar 20th, 09)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
</script> <!--Grapiker Tasarim Css Kodu Bitir--> |
|
↑
|
|
|
-
tarihbulteni
Bedava-Sitem Bağımlısı
Konum: Erzincan Hukuk
|
28.07.2011, 12:54 (UTC) Mesaj konusu: |
|
|
@grapiker güzel tasarım ellerine sağlıkBAŞARILAR ______________ |
|
↑
|
|
|
-
grapiker
Aktif Üye
Konum: Rize
|
28.07.2011, 12:56 (UTC) Mesaj konusu: |
|
|
tarihbulteni yazmış: @grapiker güzel tasarım ellerine sağlıkBAŞARILAR Teşekkürler. |
|
↑
|
|
|
-
cmpunkn
Acemi Üye
|
28.07.2011, 12:57 (UTC) Mesaj konusu: |
|
|
grapiker yazmış: Tasarım Adı: Mavi Açılır Menülü
Desing: Grapiker.tr.gg
Desinger: Yusuf Berki Yazıcıoğlu
Özellikler: üst bölüm transparan genel olarak mavi bir tasarım en güzel yönü ise yan tarafa açılan dikey bir menülü olması
Önizleme:
Kodlar:
Üstü:
Kod: <!--Grapiker Tasarim Ustu Kodu Basla--> <table width="960" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="195" background="http://img.webme.com/pic/g/grapikerdeneme/tasarim1_01.gif"><table width="960" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="19"> </td> <td width="444"> </td> <td width="497"> </td> </tr> <tr> <td height="139"> </td> <td valign="top"><p><img src="http://img.webme.com/pic/g/grapikerdeneme/logo1.png" _fcksavedurl="http://img.webme.com/pic/g/grapikerdeneme/logo1.png" width="419" height="117" longdesc="http://grapiker.tr.gg"></p> </td> <td valign="top"><p><img src="http://img.webme.com/pic/v/ve-siir/468x60reklam3.png" _fcksavedurl="http://img.webme.com/pic/v/ve-siir/468x60reklam3.png" width="468" height="60" longdesc="http://grpiker.tr.gg"></p> <p> </p></td> </tr> <tr> <td height="28" align="center"><div align="left"></div></td> <td align="left"><div align="left">.</div></td> <td> </td> </tr> </table></td> </tr> <tr> <td height="611" background="http://img.webme.com/pic/g/grapikerdeneme/tasarim1_02.gif"><table width="960" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="18" height="607"> </td> <td width="221" valign="top"></br><div class="sidebarmenu"> <ul id="sidebarmenu1"> <li><a href="#" _fcksavedurl="#">Sade Menu 1</a></li> <li><a href="#" _fcksavedurl="#">Sade Menu 2</a></li> <li><a href="#" _fcksavedurl="#">Açılan Menu 1</a> <ul> <li><a href="#" _fcksavedurl="#">İc Menu 1</a></li> <li><a href="#" _fcksavedurl="#">İc Menu 2</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#">Item 3</a></li> <li><a href="#" _fcksavedurl="#">Sade Menu 3</a> <ul> <li><a href="#" _fcksavedurl="#">Sade Menu 4</a></li> <li><a href="#" _fcksavedurl="#">Açılan Menu2</a> <ul> <li><a href="#" _fcksavedurl="#">İc Menu 3</a></li> <li><a href="#" _fcksavedurl="#">İc Menu 4</a></li> </ul> </li> </ul> </li> <li><a href="#" _fcksavedurl="#">Item 4</a></li> </ul> </div> </td> <td width="13"> </td> <td width="685" valign="top"><div id="content"> <!--Grapiker Tasarim Ustu Kodu Bitir-->
Altı:
Kod: <!--Grapiker Tasarim Altı Kodu Basla--> </div> </td> <td width="23"> </td> </tr> </table></td> </tr> <tr> <td height="88" background="http://img.webme.com/pic/g/grapikerdeneme/tasarim1_03.gif"><table width="960" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="19"> </td> <td width="922"> </td> <td width="19"> </td> </tr> <tr> <td height="39"> </td> <td>Buraya Copyright Yaz =) </td> <td> </td> </tr> </table></td> </tr> </table> <!--Grapiker Tasarim Altı Kodu Bitir-->
Css Bölümü:
Kod:
<!--Grapiker Tasarim Cssv Kodu Basla-->
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;}
<style type="text/css"> <!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
body {
background-image: url(http://www.backgroundlabs.com/backgrounds/204.jpg);
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}
--> </style> <style type="text/css"> .sidebarmenu ul{ margin: 0; padding: 0; list-style-type: none; font: bold 13px Verdana; width: 180px; /* Main Menu Item widths */ border-bottom: 1px solid #ccc; } .sidebarmenu ul li{ position: relative; } /* Top level menu links style */ .sidebarmenu ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: white; text-decoration: none; padding: 6px; border-bottom: 1px solid #778; border-right: 1px solid #778; } .sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{ background-color: #012D58; /*background of tabs (default state)*/ } .sidebarmenu ul li a:visited{ color: white; } .sidebarmenu ul li a:hover{ background-color: black; } /*Sub level menu items */ .sidebarmenu ul li ul{ position: absolute; width: 170px; /*Sub Menu Items width */ top: 0; visibility: hidden; } .sidebarmenu a.subfolderstyle{ background: url(right.gif) no-repeat 97% 50%; } /* Holly Hack for IE */ * html .sidebarmenu ul li { float: left; height: 1%; } * html .sidebarmenu ul li a { height: 1%; } /* End */ </style> <script type="text/javascript">
//Nested Side Bar Menu (Mar 20th, 09)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
</script> <!--Grapiker Tasarim Css Kodu Bitir-->
Güzel Tasarım Ellerine Sağlık ______________ |
|
↑
|
|
|
-
grapiker
Aktif Üye
Konum: Rize
|
28.07.2011, 13:14 (UTC) Mesaj konusu: |
|
|
@Cmpunkn
Teşekkür Ederim. |
|
↑
|
|
|
-
forumesk1seh1r
Acemi Üye
|
01.08.2011, 12:50 (UTC) Mesaj konusu: |
|
|
Bana Güzel Forum Tasarımı yaparmısınız ?
|
|
↑
|
|
|
-
grapiker
Aktif Üye
Konum: Rize
|
|
↑
|
|
|
-
indirrrdik
Acemi Üye
|
02.08.2011, 08:35 (UTC) Mesaj konusu: |
|
|
adı futbol 3000 tamamen kodlaması programa ayittir
Kod: <a href=http://www.kodbul.org><img src="http://www.kodbul.org/img/banner88.gif" border="0"></a>
<body background="http://www.hizliupload.com/di-DXIA.jpg"></body>
______________ hhahahahahaaa
|
|
↑
|
|
|
-
grapiker
Aktif Üye
Konum: Rize
|
02.08.2011, 15:25 (UTC) Mesaj konusu: |
|
|
Tasarım Adı: Kırmızı Beta
Desing: Grapiker.tr.gg
Desinger: Yusuf Berki Yazıcıoğlu
Özellikler: kırmızı ağırlıklı bir tasarım klasik sağ menüsü var üstte bir reklam alanı altta toplist bannerleri için alan var tasarıma copyright bölümü yapmadım Umarım İşinize yarar
Önizleme:
Kodlar:
Üst:
Kod: <!--Grapiker Tasarim Üstü Kodu Başla--> <table width="960" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <th height="205" background="http://img.webme.com/pic/g/grapikerdeneme/kirmizi-beta_01.png"><table width="960" border="0" cellspacing="0" cellpadding="0"> <tr> <th scope="col"> </th> </tr> <tr> <th height="117" scope="col"><table width="960" border="0" cellspacing="0" cellpadding="0"> <tr> <th width="13" height="123" scope="col"> </th> <th width="467" scope="col"><img src="http://img.webme.com/pic/g/grapikerdeneme/logoeklenecek.png" _fcksavedurl="http://img.webme.com/pic/g/grapikerdeneme/logoeklenecek.png" width="468" height="116" longdesc="http://grapiker.tr.gg"></th> <th width="467" scope="col"><p><img src="http://www.siberalemde.net/resim/reklamalani.jpg" _fcksavedurl="http://www.siberalemde.net/resim/reklamalani.jpg" width="468" height="60" longdesc="http://grapiker.tr.gg"></p></th> <th width="13" scope="col"> </th> </tr> </table></th> </tr> <tr> <th height="34" scope="col"><table width="960" border="0" cellspacing="0" cellpadding="0"> <tr> <th width="10" height="28" scope="col"> </th> <th width="703" align="left" valign="top" scope="col">Bugün: 26 Tıklanma: 154 IP: 95.10.68.38</th> <th width="13" scope="col"> </th> <th width="223" align="left" valign="top" scope="col">Buraya Bisiy (saat kodu)</th> <th width="11" scope="col"> </th> </tr> </table></th> </tr> </table></th> </tr> <tr> <th height="655" background="http://img.webme.com/pic/g/grapikerdeneme/kirmizi-beta_02.png"><table width="960" border="0" cellspacing="0" cellpadding="0"> <tr> <th width="12" height="647" scope="col"> </th> <th width="702" align="left" valign="top" scope="col"><div id="content"></div> <!--Grapiker Tasarim Üstü Kodu Bitir-->
Altı:
Kod: <!--Grapiker Tasarim Altı Kodu Basla--> </th> <th width="10" scope="col"> </th> <th width="224" align="left" valign="top" scope="col"> <div class="urbangreymenu"> <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> </ul> <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> </ul> <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> <li><a href="http://www.grapiker.tr.gg" _fcksavedurl="http://www.grapiker.tr.gg">İç Menu</a></li> </ul> </div> </th> <th width="12" scope="col"> </th> </tr> </table></th> </tr> <tr> <th height="141" background="http://img.webme.com/pic/g/grapikerdeneme/kirmizibetaa_03.png"><table width="960" border="0" cellspacing="0" cellpadding="0"> <tr> <th width="13" height="33" scope="col"> </th> <th width="921" scope="col"><table width="921" border="0" cellspacing="0" cellpadding="0"> <tr> <th width="691" height="28" align="left" scope="col">Brayada Face Twitter Filan bişey ekle =)</th> <th width="20" scope="col"> </th> <th width="210" align="left" scope="col">Buraya pr Değeri Vb Ekle</th> </tr> </table></th> <th width="26" scope="col"> </th> </tr> <tr> <th height="58" scope="col"> </th> <th align="left" scope="col">Katıldığımız Toplistler: <img src="http://img.webme.com/pic/g/grapiker/88x31.png" _fcksavedurl="http://img.webme.com/pic/g/grapiker/88x31.png" width="88" height="31" longdesc="http://grapiker.tr.gg"> <img src="http://img.webme.com/pic/g/grapiker/88x31.png" _fcksavedurl="http://img.webme.com/pic/g/grapiker/88x31.png" width="88" height="31" longdesc="http://grapiker.tr.gg"> <img src="http://img.webme.com/pic/g/grapiker/88x31.png" _fcksavedurl="http://img.webme.com/pic/g/grapiker/88x31.png" width="88" height="31" longdesc="http://grapiker.tr.gg"> <img src="http://img.webme.com/pic/g/grapiker/88x31.png" _fcksavedurl="http://img.webme.com/pic/g/grapiker/88x31.png" width="88" height="31" longdesc="http://grapiker.tr.gg"> <img src="http://img.webme.com/pic/g/grapiker/88x31.png" _fcksavedurl="http://img.webme.com/pic/g/grapiker/88x31.png" width="88" height="31" longdesc="http://grapiker.tr.gg"> <img src="http://img.webme.com/pic/g/grapiker/88x31.png" _fcksavedurl="http://img.webme.com/pic/g/grapiker/88x31.png" width="88" height="31" longdesc="http://grapiker.tr.gg"> <img src="http://img.webme.com/pic/g/grapiker/88x31.png" _fcksavedurl="http://img.webme.com/pic/g/grapiker/88x31.png" width="88" height="31" longdesc="http://grapiker.tr.gg"></th> <th scope="col"> </th> </tr> <tr> <th height="19" scope="col"> </th> <th scope="col"> </th> <th scope="col"> </th> </tr> </table></th> </tr> </table> <!--Grapiker Tasarim Altı Kodu Bitir-->
Css:
Kod: <!--Grapiker Css Kodu Başla--> 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;} <style type="text/css"> <!--
body,td,th {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000;
}
body {
background-image: url(http://www.backgroundlabs.com/backgrounds/320.jpg);
}
a {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: none;
color: #F00;
}
a:active {
text-decoration: none;
color: #CCC;
}
--> </style> <style type="text/css"> .urbangreymenu{ width: 210px; /*width of menu*/ } .urbangreymenu .headerbar{ font: bold 13px Verdana; color: white; background: #D90000 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/ margin-bottom: 0; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 7px 0 7px 31px; /*31px is left indentation of header text*/ } .urbangreymenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; /*bottom spacing between each UL and rest of content*/ } .urbangreymenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .urbangreymenu ul li a{ font: normal 12px Arial; color: black; background: #E9E9E9; display: block; padding: 5px 0; line-height: 17px; padding-left: 8px; /*link text is indented 8px*/ text-decoration: none; } .urbangreymenu ul li a:visited{ color: black; } .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: white; background: black; } </style> <!--Grapiker Css Kodu Bitir--> ______________ Hertürlü İletşim İçin:
http://www.facebook.com/Y.Berki |
|
↑
|
|
|
-
systemwarez
Uzman Üye
|
|
↑
|
|
|
|