Üst Menü Kodu

12 yıl

Onbaşı

Konu Sahibi

Merhaba arkadaşlar, ben **** ücretsiz forumlarda bir foruma sahibim ve bu forumlarda yönetim kısıtlı yani index bölümü mevcut değil.
Sizden ricam forumun üst kısmında kalacak bir üst menü kodu, bazı forumlarda bu konu hakkında yardım istedim yardım ettiler fakat verdikleri kodlar üst kısma yerleşmiyordu yani sitenin üst kısmında sabitlenmiyordu yardımlarını bekliyorum.

Örnek;

< Resime gitmek için tıklayın >

< Bu mesaj bu kişi tarafından değiştirildi wellsa -- 10 Temmuz 2012; 11:57:06 >

H

HATTUSILI

12 yıl

Binbaşı

quote:

Orijinalden alıntı: wellsa

Merhaba arkadaşlar, ben **** ücretsiz forumlarda bir foruma sahibim ve bu forumlarda yönetim kısıtlı yani index bölümü mevcut değil.
Sizden ricam forumun üst kısmında kalacak bir üst menü kodu, bazı forumlarda bu konu hakkında yardım istedim yardım ettiler fakat verdikleri kodlar üst kısma yerleşmiyordu yani sitenin üst kısmında sabitlenmiyordu yardımlarını bekliyorum.

Örnek;

< Resime gitmek için tıklayın >

Üste sabit olamasını mı istiyorsunuz

< Bu ileti mobil sürüm kullanılarak atıldı > Bu mesaja 1 cevap geldi.

W

webspiker

12 yıl

Onbaşı

Eğer sabit olmasını istiyorsanız google arama yerine menumacker yazın ve ilk çıkan siteye tıklayın.. Umarım faydalı olmuşumdur..

Bu mesaja 2 cevap geldi.

W

wellsa

12 yıl

Onbaşı

Konu Sahibi

quote:

Üste sabit olamasını mı istiyorsunuz

Evet üstte sabit olmasını istiyorum

W

wellsa

12 yıl

Onbaşı

Konu Sahibi

quote:

Orijinalden alıntı: webspiker

Eğer sabit olmasını istiyorsanız google arama yerine menumacker yazın ve ilk çıkan siteye tıklayın.. Umarım faydalı olmuşumdur..

Hocam dediğin siteden üst menüyü yaptım, gayette güzel olmuş fakat hala üst kısma yerleştiremedim

Bu mesaja 1 cevap geldi.

W

wellsa

12 yıl

Onbaşı

Konu Sahibi

Arkadaşlar Forum Up forumlarında yönetim panelinde İndex bölümü yok o yüzden üst menüyü bir kodla forumun üst kısmına yerleştiremezmiyiz mesela script ile

W

webspiker

12 yıl

Onbaşı

maalesef o kadarını bilmiyorum..

< Bu ileti mobil sürüm kullanılarak atıldı > Bu mesaja 1 cevap geldi.

W

wellsa

12 yıl

Onbaşı

Konu Sahibi

Bilen biri varsa çok yardımcı olur

Bu mesaja 1 cevap geldi.

W

wellsa

12 yıl

Onbaşı

Konu Sahibi

#cssmenu{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px; }  
  #cssmenu > ul {list-style:inside none; padding:0; margin:0;}  
  #cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}  
  #cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }  
  #cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}  
  #cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }  
  #cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}  
  #cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }  
  #cssmenu > ul > li.has-sub:hover > a:before{top:19px;}  
  #cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }  
  #cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}  
  #cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}  
  #cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }  
  #cssmenu ul li > ul{width:200px;}  
  #cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}  
  #cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }  
   
   
  #cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#60a318; background:-moz-linear-gradient(top,  #60a318 0%, #588514 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#60a318), color-stop(100%,#588514)); background:-webkit-linear-gradient(top,  #60a318 0%,#588514 100%); background:-o-linear-gradient(top,  #60a318 0%,#588514 100%); background:-ms-linear-gradient(top,  #60a318 0%,#588514 100%); background:linear-gradient(top,  #60a318 0%,#588514 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#60a318', endColorstr='#588514',GradientType=0 ); }  
  #cssmenu{border-color:#39540d;}  
  #cssmenu > ul > li > a{border-right:1px solid #39540d; color:#fff;}  
  #cssmenu > ul > li > a:after{border-color:#87d435;}  
  #cssmenu > ul > li > a:hover{background:#6aa613;}

Buda üst menün css kodu, belki bileniniz vardır nereyi değiştirsem üste sabitleyebilirim

< Bu mesaj bu kişi tarafından değiştirildi wellsa -- 10 Temmuz 2012; 17:28:00 >
Bu mesaja 1 cevap geldi.

H

HATTUSILI

12 yıl

Binbaşı

Anladığım kadarıyla sayfayla birlikte hareket etsin istiyorsunuz
#cssmenu {/kodlar/}
yazan yere şunlarıda ekleyin
position: fixed; top: 0px;

Bu mesaja 1 cevap geldi.

W

wellsa

12 yıl

Onbaşı

Konu Sahibi

Hayır;
< Resime gitmek için tıklayın >
Bunu nasıl yapabiliriz?

Bu mesaja 1 cevap geldi.

W

wellsa

12 yıl

Onbaşı

Konu Sahibi

Arkadaşlar bilen kimse yok mu

Bu mesaja 1 cevap geldi.

H

HATTUSILI

12 yıl

Binbaşı

quote:

Orijinalden alıntı: wellsa

Arkadaşlar bilen kimse yok mu

margin 20 px i kaldırın. OLayı anlamadım ben daha ama önerim bu.

Bu mesaja 1 cevap geldi.

W

wellsa

12 yıl

Onbaşı

Konu Sahibi

Maalesef olmadı

J

Junkie.

12 yıl

Çavuş

quote:

Orijinalden alıntı: wellsa

Merhaba arkadaşlar, ben **** ücretsiz forumlarda bir foruma sahibim ve bu forumlarda yönetim kısıtlı yani index bölümü mevcut değil.
Sizden ricam forumun üst kısmında kalacak bir üst menü kodu, bazı forumlarda bu konu hakkında yardım istedim yardım ettiler fakat verdikleri kodlar üst kısma yerleşmiyordu yani sitenin üst kısmında sabitlenmiyordu yardımlarını bekliyorum.

Örnek;

< Resime gitmek için tıklayın >

sanırım -umarım- aradığınız, sayfanın değil; browser penceresinin içerik kısmına sabitlenmesi.

doğru anladıysam bu link işinizi görecektir:http://www.dynamicdrive.com/dynamicindex11/stickycontent.htm

< Bu mesaj bu kişi tarafından değiştirildi Junkie. -- 12 Temmuz 2012; 11:34:56 >
Bu mesaja 1 cevap geldi.

J

Junkie.

12 yıl

Çavuş

wellsa, derdini tam anlatamıyorsun. bende yanlış anlamışım olayı. kod bilgin var mı yok mu bilmiyorum -tüm mesajları okuyacak vaktim yok-. "margin-top:0px; position:fixed;" olan bir div aç. menünün margin kodlarını sil. "position: releative;" kodunu ekle menüne. ondan sonra menüyü, az önce bahsettiğim, "margin-top0px;" olan div blogunun içine at.

Yani:

CSS Sayfan:

#menu_div {margin-top:0px; position:fixed;} /*boyutlarını ayarlamayı unutma*/

Source Code:

<div id="menu_div" align="middle"><!--Buraya menünün kodlarını at. css ise: <div id="menü kodu"> şeklinde çağır. ve div tagini kapat--></div>