SMF 2.1 ÜST MENÜ ÇALIŞMASI

replikacep

Tam Üye
Joined
Dec 15, 2018
Messages
237
Reaction score
30
Points
28
Age
1020
Website
www.replikacep.com
İndex.template.php de

Bul:
Code:
// 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;
Code:
// Load mobile menu here
 echo '<a class="menu_icon mobile_user_menu"></a>';

Bul:
Code:
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:
Code:
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 :
Code:
#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 :
Code:
#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 :
Code:
#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 :
Code:
#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 :
Code:
.dropmenu > li, #top_info > li {
 display: inline-block;
 margin: 0 2px 0 1px;
 font-size: 0.9em;
 line-height: 1.9em;
}

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


BUL :
Code:
.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 :
Code:
.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 :
Code:
.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 :
Code:
.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 :
Code:
#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ş  :
Code:
#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 
Code:
.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 :
Code:
.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
 

Yasal Uyarı

İçerik sağlayıcı paylaşım sitesi olarak hizmet veren webtiryakin.com 5651 sayılı kanunun 8. maddesine ve T.C.Knın 125. maddesine göre tüm üyelerimiz yaptıkları paylaşımlardan kendileri sorumludur. Hukuka ve mevzuata aykırı olduğunu düşündüğünüz içeriği BURADAN bildirebilirsiniz. Kısa sürede dönüş yapmaya çalışacağız.
Back
Top Bottom