Forum'da ara:
Ara


Yazar Mesaj
Mesaj14.11.2010, 17:35 (UTC)    
Mesaj konusu: Bu Şekilde nasıl kodluyoruz

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-left: auto}

* {padding: 0; margin:0 }

body {
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/background.png) top center fixed;
}

#tasarim{
width: 678px;
margin-left: 335px;
margin-top: 50px;
}

#ust{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/ust.png);
width: 678px;
height: 19px;
float: left;
}

#orta{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/orta.png);
width: 678px;
height: 100%;
float: left;
}

.icerik {
width:658px;
float: left;
padding: 0 0 0 10px;
overflow: hidden;
text-align: justify;
}

#alt{
margin-left: 335px;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/alt.png);
width: 676px;
height: 33px;
float: left;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#slantedmenu{
font-weight: bold;
font-size: 90%;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(http://www.dynamicdrive.com/cssexamples/media/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
}

#slantedmenu ul li a:hover{
color: black;
}

.hata, .ikaz, .tamam, .bilgi {
   margin-bottom: 1.5em;
   padding: 1em 1.5em 1em 5.5em;
   border-bottom: 2px solid #fff;
   border-top: 2px solid #fff;
   color: #444 }
 
.hata { background: #fbe3e4 url(http://img.webme.com/pic/m/mistanbul/hata.png) 2.2em center no-repeat; border-color: #e0011b }
 
   .hata a { color: #d12f19 }
 
.ikaz { background: #fff6bf url(http://img.webme.com/pic/m/mistanbul/ikaz.png) 2.2em center no-repeat; border-color: #ffd324 }
 
   .ikaz a { color: #817134 }
 
.tamam { background: #e9ffdd url(http://img.webme.com/pic/m/mistanbul/tamam.png) 2.2em center no-repeat; border-color: #72c868 }
 
   .tamam a { color: #529214 }
 
.bilgi { background: #e2ecee url(http://img.webme.com/pic/m/mistanbul/bilgi.png) 2.2em center no-repeat; border-color: #9ddae6 }
 
   .bilgi a { color: #2d7ba2 }
 
/* listeler */
.hata ul, .ikaz ul, .tamam ul, .bilgi ul {
   list-style: none;
   margin: 1.3em 1.5em }
 
.hata ul li, .ikaz ul li, .tamam ul li, .bilgi ul li { padding-left: 1.3em }
 
.hata ul li { background: url(http://img.webme.com/pic/m/mistanbul/hata-bullet.png)  0 0.55em no-repeat }
 
.ikaz ul li { background: url(http://img.webme.com/pic/m/mistanbul/ikaz-bullet.png)  0 0.55em no-repeat }
 
.tamam ul li { background: url(http://img.webme.com/pic/m/mistanbul/tamam-bullet.png) 0 0.55em no-repeat }
 
.bilgi ul li { background: url(http://img.webme.com/pic/m/mistanbul/bilgi-bullet.png) 0 0.55em no-repeat }


Bu Öğretene Sitemi Verecem.
Mesaj14.11.2010, 17:37 (UTC)    
Mesaj konusu:

Merhavalar,
Zaten Kodlanmis hali.
Bu Kodu Tasarim Ayarlarindan Gelismis ayarlara girerek Css Koduna ekleyebilirsiniz.
Iyi forumlar. Wink
Mesaj14.11.2010, 17:40 (UTC)    
Mesaj konusu: Aaa

Aaa Kodlanmışmı Bilmiyordum. Smile
Biliyorumda Diger Kodlanmış Tasarımlara benzemıyor kodlama Very Happy

Kod:
#tasarim{
width: 678px;
margin-left: 335px;
margin-top: 50px;
}

#ust{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/ust.png);
width: 678px;
height: 19px;
float: left;
}


Kod:
#tasarim{
width: 678px;
margin-left: 335px;
margin-top: 50px;
}

#ust{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/ust.png);
width: 678px;
height: 19px;
float: left;
}

Tasarım
Ust Yazmış bunun gibi
Mesaj14.11.2010, 17:54 (UTC)    
Mesaj konusu:

Hayir verdiginiz Kod Css Kodudur.
Dolayisiyla hepsi Css Kodu'na eklenir.
Mesaj14.11.2010, 17:58 (UTC)    
Mesaj konusu:

dostum o tasarım bana aittir(tasarimci-amca1 benım sıte) tasarımda sorun mu var ? bana pm ıle ulaş yardımcı olayım.
______________
Mesaj14.11.2010, 21:10 (UTC)    
Mesaj konusu:

Rollover tasarım katlanıyor ama içeriği resimli kısa ve öz yapıcaksınız önizleme

http://spritmaster.tr.gg/


kodlar


t-üstü
Kod:
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
body {
   background-color: #000000;
}
body,td,th {
   font-weight: bold;
   color: #800000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
}
a:hover {
   text-decoration: none;
}
a:active {
   text-decoration: none;
}
a {
   font-weight: bold;
}
-->
</style><body onLoad="MM_preloadImages('file:///C|/Documents and Settings/Aykut/Desktop/images/kcnkj08d_01.png')">
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="1050" height="128"><a href="#" target="#" onMouseOver="MM_swapImage('Image1','','file:///C|/Documents and Settings/Aykut/Desktop/images/kcnkj08d_01.png',1)" onMouseOut="MM_swapImgRestore()"><img src="http://img192.imageshack.us/img192/7020/kcnkj08d01.png" alt="#" name="Image1" width="1024" height="128" border="0" usemap="#Image1Map" lowsrc="#"></a></td>
  </tr>
  <tr>
    <td height="527" background="http://img338.imageshack.us/img338/5552/kcnkj08d02.png"><table width="1016" height="482" border="0" align="center">
      <tr>
        <td valign="top"><div id="content"></div>


T-altı

Kod:
   </tr>
    </table></td>
  </tr>
  <tr>
    <td height="113" background="http://img440.imageshack.us/img440/7108/kcnkj08d03.png"> </td>
  </tr>
</table>

<map name="Image1Map">
  <area shape="rect" coords="47,97,188,119" href="http://spritmaster.tr.gg/" target="http://spritmaster.tr.gg/" alt="http://spritmaster.tr.gg/">
<area shape="rect" coords="258,91,433,115" href="http://spritmaster.tr.gg/Hakkımızda.htm" target="http://spritmaster.tr.gg/Hakk%26%23305%3Bm%26%23305%3Bzda.htm" alt="http://spritmaster.tr.gg/Hakk%26%23305%3Bm%26%23305%3Bzda.htm">
<area shape="rect" coords="490,93,611,117" href="http://spritmaster.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" target="http://spritmaster.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" alt="http://spritmaster.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">
<area shape="rect" coords="671,89,772,114" href="http://spritmaster.tr.gg/Yaz%26%23305%3Blar.htm" target="http://spritmaster.tr.gg/Yaz%26%23305%3Blar.htm" alt="Gidilecek adres">
<area shape="rect" coords="845,93,900,115" href="http://spritmaster.tr.gg/Blog.htm" target="http://spritmaster.tr.gg/Blog.htm" alt="http://spritmaster.tr.gg/Blog.htm">
</map>


css kodu
Kod:
iframe{border:solid 4px #000000;} 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;}  #counter{text-align:center;}  * {padding: auto; margin:auto}  body {  margin-left: auto;  margin-right: auto;  background: url(url) top center fixed;  }  #design_by_endless94_tasarim{  width: 1000px;  margin-left: auto;  margin-right: auto;  }         #endless94_ust{  margin-left: auto;  margin-right: auto;  background: url(http://img529.imageshack.us/img529/6500/turuncu01.png);  width: 1000px;  height: 91px;  float: left;  }     .endless94_shg{  width:980px;  float: left;  padding: 15px 0 0 20px;  overflow: hidden;  text-align: justify; }    #endless94_logoreklam{  margin-left: auto;  margin-right: auto;  background: url(http://img405.imageshack.us/img405/3280/turuncu02.png);  width: 1000px;  height: 141px;  float: left;  }    .endless94_logo{  width:400px;  float: left;  padding: 0 0 0 35px;  overflow: hidden;  text-align: justify; }   .endless94_reklam{  width:490px;  float: left;  padding: 60px 0 0 45px;  overflow: hidden;  text-align: justify; }    #endless94_ustmenu{  margin-left: auto;  margin-right: auto;  background: url(http://img833.imageshack.us/img833/6230/turuncu03.png);  width: 1000px;  height: 63px;  float: left;  }    .endless94_ustmenu{  width:970px; height:490px;  float: left;  padding: 15px 0 0 15px;  overflow: hidden;  text-align: justify; }   #endless94_burada{  margin-left: auto;  margin-right: auto;  background: url(http://img291.imageshack.us/img291/8392/turuncu04.png);  width: 1000px;  height: 45px;  float: left;  }   .endless94_burada{  width:980px;  float: left;  padding: 15px 0 0 20px;  overflow: hidden;  text-align: justify; }        #endless94_content{  margin-left:  auto;  margin-right: auto;  background: url(http://img823.imageshack.us/img823/6857/turuncu05.png);  width: 1000px;  height: 100%;  float: left;  }     .endless94_content{  width:960px;  float: left;  padding: 0 0 0 20px;  overflow: hidden;  text-align: justify; }                 #endless94_contentalt{  margin-left: auto;  margin-right: auto;  background: url(http://img405.imageshack.us/img405/431/turuncu06.png);  width: 1000px;  height: 65px;  float: left;  }     #endless94_istatistikreklam{  margin-left: auto;  margin-right: auto;  background: url(http://img833.imageshack.us/img833/3358/turuncu07.png);  width: 1000px;  height: 89px;  float: left;  }   .endless94_istatistik{  width:360px;  float: left;  padding: 0 0 0 20px;  overflow: hidden;  text-align: justify; }      .endless94_altreklam{  width:540px;  float: left;  padding: 12px 0 0 75px;  overflow: hidden;  text-align: justify; }     #endless94_alt{  margin-left: auto;  margin-right: auto;  background: url(http://img405.imageshack.us/img405/906/turuncu08.png);  width: 1000px;  height: 70px;  float: left;  }    .endless94_copy{  width:1000px;  float: left;  padding: 20px 0 0 0px;  overflow: hidden;  text-align: justify; }      .menu{    border:none;    border:0px;    margin:0px;    padding:0px;    font-family:verdana,geneva,arial,helvetica,sans-serif;    font-size:14px;    font-weight:bold;    color:FFFFFF;    } .menu ul{    background:url(http://img841.imageshack.us/img841/5076/menubgt.png) top left repeat-x;    height:43px;    list-style:none;    margin:0;    padding:0;    }    .menu li{       float:left;       }    .menu li a{       color:#000000;       display:block;       font-weight:bold;       line-height:43px;       padding:0px 25px;       text-align:center;       text-decoration:none;       }       .menu li a:hover{          color:#000000;          text-decoration:none;          }    .menu li ul{       background:#FF4400;       border-left:2px solid #9C0000;       border-right:2px solid #9C0000;       border-bottom:2px solid #9C0000;       display:none;       height:auto;       filter:alpha(opacity=95);       opacity:0.95;       position:absolute;       width:200px;       z-index:200;       /*top:1em;       /*left:0;*/       }    .menu li:hover ul{       display:block;       }    .menu li li {       display:block;       float:none;       width:200px;       }    .menu li ul a{       display:block;       font-size:11px;       font-style:kalın;       padding:0px 10px 0px 15px;       text-align:left;       }       .menu li ul a:hover{          background:#FFFFFF;          color:#000000;          opacity:1.0;          filter:alpha(opacity=100);          }    .menu p{       clear:left;       }       .menu #current{       background:url(http://img705.imageshack.us/img705/9867/currentbgt.png) top left repeat-x;       color:#000000;       }           
Mesaj15.11.2010, 11:21 (UTC)    
Mesaj konusu:

Arrow Css Kodu Oldugunu Bende Biliyorum Smile
Arrow (Kodlama Şeklini Diyorum Css Bakarsanız Anlarsınız Digerlerinden Farklı Kodlanmış )
Mesaj15.11.2010, 16:11 (UTC)    
Mesaj konusu:

adige-web yazmış:
Arrow Css Kodu Oldugunu Bende Biliyorum Smile
Arrow (Kodlama Şeklini Diyorum Css Bakarsanız Anlarsınız Digerlerinden Farklı Kodlanmış )


sen neyi diyorsun anlamadım ki tasarımı ben kodlarken sağ tarafa doğru kaydırdım bunda fark yokki
______________
Mesaj15.11.2010, 21:23 (UTC)    
Mesaj konusu:

Kardeşim , css ile hiç uğraşma , indir dreamweaver cs3 ü tablo tasarım kodla , istediğin her tasarımı tablo şeklinde kodlayabilirsin ve hiçbir sorun yaşamazsın.
______________
Önceki mesajları göster:   


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