Merhaba, tekrar hoş geldiniz!

Tüm özelliklerimize erişmek için şimdi bize katılın. Kaydolduktan ve giriş yaptıktan sonra, konu oluşturabilir, mevcut konulara yanıt gönderebilir, diğer üyelerinize itibar kazandırabilir, kendi özel mesajcınızı alabilir ve çok daha fazlasını yapabilirsiniz. Ayrıca hızlı ve tamamen ücretsiz, o halde ne bekliyorsunuz?

SMF 2.1 ÜST MENÜ ÇALIŞMASI

replikacep

Tam Üye
Katılım
15 Ara 2018
Mesajlar
173
Tepkime puanı
20
Puanları
18
Yaş
1018
Web sitesi
www.replikacep.com
İndex.template.php de

Bul:
Kod:
// Load mobile menu here
  echo '<a class="menu_icon mobile_user_menu"></a>
            <div id="main_menu">
              <div id="mobile_user_menu" class="popup_container">
                  <div class="popup_window description">
                    <div class="popup_heading">', $txt['mobile_user_menu'], '
                        <a href="javascript:void(0);" class="main_icons hide_popup"></a>
                    </div>
                    ', template_menu(), '
                  </div>
              </div>
            </div>';
Değiştir;
Kod:
// Load mobile menu here
 echo '<a class="menu_icon mobile_user_menu"></a>';

Bul:
Kod:
echo '
 </div>
 <div id="wrapper">
 <div id="upper_section">
 <div id="inner_section">
 <div id="inner_wrap">
 <div class="user">
 ', $context['current_time'], '
 </div>';
Değiştir:
Kod:
echo '
          </div>
          <div id="wrapper">
              <div id="main_menu" class="sticky-top smopen">
              <div id="mobile_user_menu" class="popup_container">
                <div class="popup_window description">
                <div class="popup_heading">', $txt['mobile_user_menu'], '
                  <a href="javascript:void(0);" class="main_icons hide_popup"></a>
                  </div> ', template_menu(), '              
                  </div>
                    </div>
                      </div>
                <div id="upper_section">
                <div id="inner_section">
                <div id="inner_wrap">
                    <div class="user">
                    ', $context['current_time'], '
                    </div>';


İNDEX.CSS DE BUL :
Kod:
#main_menu .popup_window, #genericmenu .popup_window {
 position: relative;
 width: auto;
 box-shadow: none;
 border: none;
 border-radius: 0;
 background: none;
 background-image: none;
 margin: 0;
 top: 0;
 padding: 0;
}
DEGİŞTİR :
Kod:
#main_menu .popup_window, #genericmenu .popup_window {
 position: relative;
 width: auto;
 border: none;
 background: none;
 margin: 0;
 top: 0;
 padding: 0;
 line-height: 50px;
 border-bottom: 1px solid #bbb;
 background-image: linear-gradient(to bottom, #e2e9f3 0%, #fff 70%);
    border-radius: 1px;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.08);
}


BUL :
Kod:
#wrapper {
 width: 90%;
 clear: both;
 background: #fff;
 border: 1px solid #b8b8b8;
 border-radius: 8px;
 box-shadow: 0 2px 3px rgba(0, 0, 0, 0.14);
}
DEGİŞTİR :
Kod:
#wrapper {
    width: 90%;
    clear: both;
    background: #fff;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.14);
}

BUL :
Kod:
.dropmenu > li, #top_info > li {
 display: inline-block;
 margin: 0 2px 0 1px;
 font-size: 0.9em;
 line-height: 1.9em;
}

DEGİŞTİR :
Kod:
.dropmenu > li, #top_info > li {
 display: inline-block;
 margin: 0 2px 0 1px;
 font-size: 0.9em;
 line-height: 2.5em;
}


BUL :
Kod:
.dropmenu li ul, .top_menu {
 z-index: 90;
 position: absolute;
 display: none;
 min-width: 18.2em;
 padding: 0.5em;
 font-weight: normal;
 border: solid 1px #999;
 border-left: solid 1px #bbb;
 border-top: solid 1px #ccc;
 border-radius: 4px;
 box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
 background: #fff;
}

DEGİŞTİR :
Kod:
.dropmenu li ul, .top_menu {
 z-index: 1030;
 position: absolute;
 display: none;
 min-width: 18.2em;
 padding: 0.5em;
 font-weight: normal;
 border: solid 1px #999;
 border-left: solid 1px #bbb;
 border-top: solid 1px #ccc;
 border-radius: 4px;
 box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
 background: #fff;
}


bul :
Kod:
.popup_container {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(40, 64, 80, 0.5);
z-index: 5;
}


Degiştir :
Kod:
.popup_container {
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(40, 64, 80, 0.5);
 z-index: 1030;
}

bul :
Kod:
#ajax_in_progress {
 background: #fff;
 border-bottom: 4px solid #f96f00;
 color: #f96f00;
 text-align: center;
 font-size: 1.6em;
 padding: 8px;
 width: 100%;
 line-height: 25px;
 position: fixed;
 top: 0;
 left: 0;
}

degiş  :
Kod:
#ajax_in_progress {
 background: #fff;
 border-bottom: 4px solid #f96f00;
 color: #f96f00;
 text-align: center;
 font-size: 1.6em;
 padding: 8px;
 width: 100%;
 line-height: 25px;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 1030;
}

responsive.css de bul 
Kod:
.popup_window, #main_menu .popup_window, #genericmenu .popup_window {
 position: relative;
 z-index: 99;
 width: 90%;
 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
 border: 1px solid #777;
 border-radius: 7px 7px 3px 3px;
 min-height: 285px !important;
 max-height: 5em;
 overflow-x: hidden !important;
 overflow-y: scroll !important;
 -webkit-overflow-scrolling: touch;
 background: #fff; /* fallback for some browsers */
 background-image: linear-gradient(to bottom, #e2e9f3 0%, #fff 70%);
 top: 15%;
 padding: 0;
 margin: 0 auto;
 
 }

degiştir :
Kod:
.popup_window, #main_menu .popup_window, #genericmenu .popup_window {
 position: relative;
 z-index: 99;
 width: 90%;
 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
 border: 1px solid #777;
 border-radius: 7px 7px 3px 3px;
 min-height: 285px !important;
 max-height: 5em;
 overflow-x: hidden !important;
 overflow-y: scroll !important;
 -webkit-overflow-scrolling: touch;
 background: #fff; /* fallback for some browsers */
 background-image: linear-gradient(to bottom, #e2e9f3 0%, #fff 70%);
 top: 15%;
 padding: 0;
 margin: 0 auto;
 line-height: normal;
 }

DYN5El.png


mMYNdP.png


örnek : üst menü  https://www.replikacep.com
 

Benzer konular

Üst Alt