Forum'da ara:
Ara


Yazar Mesaj
Mesaj28.11.2008, 15:24 (UTC)    
Mesaj konusu:

Merhaba..
Başlığı Yeni Gördüm..Ve Yardımcı Olayım Dedim..
Sana Kodları Veriyim.Sen Kendine Göre Düzenlersin..


Tasarım Üzerine :
Kod:
<div id="menu">
   <ul>
      <li><a href="http://net-tr.tr.gg/Ana-sayfa.htm" accesskey="1" title="">Ana Sayfa</a></li>
      <li><a href="http://net-tr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" accesskey="2" title="">İletişim</a></li>
      <li><a href="http://net-tr.tr.gg/Ziyaret%E7i-defteri.htm?PHPSESSID=4eeed38d0acd22f36344320606f89bd4" accesskey="3" title="">Ziyaretçi Defteri</a></li>
      <li><a href="http://net-tr.tr.gg/Forum/index.htm" accesskey="4" title="">Forum</a></li>
      <li><a href="http://net-tr.tr.gg/Sitemizin-%26%23304%3Bstatistikleri.htm" accesskey="5" title="">İstatistikler</a></li>
      <li><a href="http://net-tr.tr.gg/Dost-Siteler.htm " accesskey="6" title="">Dost Siteler</a></li>
   </ul>
</div>
<div id="header">
   <div id="logo">
      <h1><a href="#"></a></h1>
      <h2><a href="http://www.freecsstemplates.org/"></a></h2>
   </div>
   <div id="banner"><a href="#"></a></div>
</div>
<!-- end #header -->
<div id="page">
   <div id="conntent">
      <div class="post">
         <h1 class="title">Hoşgeldiniz..</h1>
         <div class="story">
                         Yepyeni İçerikle.
                                                                                Yepyeni Tasarımla.
         </div>
         <div class="meta">
            <p class="date"></p>
            </div>
      </div>
      <div class="post boxed">
         <h2 class="title">Net-tr.tr.gg</h2>
         <div class="story">


</center>


Tasarım Altındaki Yazıya:
Kod:
</div>
   <div class="meta">
    <p class="date">Bilgide Değil,Paylaşmakta Marifet.</p>
       </div>
  </div>
 </div>
 <!-- end #content -->
 <div id="sidebar">
  <ul>
   <li>
    <h2>Webmaster Bölümü</h2>
    <ul>
     <li class="first"><a href="http://net-tr.tr.gg/Asp.htm ">Asp</a> <i>(5)</i></li>
     <li><a href="http://net-tr.tr.gg/Php.htm ">Php</a> <i>(3)</i></li>
     <li><a href="http://net-tr.tr.gg/Css.htm ">Css</a> <i>(2)</i></li>
     <li><a href="http://net-tr.tr.gg/Html.htm ">Html</a> <i>(5)</i></li>
     <li><a href="http://net-tr.tr.gg/Java-Script.htm ">Java Script</a> <i>(5)</i></li>
     <li><a href="http://net-tr.tr.gg/Webmaster-Ara%E7lari.htm  ">Webmaster Araçları</a> <i>(19)</i></li>
    </ul>
   </li>
   <li>
    <h2>Bilgisayar Konuları</h2>
    <ul>
     <li class="first"><a href="http://net-tr.tr.gg/Casus-yaz%FDl%FDm--k1-spyware-k2--nedir-f-.htm ">Casus yazılım (spyware)</a></li>
     <li><a href="http://net-tr.tr.gg/G.ue.venlik-duvar%FD--k1-firewall-k2--nedir-f-.htm ">Güvenlik duvarı (firewall)</a></li>
     <li><a href="http://net-tr.tr.gg/%DD%FEletim-sistemi-nedir-f-.htm ">İşletim sistemi</a></li>
     <li><a href="http://net-tr.tr.gg/Solucan--k1-worm-k2--nedir-f-.htm ">Solucan (worm)</a></li>
     <li><a href="http://net-tr.tr.gg/Yaz%FDl%FDm-nedir--f-.htm ">Yazılım nedir ?</a></li>
     <li><a href="http://net-tr.tr.gg/Ekran-kart%FD-nedir-f-.htm ">Ekran kartı nedir?</a></li>
     <li><a href="http://net-tr.tr.gg/Bilgisayar-vir.ue.s.ue.-nedir-f-.htm ">Bilgisayar virüsü nedir ?</a></li>
    </ul>
   </li>
   <li>
    <h2>Photoshop Dersleri</h2>
    <ul>
     <li class="first"><a href="http://net-tr.tr.gg/Photoshop-Nedir--f-.htm ">Photoshop Nedir ?</a></li>
     <li><a href="http://net-tr.tr.gg/Photshop-h-a-Genel-Bak%FD%FE.htm ">Photoshop'a Genel Bakış</a></li>
     <li><a href="http://net-tr.tr.gg/Ara%E7-%C7ubu%F0u--k1-Tool-Bar-k2-.htm ">Araç Çubuğu (Tool Bar)</a></li>
     <li><a href="http://net-tr.tr.gg/Menu-%C7ubu%F0u--k1--Menu-Bar-k2-.htm ">Menu Çubuğu ( Menu Bar)</a></li>
     <li><a href="http://net-tr.tr.gg/Info_Options_Navigator-Penceresi.htm ">Info-Options-Navigator Penceresi</a></li>
     <li><a href="http://net-tr.tr.gg/Layers_Channels_Path-Penceresi.htm ">Layers-Channels-Path Penceresi</a></li>
     <li><a href="http://net-tr.tr.gg/Color_Swatches_Brushes_Actions-Penceresi.htm ">Color-Swatches-Brushes-Actions</a></li>
    </ul>
   </li>
   <li>
    <h2>Flash Dersleri</h2>
    <ul>
     <li class="first"><a href="http://net-tr.tr.gg/Flash-Nedir--f-.htm ">Flash Nedir ?</a></li>
     <li><a href="http://net-tr.tr.gg/Flash-Fotograf-g.oe.sterisi-yap%26%23305%3Bn.htm ">Flash Fotograf gösterisi yapın</a></li>
     <li><a href="http://net-tr.tr.gg/Flash-A%E7%26%23305%3Bl%26%23305%3Br-Men.ue.-Yap%26%23305%3Bn.htm ">Flash Açılır Menü Yapın</a></li>
     <li><a href="http://net-tr.tr.gg/Macromedia-Flash-K%FDsa-Yollar%FD.htm ">Macromedia Flash Kısa Yolları</a></li>
     <li><a href="http://net-tr.tr.gg/Flash-D.ue.%F0me-ve-Buton-Yap%FDm%FD-.htm ">Flash Düğme ve Buton Yapımı </a></li>
     <li><a href="http://net-tr.tr.gg/Flash-Banner-Haz%FDrlama-Teknikleri.htm ">Flash Banner Hazırlama Teknikleri</a></li>
     <li><a href="http://net-tr.tr.gg/Flash-h-%FD-Yerle%FEtirmek-.htm ">Flashı Yerleştirmek </a></li>
    </ul>
   </li>
   <li>
    <h2>Dreamweaver Dersleri</h2>
    <ul>
     <li class="first"><a href="http://net-tr.tr.gg/Macromedia-Dreamweaver-Nedir-f-.htm ">Dreamweaver Nedir?</a></li>
     <li><a href="http://net-tr.tr.gg/Local-Info-b.oe.l.ue.m.ue..htm ">Local Info bölümü</a></li>
     <li><a href="http://net-tr.tr.gg/Genel-Bilgi.htm ">Genel Bilgi</a></li>
     <li><a href="http://net-tr.tr.gg/%C7izim-Ara%E7lar%26%23305%3B.htm ">Çizim Araçları</a></li>
     <li><a href="http://net-tr.tr.gg/Frameler--k1-%C7er%E7eveler-k2-.htm ">Frameler (Çerçeveler)</a></li>
     <li><a href="http://net-tr.tr.gg/Link-Verme.htm ">Link Verme</a></li>
     <li><a href="http://net-tr.tr.gg/Temel--Oe-%F0eler.htm ">Temel Öğeler</a></li>
    </ul>
   </li>
   <li>
    <h2>Diğer</h2>
    <ul>
     <li class="first"><a href="http://net-tr.tr.gg/Sayfalar%FDmda-Google-Reklamlar%FDn%FD-Nereye-Yerle%FEtirmeliyim--f-.htm ">Sayfalarımda Google Reklamlarını</a></li>
     <li><a href="http://net-tr.tr.gg/Alexa-nedir--f-.htm ">Alexa </a></li>
     <li><a href="http://net-tr.tr.gg/Seo.htm ">Seo</a></li>
     <li><a href="http://net-tr.tr.gg/DMOZ--k1-ODP-k2--Nedir--f-.htm ">DMOZ (ODP) Nedir ?</a></li>
     <li><a href="http://net-tr.tr.gg/Webmasterlere--Oe-neriler.htm ">Webmasterlere Öneriler</a></li>
     <li><a href="http://net-tr.tr.gg/Google.htm ">Google</a></li>
     <li><a href="http://net-tr.tr.gg/Pagerank.htm ">Pagerank</a></li>
    </ul>
   </li>
   <li>
    <h2>Eglence Bölümü</h2>
    <ul>
     <li class="first"><a href="http://net-tr.tr.gg/Telefon-%26%23350%3Bakalar%26%23305%3B.htm ">Telefon Şakaları</a></li>
     <li><a href="http://net-tr.tr.gg/Sevgi-Mesajlar%26%23305%3B.htm ">Sevgi Mesajları</a></li>
     <li><a href="http://net-tr.tr.gg/%26%23304%3B%26%23351%3B-%26%23304%3Blanlar%26%23305%3B-.htm ">İş İlanları </a></li>
     <li><a href="http://net-tr.tr.gg/-Oe-zl.ue.-S.oe.zler.htm ">Özlü Sözler</a></li>
     <li><a href="http://net-tr.tr.gg/Msn-Arama-Motoru.htm ">Msn Arama Motoru</a></li>
     <li><a href="http://net-tr.tr.gg/G.ue.n.ue.n-Bebe%26%23287%3Bi.htm ">Günün Bebeği</a></li>
     <li><a href="http://net-tr.tr.gg/Hesap-Makinesi.htm ">Hesap Makinesi</a></li>
    </ul>
   </li>
  </ul>
 </div>

</div>
  </div>
 </div>
 <!-- end #content -->
 <div id="sidebar">
  <ul>
 <!-- end #sidebar -->
 <div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
 <p id="legal">Copyright © 2008 . Designed by <a href="http://www.net-tr.tr.gg/">Net-TR</a></p>
 <p id=""> <a href="http://webmasterbilgi.tr.gg">Webmasterbilgi</a> | <a href="http://dilinikullan.tr.gg">Dilinikullan</a>  <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language"></abbr></a>  <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets"></abbr></a></p>
</div>
<!-- end #footer -->


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;}

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
 margin: 0;
 padding: 0;
}

body {
 background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img01.jpg) repeat-x;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #7F7772;
}

h1, h2, h3 {
 margin-bottom: 15px;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: normal;
 color: #333333;
}

h1 {
 font-size: 197%;
}

h2 {
 font-size: 152%;
}

h3 {
 font-size: 100%;
 font-weight: bold;
}

p, ul, ol {
 margin-bottom: 15px;
 line-height: 1.6em;
}

ul, ol {
 margin-left: 2em;
}

blockquote {
 margin-left: 1em;
 padding-left: 1em;
 background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img09.gif) repeat-y;
 font-style: italic;
}

a:link {
 color: #0AAAFD;
}

a:hover, a:active {
 text-decoration: none;
 color: #FF6700;
}

a:visited {
 color: #7F7772;
}

img {
 border: none;
}

img.left {
 float: left;
 margin: 0 20px 0 0;
}

img.right {
 float: right;
 margin: 0 0 0 20px;
}

/* Menu */

#menu {
 width: 770px;
 height: 105px;
 margin: 0 auto;
 margin-top: -27px;
}

#menu ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

#menu li {
 display: block;
 float: left;
 width: 122px;
 height: 65px;
 padding: 40px 0 0 0;
}

#menu a {
 display: block;
 width: 122px;
 height: 32px;
 padding: 13px 0 0 0;
 background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img02.jpg) no-repeat;
 text-align: center;
 text-decoration: none;
 font-weight: bold;
 color: #FFFFFF;
}

#menu a:hover {
 background-image: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img03.jpg);
}

#menu .active {
 padding-top: 35px;
}

#menu .active a {
 height: 37px;
 padding-top: 16px;
 background-image: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img04.jpg);
 color: #327EBE;
}

#menu .active a:hover {
 background-image: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img04.jpg);
}

/* Header */

#header {
 width: 770px;
 height: 160px;
 margin: 0 auto;
}

/* Logo */

#logo {
 float: left;
 width: 250px;
 height: 160px;
 background: url(http://www.hizliresim.com/2008/11/15/5292.jpg) no-repeat;
}

#logo h1, #logo h2 {
 text-align: center;
}

