Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj11.07.2012, 14:42 (UTC)    
Mesaj konusu: Mavi Gri Tasarım

Yine merhaba arkadaşlar.Sitelerde gezinirken bir sitene çizip bıraklımış tasarımlar gördüm ben de sizin işinize yarıyacağını sanıp kodlamasıyla uğraştım.Ve tasarımı çizen H61 arkadaşıma teşekkürler.Gerçekten güzel bir tasarım olmuş.Bende kodlayarak güzelleştirdim ve şimdide sizlere sunuyorum.Umarım beğenirsiniz

<a href="http://flariatr.tr.gg/"><br />
<span style="font-size: smaller; "><span style="font-family: Arial; "><strong>&Ouml;n izlemesi i&ccedil;in tıkla.</strong></span></span></a>


Tasarımın üstüne
Kod:
<table width="950" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="45" background="http://img.webme.com/pic/r/royalruling/mavigritasarim_01.png"></td>
  </tr>
  <tr>
    <td height="162" background="http://img.webme.com/pic/r/royalruling/mavigritasarim_02.png"><div id="logo">145x130 Logo</div>
    <div id="Soneklenenler">
      <ul>
        <li><a href="Http://egekaya.tr.gg/">Eklenecek</a></li>
        <li><a href="Http://egekaya.tr.gg/">Eklenecek</a></li>
        <li><a href="Http://egekaya.tr.gg/">Eklenecek</a></li>
        <li><a href="Http://egekaya.tr.gg/">Eklenecek</a></li>
      </ul>
    </div>
    <div id="Duyuru"><marquee direction=left>Çizim : Htmlfbmlkodu61.tr.gg / Kodlayan : Egekaya.tr.gg / © 2012</marquee></div>
    <div id="reklam"><a href="http://egekaya.tr.gg/"><img src="Resim Url" height="93" width="380" border="0"></a></div></td>
  </tr>
  <tr>
    <td height="23" background="http://img.webme.com/pic/r/royalruling/mavigritasarim_03.png"> </td>
  </tr>
  <tr>
    <td height="256" background="http://img.webme.com/pic/r/royalruling/mavigritasarim_04.png"><table width="950" height="248" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="83"> </td>
        <td width="188" align="left" valign="top"></div>
 
<div id="orta">
<div class="yanmenu"><div class="arrowlistmenu">
<h3 class="headerbar">Buraya Başlık Gelecek</h3>
<ul>
   
<li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li>
<li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
 
    </a></li>
   
    <h3 class="headerbar">Buraya Başlık Gelecek</h3>
<ul>
   
<li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li>
<li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
    </a></li><li><a href="http://egekaya.tr.gg/">Eklenecek<br />
 
    </a></li>
 
</ul></td>
        <td width="10"> </td>
        <td width="581" align="left" valign="top">



Tasarımın Altına
Kod:
</td>
        <td width="88"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><img src="http://img.webme.com/pic/r/royalruling/mavigritasarim_05.png" width="950" height="34" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="564,22,663,33" href="http://egekaya.tr.gg" target="_blank">
<area shape="rect" coords="765,22,829,34" href="http://egekaya.tr.gg">
</map></td>
  </tr>
</table>



CSS KODUNA
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}

<style type="text/css">
<!--
#ustmenu {
   height: 31px;
   width: 771px;
   float: left;
   margin-top: 8px;
   margin-left: 93px;
}
#logo {
   float: left;
   height: 130px;
   width: 145px;
   margin-top: 15px;
   margin-left: 100px;
}
#Soneklenenler {
   width: 183px;
   float: left;
   height: 135px;
   margin-top: 10px;
   margin-left: 35px;
}
#Soneklenenler ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}
#Soneklenenler a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #000000;
   text-decoration: none;
   display: block;
   width: auto;
   padding-top: 9px;
   padding-left: 11px;
   height: 25px;
}
#Soneklenenler a:hover {
   text-decoration: underline;
}
#Duyuru {
   width: 310px;
   float: right;
   height: 17px;
   margin-top: 18px;
   margin-right: 86px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
}
#reklam {
   height: 93px;
   width: 380px;
   float: right;
   margin-right: 89px;
   margin-top: 7px;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
 
.arrowlistmenu{
width: 188px; /*width of menu*/
}
 
.arrowlistmenu .headerbar{
font: bold 11px Arial;
color: white;
background: black url(http://img.webme.com/pic/e/egekaya/menubg.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 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: #808080;
background: url(http://cdn1.iconfinder.com/data/icons/splashyIcons/arrow_state_grey_right.png) no-repeat center left; /*custom bullet list image*/
display: block;
font: bold 12px Arial;
padding: 4px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px dashed #dadada;
font-size: 75%;
}
 
.arrowlistmenu ul li a:visited{
color: #808080;
}
 
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #4682B4;
 
}
 
a:link {
    color: #000000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #000000;
}
a:hover {
    text-decoration: none;
    color: #0099FF;
}
a:active {
    text-decoration: none;
    color: #000000;
}
 
 
     input[type="text"]  { font-family : "Verdana"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url() 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() repeat-x top; } textarea { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url() repeat-x top; }       
 
büyüyen resim
<style type="text/css">  /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */  .hovergallery img{ -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(0.8); /*Mozilla scale version*/ -o-transform:scale(0.8); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ opacity: 0.7; /*initial opacity of images*/ margin: 0 10px 5px 0; /*margin between images*/ }  .hovergallery img:hover{ -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/ -moz-transform:scale(1.1); /*Mozilla scale version*/ -o-transform:scale(1.1); /*Opera scale version*/ box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/ -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/ -moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/ opacity: 1; }
-->
</style>

______________
Mesaj11.07.2012, 15:39 (UTC)    
Mesaj konusu:

Başarılı +
______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu