Forum'da ara:
Ara


Yazar Mesaj
Mesaj29.01.2009, 17:02 (UTC)    
Mesaj konusu: Hazır Tasarımda Menu Linkleri Nasıl Eklenir ?

Arkadaslar hackerfrıend arkadasımızın sıtesınden tasarım begendım sıteme ekledım dedıgım tasarım dırek hazır sekılde kodlar tasarımın altına tasarımın ustune ve css bolumu olmak uzere 3 yere eklenıyor ben bunu yaptım ama sıtemdekı menuler bu tasarıma nasıl uyarlanıcak menulerım kendı ıcerıgım yenı tasarımda nasıl gozukecek???? acele yardım

Düzenleme : ironarchives
Başlıklarınızı Konunuzu Özetleyecek Şekilde Açınız.


En son quickhack tarafından 29.01.2009 17:09:31 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj29.01.2009, 17:09 (UTC)    
Mesaj konusu:

kodları versene sana ona göre ne yapman gerekeni söyliyim!.
______________

Forumda BonJuan-62 yerine ismimle yani "Deniz" diye hitap edilmesini tercih ederim!.Very Happy
Mesaj29.01.2009, 17:11 (UTC)    
Mesaj konusu:

Merhaba,

Sitenizde Var Olan Sayfalarınızın İsimleri İle Birlikte Linklerini Bir Not Defterine Kopyalayın.
Daha Sonra Tasarımda Menuler İçin Ayrılmış Kısımlara Bu İsimleri ve Linkleri Ekleyeceksiniz.
Muhtemelen Kodun İçinde Nerelere Ekleyeceğiniz Belirtilmiştir.

Kodda Menu Linklerini Nerelere Ekleyeceğinizi Bulamadıysanız Kodu Burada Paylaşın Yardımcı Olabiliriz.

İyi Eğlenceler.

______________
www.ironarchives.tr.gg
Mesaj29.01.2009, 17:13 (UTC)    
Mesaj konusu:

tasarımın ustu kodu
Kod:
<div id="wrapper">
   <div id="header">
      <h1><a href="#">The Gathering</a></h1>
      <h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
   </div>
   <!-- end div#header -->
   <div id="menu">
      <ul>
         <li><a href="#">Homepage</a></li>
         <li><a href="#">About Us</a></li>
         <li><a href="#">Products</a></li>
         <li><a href="#">Services</a></li>
         <li><a href="#">Contact Us</a></li>
      </ul>
   </div>
   <!-- end div#menu -->
   <div id="page">
      <div id="contennt">





Tasarımın Altı kodu

Kod:
</div>
      <!-- end div#contennt -->
      <div id="sidebar">
         <ul>
            <li id="submenu">
               <h2>Other Links</h2>
               <ul>
                  <li><a href="#">Semper vestibulum</a></li>
                  <li><a href="#">Vestibulum luctus</a></li>
                  <li><a href="#">Integer rutrum</a></li>
                  <li><a href="#">Etiam malesuada</a></li>
                  <li><a href="#">Elementum facilisis</a></li>
                  <li><a href="#">Ut tincidunt</a></li>
                  <li><a href="#">Odio sagittis</a></li>
               </ul>
            </li>
            <!-- end li#submenu -->
            <li id="news">
               <h2>News &amp; Updates</h2>
               <ul>
                  <li>
                     <h3>25th May</h3>
                     <p><a href="#">Pellentesque quis elit non lectus gravida blandit&hellip;</a></p>
                  </li>
                  <li>
                     <h3>23rd May</h3>
                     <p><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing&hellip;</a></p>
                  </li>
                  <li>
                     <h3>21st May</h3>
                     <p><a href="#">Phasellus nec erat sit amet nibh pellentesque congue&hellip;</a></p>
                  </li>
                  <li>
                     <h3>17th May</h3>
                     <p><a href="#">Maecenas vitae orci vitae tellus feugiat eleifend&hellip;</a></p>
                  </li>
               </ul>
            </li>
            <!-- end li#news -->
         </ul>
      </div>
      <!-- end div#sidebar -->
      <div style="clear: both; height: 1px"></div>
   </div>
   <!-- end div#page -->
   <div id="footer">
      <p id="legal">Copyright &copy; 2007 The Gathering. All Rights Reserved. Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
      <p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
   </div>
   <!-- end div#footer -->