#logo h1 {
 padding-top: 90px;
 background: url() no-repeat center center;
 letter-spacing: 8px;
 font-size: 197%;
}

#logo h2 {
 letter-spacing: 2px;
 font-size: 85%;
}

#logo a {
 text-transform: uppercase;
 text-decoration: none;
 color: #FFFFFF;
}

/* Banner */

#banner {
 float: right;
 width: 520px;
 height: 160px;
 background: url(http://www.hizliresim.com/2008/11/15/5298.jpg) no-repeat;
}

#banner a {
 float: right;
 padding: 120px 20px 0 0;
 text-decoration: none;
 text-align: right;
 font-size: 136%;
 font-style: italic;
 color: #FFFFFF;
}


#page {
 width: 760px;
 margin: 0 auto;
 padding: 20px 0 0 0;
}


#conntent {
 float: right;
 width: 510px;
}

.post {
 margin-bottom: 20px;
}

.post .title {
 padding: 0 20px;
}

.post .story {
 padding: 0 20px;
}

.post .meta {
 padding: 5px 20px;
 background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img09.gif) repeat-x;
}

.post .meta p {
 margin: 0;
 font-size: 77%;
}

.boxed .title {
 height: 32px;
 margin: 0;
 padding: 8px 0 0 20px;
 background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img08.jpg) no-repeat;
 letter-spacing: -1px;
 color: #FF3300;
}

.boxed .story {
 padding: 20px;
 border: 1px solid #FF8D17;
}

.boxed .meta {
 padding: 5px 10px;
 background: #FF8D17;
 color: #FFFFFF;
}

.boxed .meta a {
 color: #FFFFFF;
}

/* Sidebar */

#sidebar {
 float: left;
 width: 240px;
}

#sidebar ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

#sidebar li {
 margin-bottom: 15px;
}

#sidebar li ul {
 padding: 10px;
 border: 1px solid #0AAAFD;
 border-top: none;
}

#sidebar li li {
 margin: 0;
 padding: 3px 0;
 background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img09.gif) repeat-x;
}

#sidebar li li.first {
 background: none;
}

#sidebar li h2 {
 height: 30px;
 margin: 0;
 padding: 10px 0 0 15px;
 background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img10.jpg) no-repeat;
 letter-spacing: -1px;
 color: #327EBE;
}

#sidebar a:link {
 text-decoration: none;
}

#sidebar a:hover {
 text-decoration: underline;
}

#sidebar li a {
 padding-left: 10px;
 background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img11.gif) no-repeat left center;
}

/* Footer */

#footer {
 clear: both;
 height: 100px;
 padding: 15px 0;
 background: #D1D1D1;
 border-top: 5px solid #999999;
 text-align: center;
}

#footer p {
 margin: 0;
 color: #999999;
}

#footer a {
 color: #999999;
}

#footer a:hover {
 color: #FFFFFF;
}


İyi Eglenceler..
Mesaj28.11.2008, 16:16 (UTC)    
Mesaj konusu:

çok sağol:)
______________

Mesaj28.11.2008, 18:34 (UTC)    
Mesaj konusu:

haberankara yazmış:
çok sağol:)


Wink
Mesaj28.11.2008, 21:55 (UTC)    
Mesaj konusu:

Not: bu şekilde üst menu harfleri büyük olacaktır...

Kod:
#menu a {
 display: block;
 width: 122px;
 height: 32px;
 padding: 13px 0 0 0;
 background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img02.jpg) no-repeat;
 text-align: center;
 text-decoration: none;
 font-weight: bold;
 color: #FFFFFF;



burayı bul ve

#menu a {
display: block;
width: 122px;
height: 32px;
padding: 13px 0 0 0;
background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img02.jpg) no-repeat;
text-align: center;
text-decoration: small;
font-weight: bold;
color: #FFFFFF;

none yazan yeri uppercase yaparsan reklama tıklanmaz ama small yazarsan menu linkleri çalışır reklm çalışır ve menude yazılar küçük olur....

örnek olarak siteme bakabilirsin

Kodu bul ve bunu yapıştır yerine veya none yazan yeri small yap

Kod:
#menu a {
 display: block;
 width: 122px;
 height: 32px;
 padding: 13px 0 0 0;
 background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img02.jpg) no-repeat;
 text-align: center;
 text-decoration: small;
 font-weight: bold;
 color: #FFFFFF;

______________
Özel mesajlara bakmıyorum bile...
Önceki mesajları göster:   


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