Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj09.08.2011, 20:28 (UTC)    
Mesaj konusu: Css Menü Lazım

Yatay Siyah Üzerine Gelince Biraz Açıklaşan Menü Lazım.Yaparsanız mutlu olurum.
Mesaj09.08.2011, 21:02 (UTC)    
Mesaj konusu:

Catlak-Site55.Tr.Gg'den Alıntıdır.

Kod:
<!--- KAYNAK: http://www.catlak-site55.tr.gg --->
 -----------------------------------------------------------------Tasarım Üstüne-------------------------------------------------------------

               
<script type='text/javascript' src='http://catlaksite.iwoly.com/jquery.1.3.2.js'></script>


<script type="text/javascript" src="http://catlaksite.iwoly.com/jquery.cookie.js"></script>
<script type="text/javascript" src="http://catlaksite.iwoly.com/theme-js.js"></script>
      

-------------------------------------------------------------Tasarım Üstü Bitiş---------------------------------------------------------------------------

----------------------------------------------------Menüyü Göstermek İstediginiz Yer----------------------------------------------------------

<div id="sidebar">
         
         <ul>
         <li id="pages-3" class="widget widget_pages"><h2 class="widgettitle">MENÜ ADI</h2>      <ul>
         <li class="page_item page-item-3"><a href="LiNK">Sayfa Adı</a></li>

<li class="page_item page-item-4 page"><a href="LiNK">Sayfa Adı</a></li>
<li class="page_item page-item-8"><a href="LiNK">Sayfa Adı</a></li>
<li class="page_item page-item-5"><a href="LiNK">Sayfa Adı</a></li>
<li class="page_item page-item-6"><a href="LiNK">Sayfa Adı</a></li>
      </ul>
      </li><li id="categories-158976413" class="widget widget_categories"><h2 class="widgettitle">MENÜ ADI</h2>      <ul>
   <li class="cat-item cat-item-6"><a href="LiNK">Sayfa Adı</a></li>
   <li class="cat-item cat-item-10"><a href="LiNK">Sayfa Adı</a></li>
   <li class="cat-item cat-item-16"><a href="LiNK">Sayfa Adı</a></li>
   <li class="cat-item cat-item-17"><a href="LiNK">Sayfa Adı</a></li>
   <li class="cat-item cat-item-8"><a href="LiNK">Sayfa Adı</a></li>

   <li class="cat-item cat-item-4"><a href="LiNK">Sayfa Adı</a></li>
   <li class="cat-item cat-item-5"><a href="LiNK">Sayfa Adı</a></li>
   <li class="cat-item cat-item-11"><a href="LiNK">Sayfa Adı</a></li>
   
      </ul>
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">MENÜ ADI</h2>      <ul>
         <li><a href="LiNK">Sayfa Adı</a></li>
   <li><a href="LiNK">Sayfa Adı</a></li>
   <li><a href="LiNK">Sayfa Adı</a></li>
   <li><a href="LiNK">Sayfa Adı</a></li>

   <li><a href="LiNK">Sayfa Adı</a></li>
   <li><a href="LiNK">Sayfa Adı</a></li>
   <li><a href="LiNK">Sayfa Adı</a></li>
   <li><a href="LiNK">Sayfa Adı</a></li>
   
      </ul>
</ul>
</div>



--------------------------------------------------Menüyü Göstermek İstediginiz Yer Bitiş--------------------------------------------------



-----------------------------------------------------------------Css Kodu--------------------------------------------------------------------------------

* ul, ol, li,th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }
div { position:relative }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
a {outline-style: none;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}








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



/* Sidebar */

li.widget h2.active {
   background-position: right bottom;
}

li.widget h2 {
   width: 200px;
   height: 35px;   
   background: url(http://img.webme.com/pic/c/catlak-site55/side-title2.png) no-repeat right top;
   font-size: 17px;
   padding: 7px 0 0 10px;
   color: #7e7e7e;
   cursor: pointer;
}

li.widget {
   margin: 0 0 3px 0;
}



#sidebar ul li a {
   line-height: 26px;
   font-size: 12px;
   display: block;
   text-decoration: none;
   padding-left: 10px;
   width: 170px;
   height: 30px;
color:#4f6373;   
   background: url(http://img.webme.com/pic/c/catlak-site55/list-item.png) no-repeat right top;
}

#sidebar ul li.widget_text a {
   display: block;
   padding-left: 10px;   
   background: none;
   height: auto;

}

#sidebar ul li a:hover {
   color:#c7d0cf;
}


----------------------------------------------------------------Css Kodu Bitiş-----------------------------------------------------------


Eger Css Tasarım Kullanmıyorsanız Css Kodunu <style type="text/css"> Buraya Css Kodu </style> Tagı Arasına Koyup Tasarıma Ekleyin.....




[/code]
______________
Mesaj09.08.2011, 21:12 (UTC)    
Mesaj konusu:

www.webcx.tr.gg bu siteye girebilirsin daha 2 tane css menü ekledim ama herhalde senin istediğin gibi bir tane var.
______________

Mesaj09.08.2011, 21:16 (UTC)    
Mesaj konusu:

webcx yazmış:
www.webcx.tr.gg bu siteye girebilirsin daha 2 tane css menü ekledim ama herhalde senin istediğin gibi bir tane var.


