Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj03.10.2009, 14:18 (UTC)    
Mesaj konusu: Css menü (Süper)



Ön izleme Arrow



Kodu Arrow

Kod:
<style>body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 80%;
   font-weight: bold;
   }   

h1 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:16px;
   font-weight:bold;
   margin:0;
   padding:0;
   }

hr {
   border:none;
   border-top:1px solid #CCCCCC;
   height:1px;
   margin-bottom:25px;
   }

ul {
   list-style: none;
   margin: 0;
   padding: 0;
   }
   
#menu {
   width: 200px;
   margin-top: 10px;
   }
   
#menu li a {
   text-decoration: none;
   height: 32px;
     voice-family: "\"}\"";
     voice-family: inherit;
     height: 24px;
   }
   
#menu li a:link, #menu li a:visited {
   color: #777;
   display: block;
   background: url(http://img194.imageshack.us/img194/273/menuw.gif);
   padding: 8px 0 8 20px;
   }
   
#menu li a:hover {
   color: #257EB7;
   background: url(http://img194.imageshack.us/img194/273/menuw.gif) 0 -32px;
   padding: 8px 0 8 25px;
   }
   
#menu li a:active {
   color: #fff;
   background: url(http://img194.imageshack.us/img194/273/menuw.gif) 0 -64px;
   padding: 8px 0 0 25px;
   }
   }</style>



<div id="menu">
  <ul>
    <li><a href="http://www.free-css-templates.co.uk/">Link 1</a></li>
    <li><a href="http://www.free-css-templates.co.uk/">Link 2</a></li>
    <li><a href="http://www.free-css-templates.co.uk/">Link 3</a></li>
    <li><a href="http://www.free-css-templates.co.uk/" title="Free CSS Menus">Free CSS Menus</a></li>
    <li><a href="http://www.free-css-templates.co.uk/">Link 5</a></li>
    <li><a href="http://www.free-css-templates.co.uk/">Link 6</a></li>
    <li><a rel="nofollow" target="_blank" href="http://www.e-lusion.com/" title="E-lusion">E-lusiona</a></li>
</ul>
</div>
</body>
</html>





Linkleri Kendinize göre ayarlayın Exclamation Exclamation Exclamation Exclamation Exclamation

Mesaj03.10.2009, 14:30 (UTC)    
Mesaj konusu:

css koduna
Kod:
<style>body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 80%;
   font-weight: bold;
   }   

h1 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:16px;
   font-weight:bold;
   margin:0;
   padding:0;
   }

hr {
   border:none;
   border-top:1px solid #CCCCCC;
   height:1px;
   margin-bottom:25px;
   }

ul {
   list-style: none;
   margin: 0;
   padding: 0;
   }
   
#menu {
   width: 200px;
   margin-top: 10px;
   }
   
#menu li a {
   text-decoration: none;
   height: 32px;
     voice-family: "\"}\"";
     voice-family: inherit;
     height: 24px;
   }
   
#menu li a:link, #menu li a:visited {
   color: #777;
   display: block;
   background: url(http://img194.imageshack.us/img194/273/menuw.gif);
   padding: 8px 0 8 20px;
   }
   
#menu li a:hover {
   color: #257EB7;
   background: url(http://img194.imageshack.us/img194/273/menuw.gif) 0 -32px;
   padding: 8px 0 8 25px;
   }
   
#menu li a:active {
   color: #fff;
   background: url(http://img194.imageshack.us/img194/273/menuw.gif) 0 -64px;
   padding: 8px 0 0 25px;
   }
   }</style>

menüü koyacağım yazı alanına ekle

Kod:

<div id="menu">
  <ul>
    <li><a href="http://www.free-css-templates.co.uk/">Link 1</a></li>
    <li><a href="http://www.free-css-templates.co.uk/">Link 2</a></li>
    <li><a href="http://www.free-css-templates.co.uk/">Link 3</a></li>
    <li><a href="http://www.free-css-templates.co.uk/" title="Free CSS Menus">Free CSS Menus</a></li>
    <li><a href="http://www.free-css-templates.co.uk/">Link 5</a></li>
    <li><a href="http://www.free-css-templates.co.uk/">Link 6</a></li>
    <li><a rel="nofollow" target="_blank" href="http://www.e-lusion.com/" title="E-lusion">E-lusiona</a></li>
</ul>
</div>
</body>
</html>

______________
2008'den bugünlere....
Mesaj03.10.2009, 14:32 (UTC)    
Mesaj konusu:

Nie ayırdın ki sonuçta aynı şey Smile
Mesaj03.10.2009, 14:47 (UTC)    
Mesaj konusu:

Hemde o BÖYLE AYRILIYO
css koduna
Kod:
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 80%;
   font-weight: bold;
   }   

h1 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:16px;
   font-weight:bold;
   margin:0;
   padding:0;
   }

hr {
   border:none;
   border-top:1px solid #CCCCCC;
   height:1px;
   margin-bottom:25px;
   }

ul {
   list-style: none;
   margin: 0;
   padding: 0;
   }
   
#menu {
   width: 200px;
   margin-top: 10px;
   }
   
#menu li a {
   text-decoration: none;
   height: 32px;
     voice-family: "\"}\"";
     voice-family: inherit;
     height: 24px;
   }
   
#menu li a:link, #menu li a:visited {
   color: #777;
   display: block;
   background: url(http://img194.imageshack.us/img194/273/menuw.gif);
   padding: 8px 0 8 20px;
   }
   
#menu li a:hover {
   color: #257EB7;
   background: url(http://img194.imageshack.us/img194/273/menuw.gif) 0 -32px;
   padding: 8px 0 8 25px;
   }
   
#menu li a:active {
   color: #fff;
   background: url(http://img194.imageshack.us/img194/273/menuw.gif) 0 -64px;
   padding: 8px 0 0 25px;
   }
   }

menü koyacağım yazı alanına ekle

Kod:

<div id="menu">
  <ul>
    <li><a href="http://www.free-css-templates.co.uk/">Link 1</a></li>
    <li><a href="http://www.free-css-templates.co.uk/">Link 2</a></li>
    <li><a href="http://www.free-css-templates.co.uk/">Link 3</a></li>
    <li><a href="http://www.free-css-templates.co.uk/" title="Free CSS Menus">Free CSS Menus</a></li>
    <li><a href="http://www.free-css-templates.co.uk/">Link 5</a></li>
    <li><a href="http://www.free-css-templates.co.uk/">Link 6</a></li>
    <li><a rel="nofollow" target="_blank" href="http://www.e-lusion.com/" title="E-lusion">E-lusiona</a></li>
</ul>
</div>
</body>
</html>
Önceki mesajları göster:   


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