Yazar |
Mesaj |
-
huge-ozel
Acemi Üye
|
09.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. |
|
↑
|
|
|
-
caliskan-blog
Bedava-Sitem Bağımlısı
|
09.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] ______________ |
|
↑
|
|
|
-
webcx
Acemi Üye
Konum: Bilgisayarin Basi :)
|
09.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. ______________
|
|
↑
|
|
|
-
caliskan-blog
Bedava-Sitem Bağımlısı
|
09.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 . ______________ |
|
↑
|
|
|
-
webcx
Acemi Üye
Konum: Bilgisayarin Basi :)
|
09.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... ______________
|
|
↑
|
|
|
-
caliskan-blog
Bedava-Sitem Bağımlısı
|
09.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 .
Anlayısınız İçin Teşekkürler...
İyi Forumlar ______________ |
|
↑
|
|
|
-
webcx
Acemi Üye
Konum: Bilgisayarin Basi :)
|
09.08.2011, 21:31 (UTC) Mesaj konusu: |
|
|
hiç önemli değil.. ______________
|
|
↑
|
|
|
|