Merhaba Kral Anlatım Takipçileri,
Yeni yılın ilk yazısıyla karşınızdayım.Bu konumda sizlerle metin2 css tasarımlarını paylaşacağım.Tasarımlar bedava-sitem kullanıcıları tarafından kullanılabilir.Zamanında kullanmışlığım var.Gerçekten görmeye değer.
UYARI : Tasarımlar comag.tr.gg sitesine aittir.
Nasıl Yüklenir ? : Tasarımın üstündeki yazı,tasarımın altındaki yazı ve css kodlarını doğru yerlere yapıştırıp kaydedin.Bu kadar.
Tasarımın Kodları
<table width="81" height="136" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="100" align="left" valign="top" background="http://img.webme.com/pic/c/comagmt2/xcszdt4d.png"><table width="880" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="33"> </td> </tr> <tr> <td width="21" height="19"> </td> </tr> </table></td> </tr> </table> <table width="879" height="148" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="879" align="left" valign="top" background="http://s1.directupload.net/images/100801/ylzvgtzk.png"><table width="880" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="28" height="148"> </td> <td width="201" align="left" valign="top"> <div class="arrowlistmenu"> <h3 class="headerbar">Baslik 1</h3> <ul> <li><a href="link url" _fcksavedurl="link url" _fcksavedurl="link url" _fcksavedurl="link url">link baslik 1</a></li> <li><a href="link url" _fcksavedurl="link url" _fcksavedurl="link url" _fcksavedurl="link url">link baslik 2</a></li> <li><a href="link url" _fcksavedurl="link url" _fcksavedurl="link url" _fcksavedurl="link url">link baslik 3</a></li> <li><a href="link url" _fcksavedurl="link url" _fcksavedurl="link url" _fcksavedurl="link url">link baslik 4</a></li> <li><a href="link url" _fcksavedurl="link url" _fcksavedurl="link url" _fcksavedurl="link url">link baslik 5</a></li> <li><a href="link url" _fcksavedurl="link url" _fcksavedurl="link url" _fcksavedurl="link url">link baslik 6</a></li> </ul> <h3 class="headerbar">Baslik 2</h3> <ul> <li><a href="link url" _fcksavedurl="link url" _fcksavedurl="link url" _fcksavedurl="link url">link baslik 7</a></li> <li><a href="link url" _fcksavedurl="link url" _fcksavedurl="link url" _fcksavedurl="link url">link baslik 8</a></li> <li><a href="link url" _fcksavedurl="link url" _fcksavedurl="link url" _fcksavedurl="link url">link baslik 9</a></li> <li><a href="link url" _fcksavedurl="link url" _fcksavedurl="link url" _fcksavedurl="link url">link baslik 10</a></li> <li><a href="link url" _fcksavedurl="link url" _fcksavedurl="link url" _fcksavedurl="link url">link baslik 11</a></li> <li><a href="link url" _fcksavedurl="link url" _fcksavedurl="link url" _fcksavedurl="link url">link baslik 12</a></li> </ul></td> <td width="19"> </td> <td width="609" align="left" valign="top"><div id="content"></body></html> </body></html> </div> </td> <td width="23"> </td> </tr> </table></td> </tr> </table> <table width="81" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="881" height="95" align="left" valign="top" background="http://s10.directupload.net/images/100801/yic286jn.png"><table width="880" height="68" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="23" height="68"> <p> </p></td> </tr> </table></td> </tr> </table> <p> </p></body></html></body></html> 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} body,td,th { font-family: tahoma; font-size: 14px; color: #000000; font-weight: normal; } body { background-image: url(http://www.backgroundlabs.com/backgrounds/70.gif); } a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333399; font-weight: normal; } <style type="text/css"> .arrowlistmenu{ width: 180px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 13px Arial; color: white; background: black url(http://img.webme.com/pic/l/lifelist/kirmizi-menubar.png) repeat-x center left; margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ } .arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li a{ color: #666666; background: url(http://img.webme.com/pic/l/lifelist/arrow_menu.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: normal; border-bottom: 1px solid #dadada; font-size: 85%; } .arrowlistmenu ul li a:visited{ color: #666666; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #8F8F8F; background-color: #F3F3F3; }</body></html></body></html> 
Tasarımın Kodları
<div id="designbycomag"> </div></body></html> </style> <center> <style type="text/css"> <!-- td[height="101"] { position:absolute; left:50%; margin-left:-700px; } *{margin:0px; padding:0px; } body { background-color: #000000; background-image: none; } #designbycomag { position:absolute; top: 100px; left:50%; margin-left:-600px; width:1200px; height:1000px; background-image:url(http://img.webme.com/pic/c/comagmt2/wuestendesign2.png);} #content { position: absolute; left: 50%; top: 395px; margin-left:-370px; width: 742px; height:435px; overflow:auto;} color:#d39000; font-size:13px; font-family:arial; text-align:left; background-color:; background-image: none; border: 0px solid #FFFFFF;} /* Linkfarben im Textfeld content */ #content a{ color:#000080;} /* Feld Navigation */ #nav_container { position: absolute; left: 50%; top: 300px; margin-left:-340px; border:0px solid #FFFFFF;} ul#nav { list-style-type: none;} li.nav_element{ background-image: none; height: 31px; display: inline; padding: 6px; border: 1px solid #;} li.nav_element:hover{ background-image: none; border: 1px solid #;} a.menu{ text-decoration: none; font-family: arial; font-weight:bold; color: #ff0000;} h2#title{ background-color: #000000; color: #000000; border: 1px solid #000000; test-align: center; font-size: 18px; font-family: times new roman, arial; margin: 0px 670px 10px 0px;} /* Feld unter Textfeld */ #Feld_unten { position: absolute; left: 50%; top: 0px; margin-left:-190px; width: 380px; height: 63px; color: #C6BA8A; font-size: 12px; font-family: arial; text-align: center; border: 0px solid #FFFFFF;} /* Felder die wir nicht benötigen */ h1#header {display:none;} h2#title {display:none;} #sidebar_heading{display:none;} #nav_heading{display:none;} #sidebar_heading{display:none;} #nav_heading{display:none;} #sidebar_container { position:absolute; left:50%; top: 178px; margin-left: -163px; width: 557px; height: 12px; font-size: 10px; font-family: arial; font-weight:bold; color: #0E78E9; background-image: none; text-align: left; border: 0px solid #FFFFFF; overflow: auto; } <br type="_moz" /> </span></div></body></html> 
Tasarımın Kodları
<html> <head> <title>Titulo de tu pagina</title> <FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" ></FCK:meta> <STYLE> a:link { color : #FFFFFF; text-decoration : none; } a:visited { color : #FFFFFF; text-decoration : none; } a:active { color : #FFFFFF; text-decoration : none; } a:hover { color :#000000; text-decoration : none; } </STYLE> <STYLE type="text/css"> <!--
BODY {
scrollbar-face-color:#5F5F5F;
scrollbar-highlight-color:#8C8C8C;
scrollbar-3dlight-color:#909090;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#585858;
scrollbar-arrow-color:#6878A8;
scrollbar-track-color:#000000;
}
--> </STYLE> </head> <body bgcolor="#000000" text="#FFFFFF"> <table width="100" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td><img src="http://img.webme.com/pic/c/comagmt2/headersfq.jpg" _fcksavedurl="http://img.webme.com/pic/c/comagmt2/headersfq.jpg" _fcksavedurl="http://img.webme.com/pic/c/comagmt2/headersfq.jpg" width="777" height="150"></td> </tr> <tr> <td> <table width=777 border=0 cellpadding=0 cellspacing=0> <tr> <td colspan=3> <img src="http://img42.imageshack.us/img42/1595/menu01.jpg" _fcksavedurl="http://img42.imageshack.us/img42/1595/menu01.jpg" _fcksavedurl="http://img42.imageshack.us/img42/1595/menu01.jpg" width=777 height=17 alt=""></td> </tr> <tr> <td rowspan=2> <img src="http://img263.imageshack.us/img263/892/menu02.jpg" _fcksavedurl="http://img263.imageshack.us/img263/892/menu02.jpg" _fcksavedurl="http://img263.imageshack.us/img263/892/menu02.jpg" width=16 height=36 alt=""></td> <td background=http://img534.imageshack.us/img534/5461/menu03.jpg width=746 height=17> <table width="746" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="74" onMouseOver_fckprotectedatt_fckprotectedatt="%20onMouseOver_fckprotectedatt%3D%22%2520onMouseOver%253D%2522this.style.backgroundColor%253D'%2523616161'%253B%2522%22" onMouseOut_fckprotectedatt_fckprotectedatt="%20onMouseOut_fckprotectedatt%3D%22%2520onMouseOut%253D%2522this.style.backgroundColor%253D'%2523000000'%253B%2522%22"> <div align="center"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="1"><a href="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg">Link</a></font></div> </td> <td width="74" onMouseOver_fckprotectedatt_fckprotectedatt="%20onMouseOver_fckprotectedatt%3D%22%2520onMouseOver%253D%2522this.style.backgroundColor%253D'%2523616161'%253B%2522%22" onMouseOut_fckprotectedatt_fckprotectedatt="%20onMouseOut_fckprotectedatt%3D%22%2520onMouseOut%253D%2522this.style.backgroundColor%253D'%2523000000'%253B%2522%22"> <div align="center"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="1"><a href="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg">Link</a></font></div> </td> <td width="73" onMouseOver_fckprotectedatt_fckprotectedatt="%20onMouseOver_fckprotectedatt%3D%22%2520onMouseOver%253D%2522this.style.backgroundColor%253D'%2523616161'%253B%2522%22" onMouseOut_fckprotectedatt_fckprotectedatt="%20onMouseOut_fckprotectedatt%3D%22%2520onMouseOut%253D%2522this.style.backgroundColor%253D'%2523000000'%253B%2522%22"> <div align="center"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="1"><a href="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg">Link</a></font></div> </td> <td width="75" onMouseOver_fckprotectedatt_fckprotectedatt="%20onMouseOver_fckprotectedatt%3D%22%2520onMouseOver%253D%2522this.style.backgroundColor%253D'%2523616161'%253B%2522%22" onMouseOut_fckprotectedatt_fckprotectedatt="%20onMouseOut_fckprotectedatt%3D%22%2520onMouseOut%253D%2522this.style.backgroundColor%253D'%2523000000'%253B%2522%22"> <div align="center"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="1"><a href="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg">Link</a></font></div> </td> <td width="74" onMouseOver_fckprotectedatt_fckprotectedatt="%20onMouseOver_fckprotectedatt%3D%22%2520onMouseOver%253D%2522this.style.backgroundColor%253D'%2523616161'%253B%2522%22" onMouseOut_fckprotectedatt_fckprotectedatt="%20onMouseOut_fckprotectedatt%3D%22%2520onMouseOut%253D%2522this.style.backgroundColor%253D'%2523000000'%253B%2522%22"> <div align="center"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="1"><a href="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg">Link</a></font></div> </td> <td width="74" onMouseOver_fckprotectedatt_fckprotectedatt="%20onMouseOver_fckprotectedatt%3D%22%2520onMouseOver%253D%2522this.style.backgroundColor%253D'%2523616161'%253B%2522%22" onMouseOut_fckprotectedatt_fckprotectedatt="%20onMouseOut_fckprotectedatt%3D%22%2520onMouseOut%253D%2522this.style.backgroundColor%253D'%2523000000'%253B%2522%22"> <div align="center"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="1"><a href="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg">Link</a></font></div> </td> <td width="74" onMouseOver_fckprotectedatt_fckprotectedatt="%20onMouseOver_fckprotectedatt%3D%22%2520onMouseOver%253D%2522this.style.backgroundColor%253D'%2523616161'%253B%2522%22" onMouseOut_fckprotectedatt_fckprotectedatt="%20onMouseOut_fckprotectedatt%3D%22%2520onMouseOut%253D%2522this.style.backgroundColor%253D'%2523000000'%253B%2522%22"> <div align="center"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="1"><a href="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg">Link</a></font></div> </td> <td width="74" onMouseOver_fckprotectedatt_fckprotectedatt="%20onMouseOver_fckprotectedatt%3D%22%2520onMouseOver%253D%2522this.style.backgroundColor%253D'%2523616161'%253B%2522%22" onMouseOut_fckprotectedatt_fckprotectedatt="%20onMouseOut_fckprotectedatt%3D%22%2520onMouseOut%253D%2522this.style.backgroundColor%253D'%2523000000'%253B%2522%22"> <div align="center"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="1"><a href="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg">Link</a></font></div> </td> <td width="74" onMouseOver_fckprotectedatt_fckprotectedatt="%20onMouseOver_fckprotectedatt%3D%22%2520onMouseOver%253D%2522this.style.backgroundColor%253D'%2523616161'%253B%2522%22" onMouseOut_fckprotectedatt_fckprotectedatt="%20onMouseOut_fckprotectedatt%3D%22%2520onMouseOut%253D%2522this.style.backgroundColor%253D'%2523000000'%253B%2522%22"> <div align="center"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="1"><a href="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg" _fcksavedurl="http://www.comag.tr.gg">Link</a></font></div> </td> <td width="80" onMouseOver_fckprotectedatt_fckprotectedatt="%20onMouseOver_fckprotectedatt%3D%22%2520onMouseOver%253D%2522this.style.backgroundColor%253D'%2523616161'%253B%2522%22" onMouseOut_fckprotectedatt_fckprotectedatt="%20onMouseOut_fckprotectedatt%3D%22%2520onMouseOut%253D%2522this.style.backgroundColor%253D'%2523000000'%253B%2522%22"> <div align="center"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="1"><a href="http://www.comag.tr.gg/" _fcksavedurl="http://www.comag.tr.gg/" _fcksavedurl="http://www.comag.tr.gg/">Link</a></font></div> </td> </tr> </table> </td> <td rowspan=2> <img src="http://img808.imageshack.us/img808/5264/menu04.jpg" _fcksavedurl="http://img808.imageshack.us/img808/5264/menu04.jpg" _fcksavedurl="http://img808.imageshack.us/img808/5264/menu04.jpg" width=15 height=36 alt=""></td> </tr> <tr> <td> <img src="http://img534.imageshack.us/img534/7923/menu05c.jpg" _fcksavedurl="http://img534.imageshack.us/img534/7923/menu05c.jpg" _fcksavedurl="http://img534.imageshack.us/img534/7923/menu05c.jpg" width=746 height=19 alt=""></td> </tr> </table> </td> </tr> <tr> <td> <table width=777 border=0 cellpadding=0 cellspacing=0> <tr> <td colspan=3> <img src="http://img42.imageshack.us/img42/8620/ca01t.jpg" _fcksavedurl="http://img42.imageshack.us/img42/8620/ca01t.jpg" _fcksavedurl="http://img42.imageshack.us/img42/8620/ca01t.jpg" width=777 height=16 alt=""></td> </tr> <tr> <td background=http://img810.imageshack.us/img810/5240/ca02.jpg width=15> </td> <td background=http://img42.imageshack.us/img42/9561/cabg.gif width=748 height=445 valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="6"> <center><p><br /></p></center> </body></html> </font> </center> </td> </tr> </table> </td> <td background=http://img42.imageshack.us/img42/2539/ca04.jpg width=14 height=445> </td> </tr> <tr> <td colspan=3> <img src="http://img810.imageshack.us/img810/2127/ca05.jpg" _fcksavedurl="http://img810.imageshack.us/img810/2127/ca05.jpg" _fcksavedurl="http://img810.imageshack.us/img810/2127/ca05.jpg" width=777 height=17 alt=""></td> </tr> </table> </td> </tr> </table> <div align="center"><br> <font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">© copyright 2011 <span style="color: #FF0000">CoMaG</span> </font></div> </body> </html> </body></html> lli.nav_element{display: none;} li.nav_element a{display: none;} 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></html> Sign up here with your email
ConversionConversion EmoticonEmoticon