Yardımcı Olmaya Calısmanı Anlıyorum Ama Reklam Yapıyorsun .
______________
Mesaj09.08.2011, 21:23 (UTC)    
Mesaj konusu:

o zaman direk kodu yaziyim ve özür dilerim.
Matte Black Yatay Menü


Bu Html Kodu
Kod:
 <div id="menu_wrapper" class="grey">            <div class="left"></div>            <ul id="menu">                <li><a href="http://www.webcx.tr.gg" _fcksavedurl="http://www.webcx.tr.gg">Ana Sayfa</a></li>                <li class="active"><a href="http://www.webcx.tr.gg" _fcksavedurl="http://www.webcx.tr.gg">Hakkımızda</a></li>                <li><a href="http://www.webcx.tr.gg" _fcksavedurl="http://www.webcx.tr.gg">Hizmetlerimiz</a></li>                <li><a href="http://www.webcx.tr.gg" _fcksavedurl="http://www.webcx.tr.gg">İletişim</a></li>            </ul>        </div>


Buda Css Kodu
Kod:
<style type="text/css">            body {                padding: 50px;            }            /* The CSS Code for the menu starts here */            #menu {                font-family: Arial, sans-serif;                font-weight: bold;                text-transform: uppercase;                margin: 20px 0;                padding: 0;                list-style-type: none;                background-color: #000000;                font-size: 13px;                height: 40px;                border-top: 2px solid #666666;                border-bottom: 2px solid #666666;            }            #menu li {                float: left;                margin: 0;                            }            #menu li a {                text-decoration: none;                display: block;                padding: 0 20px;                line-height: 40px;                color: #666666;            }            #menu li a:hover, #menu li.active a {                background-color: #ffffff;                border-bottom: 2px solid #ffffff;                color: #999999;            }            #menu_wrapper ul {margin-left: 12px;}            #menu_wrapper {padding: 0 16px 0 0; background: url(http://img.webme.com/pic/w/webcxtasarim/black.png) no-repeat right;}            #menu_wrapper div {float: left; height: 44px; width: 12px; background: url(http://img.webme.com/pic/w/webcxtasarim/black.png) no-repeat left;}                             </style>               



Css tasarım kullanıyormusun bilmiyorum ama yinede kodu gönderdim.
Nasıl Ekliyeceğim?
Css Kodunu , Tasarım Ayarları>Gelişmiş Ayarlar>Css Kodu alanına yapıştır.
Html kodunu menünün görünmesini istediğin yere yapıştır.

İyi Forumlar...
______________

Mesaj09.08.2011, 21:25 (UTC)    
Mesaj konusu:

webcx yazmış:
o zaman direk kodu yaziyim ve özür dilerim.
Matte Black Yatay Menü


Bu Html Kodu
Kod:
 <div id="menu_wrapper" class="grey">            <div class="left"></div>            <ul id="menu">                <li><a href="http://www.webcx.tr.gg" _fcksavedurl="http://www.webcx.tr.gg">Ana Sayfa</a></li>                <li class="active"><a href="http://www.webcx.tr.gg" _fcksavedurl="http://www.webcx.tr.gg">Hakkımızda</a></li>                <li><a href="http://www.webcx.tr.gg" _fcksavedurl="http://www.webcx.tr.gg">Hizmetlerimiz</a></li>                <li><a href="http://www.webcx.tr.gg" _fcksavedurl="http://www.webcx.tr.gg">İletişim</a></li>            </ul>        </div>


Buda Css Kodu
Kod:
<style type="text/css">            body {                padding: 50px;            }            /* The CSS Code for the menu starts here */            #menu {                font-family: Arial, sans-serif;                font-weight: bold;                text-transform: uppercase;                margin: 20px 0;                padding: 0;                list-style-type: none;                background-color: #000000;                font-size: 13px;                height: 40px;                border-top: 2px solid #666666;                border-bottom: 2px solid #666666;            }            #menu li {                float: left;                margin: 0;                            }            #menu li a {                text-decoration: none;                display: block;                padding: 0 20px;                line-height: 40px;                color: #666666;            }            #menu li a:hover, #menu li.active a {                background-color: #ffffff;                border-bottom: 2px solid #ffffff;                color: #999999;            }            #menu_wrapper ul {margin-left: 12px;}            #menu_wrapper {padding: 0 16px 0 0; background: url(http://img.webme.com/pic/w/webcxtasarim/black.png) no-repeat right;}            #menu_wrapper div {float: left; height: 44px; width: 12px; background: url(http://img.webme.com/pic/w/webcxtasarim/black.png) no-repeat left;}                             </style>               



Css tasarım kullanıyormusun bilmiyorum ama yinede kodu gönderdim.
Nasıl Ekliyeceğim?
Css Kodunu , Tasarım Ayarları>Gelişmiş Ayarlar>Css Kodu alanına yapıştır.
Html kodunu menünün görünmesini istediğin yere yapıştır.

İyi Forumlar...


Kusura Bakmayın Biraz Emrivaki Gibi Oldu ama .

Wink Anlayısınız İçin Teşekkürler...

İyi Forumlar
______________
Mesaj09.08.2011, 21:31 (UTC)    
Mesaj konusu:

hiç önemli değil.. Wink
______________

Önceki mesajları göster:   


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