</div>
<!-- end div#wrapper -->




css Bolumu kodu

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: #0A0A0A url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img1.jpg);
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #666666;
}

h1, h2, h3 {
   color: #CCCCCC;
}

h1 {
}

h2 {
}

h3 {
}

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

p {
}

blockquote {
}

ul {
}

ol {
}

a {
   border-bottom: 1px dotted #652A17;
   text-decoration: none;
   color: #652A17;
}

a:hover {
   border: none;
   color: #FF0000;
}

/* Wrapper */

#wrapper {
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img2.jpg) repeat-x;
}

/* Header */

#header {
   width: 750px;
   height: 181px;
   margin: 0 auto;
   padding: 0 0 0 0;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img3.jpg);
}

#header h1, #header h2 {
   float: left;
}

#header h1 {
   padding: 150px 0 0 20px;
   letter-spacing: 3px;
   font-size: 136%;
}

#header h2 {
   padding: 153px 0 0 6px;
   letter-spacing: 2px;
   font-size: 107%;
}

#header a {
   border: none;
   text-transform: uppercase;
   text-decoration: none;
   color: #000000;
}

/* Menu */

#menu {
   width: 750px;
   height: 50px;
   margin: 0 auto;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img4.jpg) no-repeat;
}

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

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: left;
   height: 20px;
   padding: 10px 20px 0 20px;
   border: none;
   border-right: 1px solid #110F09;
   font-size: 85%;
   font-weight: bold;
   color: #F4D1C5;
}

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

/* Page */

#page {
   width: 750px;
   margin: 0 auto;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img7.jpg) repeat-y 220px 0px;
}

/* contennt */

#contennt {
   float: right;
   width: 489px;
   padding-right: 20px;
}

#contennt h1, #contennt h2, #contennt h3 {
   margin-bottom: 20px;
}

#contennt h1 {
   font-size: 136%;
}

#contennt h2 {
   font-size: 107%;
}

#contennt h3 {
   font: 92%;
}

#contennt ul, #contennt ol {
   list-style-position: inside;
}

#contennt .boxed {
   float: left;
   width: 46%;
   padding-right: 2%;
}

#contennt .boxed h2 {
   padding: 5px 0;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img5.jpg) repeat-x left bottom;
}

/* Welcome */

#welcome {
}

/* Sample1 */

#sample {
}

/* Sample2 */

#sample2 {
}

/* Sidebar */

#sidebar {
   float: left;
   width: 180px;
   padding-left: 20px;
}

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

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

#sidebar li ul {
}

#sidebar li li {
   margin: 0;
   padding: 7px 20px;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img5.jpg) repeat-x left bottom;
}

#sidebar h2 {
   padding: 5px 20px;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img6.jpg);
   border-bottom: 1px solid #1C1C1C;
   font-size: 100%;
}

#sidebar h3 {
   font-size: 77%;
}

#sidebar p {
   margin: 0;
   line-height: normal;
}

#sidebar a {
   border: none;
}

/* Submenu */

#submenu {
}

/* News */

#news {
}

#news a {
   font-size: 85%;
}

/* Footer */

#footer {
   width: 750px;
   height: 50px;
   margin: 0 auto;
   padding: 30px 0 0 0;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img4.jpg) no-repeat;
}

#footer p {
   margin: 0;
   text-align: center;
   font-size: 77%;
}


En son quickhack tarafından 29.01.2009 17:17:34 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj29.01.2009, 17:16 (UTC)    
Mesaj konusu:

Tasarımın Üstündeki Şu Kodda ;
Kod:
<li><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact Us</a></li>


<a href ile Başlayan Kısımdaki # İşareti Yerine Sayfa Linkini,
Devamındaki About us, Products, vs. Kısımlara Sayfa İsimlerini Ekleyeceksiniz.

Aynı Şekilde Tasarımın Altındaki Kodda ;

Kod:
<li><a href="#">Semper vestibulum</a></li>
<li><a href="#">Vestibulum luctus</a></li>
<li><a href="#">Integer rutrum</a></li>
<li><a href="#">Etiam malesuada</a></li>
<li><a href="#">Elementum facilisis</a></li>
<li><a href="#">Ut tincidunt</a></li>
<li><a href="#">Odio sagittis</a></li>


Aynı İşlemleri Yapın.

İyi Eğlenceker.

______________
www.ironarchives.tr.gg
Mesaj29.01.2009, 17:21 (UTC)    
Mesaj konusu:

Alıntı:
tasarımın ustu kodu
<div id="wrapper">
<div id="header">
<h1><a href="#">The Gathering</a></h1>
<h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
</div>
<!-- end div#header -->
<div id="menu">
<ul>
<li><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<!-- end div#menu -->
<div id="page">
<div id="contennt">


yukarıdaki tasarımın üstündeki yazı bölümüne gelen koddur


şimdi yukarıda kırmızı olan renkler sayafanın url adresini gösterir!Mavi olanlar ise sayfa adıdır!.

burada yapman gereken mavi olan yerlere sırasıyla sayfa adlarını yazman gerekir örneğin anasayfa, iletişim gibi
anasayfa yazdık diyelim mavi yere yan tarafındaki # silip yerine anasayfanın urlsini ekliyoz!Bu kadar!
______________

Forumda BonJuan-62 yerine ismimle yani "Deniz" diye hitap edilmesini tercih ederim!.Very Happy
Mesaj29.01.2009, 17:22 (UTC)    
Mesaj konusu:

kusura bakma ironarchives senin yazdığını görmemişim bi de yavaş yazdım ya!.
______________

Forumda BonJuan-62 yerine ismimle yani "Deniz" diye hitap edilmesini tercih ederim!.Very Happy
Mesaj29.01.2009, 17:29 (UTC)    
Mesaj konusu:

bonjuan-62 yazmış:
kusura bakma ironarchives senin yazdığını görmemişim bi de yavaş yazdım ya!.


Önemli Değil Wink
______________
www.ironarchives.tr.gg
Mesaj29.01.2009, 23:28 (UTC)    
Mesaj konusu:

Arkadaslar sagalun 2 nızde hersey ıcın tesekur edıyorum birde free tasarıma kendı bannerımı nasıl koyucam onun koddakı yerınıde soylersenız cok ıyı olucak...
Mesaj30.01.2009, 21:53 (UTC)    
Mesaj konusu:

quickhack yazmış:
Arkadaslar sagalun 2 nızde hersey ıcın tesekur edıyorum birde free tasarıma kendı bannerımı nasıl koyucam onun koddakı yerınıde soylersenız cok ıyı olucak...


Başlık Resmi Şurada Yer Alıyor ;
Kod:
/* Header */

#header {
   width: 750px;
   height: 181px;
   margin: 0 auto;
   padding: 0 0 0 0;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img3.jpg);
}


Bu Kısımda Başlık Resmi URLsi Olan Şu URLnin ;
http://www.freecsstemplates.org/templates/previews/thegathering/images/img3.jpg

Yerine Kendi Başlık Resminizin URLsini Yerleştirmeniz Yeerli Olacaktır.
Bu Kısım Css Kutusuna Eklediğiniz Kodların Arasında Yer Alıyor.

İyi Eğlenceler.

______________
www.ironarchives.tr.gg
Önceki mesajları göster:   


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