Smf açılır kapanır login bar (xenforo)

Başlatan snrj, 18 May 2014 14:20

« önceki - sonraki »

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

*

  1. 3,084

  2. 584

  3. 973
18 May 2014 14:20 Son düzenlenme: 27 Ağu 2014 18:30 Smfci

bir istek üzerine biraz uğraştım bu şekle getirebildim daha fazlasını yapmak elinizde





hemen işlemlerimizi anlatmaya başlayım default temaya göre anlatım başka temalarda farklılık arz edebilir
burdan elimden geldikçe yardımcı olmaya çalışırım
index.template.php bul
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/script.js?fin20"></script>üstüne ekle
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/jquery.min.js"></script>
 <script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/jquery.leanModal.min.js"></script>
 <script type="text/javascript">
 $(function() {
     $("a[rel*=leanModal]").leanModal({ top : 200, closeButton: ".modal_close" });
 });
 </script>
index.template.php bul
<div id="header">değiştir
<div class="user">';
 // If the user is logged in, display stuff like their name, new messages, etc.
 if ($context['user']['is_logged'])
 {
 if (!empty($context['user']['avatar']))
 echo '<div id="signup">
                   <div id="signup-ct">
 <p class="avatar">', $context['user']['avatar']['image'], '</p>';
 echo '
 <ul class="reset">
 <li class="greeting">', $txt['hello_member_ndt'], ' <span>', $context['user']['name'], '</span></li>
 <li><a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a></li>
 <li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';

 // Is the forum in maintenance mode?
 if ($context['in_maintenance'] && $context['user']['is_admin'])
 echo '
 <li class="notice">', $txt['maintain_mode_on'], '</li>';

 // Are there any members waiting for approval?
 if (!empty($context['unapproved_members']))
 echo '
 <li>', $context['unapproved_members'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=admin;area=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] == 1 ? $txt['approve_member'] : $context['unapproved_members'] . ' ' . $txt['approve_members'], '</a> ', $txt['approve_members_waiting'], '</li>';

 if (!empty($context['open_mod_reports']) && $context['show_open_reports'])
 echo '
 <li><a href="', $scripturl, '?action=moderate;area=reports">', sprintf($txt['mod_reports_waiting'], $context['open_mod_reports']), '</a></li>';

 echo '
 <li>', $context['current_time'], '</li>
 </ul></div></div>';
 }
 // Otherwise they're a guest - this time ask them to either register or login - lazy bums...
 elseif (!empty($context['show_login_bar']))
 {
 echo '
 <script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sha1.js"></script>
 
<div id="signup">
  <div id="signup-ct">
   <p style="text-align: center;">',$context['forum_name'], ' </p>
    
    
      
<form id="guest_form2" action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
  <div class="info">', sprintf($txt['welcome_guest'], $txt['guest_title']), '</div>
  <div class="txt-fld">
  <label for="">', $txt['username'], ':</label>
  <input type="text" name="user" size="10" class="input_text" />
  </div>
  <div class="txt-fld">
        <label for="">', $txt['password'], ':</label>
  <input type="password" name="passwrd" size="10" class="input_password" />
   </div>
   <div class="one_cookielength">
  <select class="modal_cookielength" name="cookielength">
    <option value="60">', $txt['one_hour'], '</option>
    <option value="1440">', $txt['one_day'], '</option>
    <option value="10080">', $txt['one_week'], '</option>
    <option value="43200">', $txt['one_month'], '</option>
    <option value="-1" selected="selected">', $txt['forever'], '</option>
  </select> </div>
  <br />
   <div class="btn-fld">
        <button type="submit" class="button_submit" />', $txt['login'], '</button>
      </div>
</form>
</div>
</div>';
 }

 echo '
 </div><div id="header">';
if ($context['user']['is_logged'])
 {echo'<a id="go" rel="leanModal" name="signup" href="#signup">', $txt['profile'], '</a>';}
 elseif (!empty($context['show_login_bar']))
 {echo'<a id="go" rel="leanModal" name="signup" href="#signup">', $txt['login'], '</a>';}
 echo '
index.css de en alta ekle
#guest_form2 .info {text-align: center;width: 460px;margin-left: auto;margin-right: auto;}
#guest_form2 .info a{color: #fff;}
#lean_overlay {position: fixed;z-index: 10000;top: 0px;left: 0px;height:100%;width:100%;background: #fff;display: none;}
#signup {padding-bottom: 2px;display:none;background: #032a46;color: #A5CAE4;font-family: litios;font-size: 12px;margin-bottom: 0px;margin-top: -28px;}
#signup  .avatar{text-align: center;}
#signup  .reset{text-align: center;}
#signup-header {background: url(../login_cd/botton.png);padding: 18px 18px 0 18px;border-bottom: 1px solid #CCC;border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;border-top-right-radius: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;}
#signup-header h2 {color: #444;font-size: 2em;font-weight: 700;margin-bottom: 10px;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);}
#signup-header p {color: #444;font-size: 1.3em;margin: 0;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);text-shadow: none;float: none !important;  margin: 0 1em 1em 0;  padding: 0;}
#signup .txt-fld {position: relative;width: 364px;padding: 14px 20px;text-align: right;margin-left: auto;margin-right: auto;}
#signup .btn-fld {width: 364px;overflow: hidden;text-align: center;margin-left: auto;margin-right: auto;}
#signup .btn-fld .button_submit{font-style: normal;font-size: 12px;font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;color: #000;padding: 0px 6px;border-width: 1px;border-style: solid;border-right: 1px solid #DDDDEB;border-left: 1px solid #DDDDEB;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;border-color: #FFF #DDDDEB #B3B3BD;border-radius: 7px;text-align: center;box-shadow: 0px 1px 4px 0px #C8C8D2;
text-shadow: 0px 0px 0px transparent, 0px -1px 2px #FFF;outline: medium none;line-height: 21px;display: inline-block;cursor: pointer;-moz-box-sizing: border-box;height: 23px;}
#signup .txt-fld label {display: block;float: left;width: 100px;padding-top: 8px;color: #A5CAE4;font-size: 1.3em;text-align: left;}
#signup .txt-fld input {background: #021f33;-moz-border-radius: 5px;-webkit-border-radius: 5px;color: #65a5d1;box-shadow: inset 3px 3px 6px #01121f, 1px 1px 1px #04395e;border: none;
height: 28px;width: 230px; padding-left: 8px;font-size:8pt;outline: none;}
#signup .txt-fld input.good_input {background: #DEF5E1;}
#signup .txt-fld input.error_input {background: #FDE0E0;}
p.error {position: absolute;bottom: 48px;right: 20px;width: 262px;color: #FFF;font-size: 1.1em;padding-bottom: 5px;background: url(../img/error-arw.png) 20px bottom no-repeat;text-align: left;margin: 0;text-shadow: none;}
p.error span {display: inline-block;background: #D43636;padding: 6px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.txt-fld input:focus, .txt-fld textarea:focus {background-color: #FAF9DC;}
.modal_close {position: absolute;top: 12px;right: 12px;display: block;width: 14px;height: 14px;background: url(../login_cd/CloseIcon.gif);z-index: 2;}
.one_cookielength .modal_cookielength { background: lavenderblush;}
.one_cookielength {text-align: center;}
.modal_cookielength {background: rgb(102, 191, 241);border: 1px solid #454545;border-radius: 5px;}
*:focus  {outline: none;}  
input:hover, textarea:hover, button:hover, select:hover {border: solid px rgb(23, 102, 175);}
.modal_cookielength option { background: lemonchiffon;border-radius: 5px;}
#go {font-size: 16px;font-family: litios;color: #65a5d1;background-color: #032A46;text-decoration: none;padding: 0 5px; margin-right: 20px;border-bottom-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -khtmlborder-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;  -moz-border-radius-bottomleft: 10px;   -khtml-border-bottom-left-radius: 10px;float: right; right: 0px; bottom: -20px; text-align: center;  z-index: 1;line-height: 20px; box-shadow: 0px 2px 5px #032A46;  -webkit-box-shadow: 0px 2px 5px #032A46; -moz-box-shadow: 0px 2px 5px #032A46;  -khtml-box-shadow: 0px 2px 5px #032A46;}
ekte verdiğim js dosylarını default scripts klasörüne atın

Son olarak diğer giriş panelini silmek isteyenler olacaktır
index.template.php burayı bulun
<div id="upper_section" class="middletext"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>
 <div class="user">';
bu kısım hariç
<div id="upper_section" class="middletext"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '> burdan başlayarak silin
<div class="user">';

 // If the user is logged in, display stuff like their name, new messages, etc.
 if ($context['user']['is_logged'])
 {
 if (!empty($context['user']['avatar']))
 echo '
 <p class="avatar">', $context['user']['avatar']['image'], '</p>';
 echo '
 <ul class="reset">
 <li class="greeting">', $txt['hello_member_ndt'], ' <span>', $context['user']['name'], '</span></li>
 <li><a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a></li>
 <li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';

 // Is the forum in maintenance mode?
 if ($context['in_maintenance'] && $context['user']['is_admin'])
 echo '
 <li class="notice">', $txt['maintain_mode_on'], '</li>';

 // Are there any members waiting for approval?
 if (!empty($context['unapproved_members']))
 echo '
 <li>', $context['unapproved_members'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=admin;area=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] == 1 ? $txt['approve_member'] : $context['unapproved_members'] . ' ' . $txt['approve_members'], '</a> ', $txt['approve_members_waiting'], '</li>';

 if (!empty($context['open_mod_reports']) && $context['show_open_reports'])
 echo '
 <li><a href="', $scripturl, '?action=moderate;area=reports">', sprintf($txt['mod_reports_waiting'], $context['open_mod_reports']), '</a></li>';

 echo '
 <li>', $context['current_time'], '</li>
 </ul>';
 }
 // Otherwise they're a guest - this time ask them to either register or login - lazy bums...
 elseif (!empty($context['show_login_bar']))
 {
 echo '
 <script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sha1.js"></script>
 <form id="guest_form" action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
 <div class="info">', sprintf($txt['welcome_guest'], $txt['guest_title']), '</div>
 <input type="text" name="user" size="10" class="input_text" />
 <input type="password" name="passwrd" size="10" class="input_password" />
 <select name="cookielength">
 <option value="60">', $txt['one_hour'], '</option>
 <option value="1440">', $txt['one_day'], '</option>
 <option value="10080">', $txt['one_week'], '</option>
 <option value="43200">', $txt['one_month'], '</option>
 <option value="-1" selected="selected">', $txt['forever'], '</option>
 </select>
 <input type="submit" value="', $txt['login'], '" class="button_submit" /><br />
 <div class="info">', $txt['quick_login_dec'], '</div>';

 if (!empty($modSettings['enableOpenID']))
 echo '
 <br /><input type="text" name="openid_identifier" id="openid_url" size="25" class="input_text openid_login" />';

 echo '
 <input type="hidden" name="hash_passwrd" value="" />
 </form>';
 }

 echo '
 </div>


takıldığınız yerleri sorun elimizden geldikçe yardımcı oluruz



  1. 632

  2. 251

*

  1. 3,084

  2. 584

  3. 973
Alıntı yapılan: Ali1980 - 09 Haz 2014 23:57
malesef olmadi
muhtemelen kulandığınız tema vea modlardan biri ile .js çakışması vardır
site adresinizi eklerseniz bakalım

*

  1. 3,084

  2. 584

  3. 973

index.template.php yollayabilirmisiniz @Ali1980



  1. 632

  2. 251

*

  1. 3,084

  2. 584

  3. 973
ilk mesajdaki ekteki js dosyalarını temanızın scripts klasörüne atın
yine temanızın index.css de en alta ekleyin
#guest_form2 .info {text-align: center;width: 460px;margin-left: auto;margin-right: auto;}
#guest_form2 .info a{color: #fff;}
#lean_overlay {position: fixed;z-index: 10000;top: 0px;left: 0px;height:100%;width:100%;background: #fff;display: none;}
#signup {padding-bottom: 2px;display:none;background: #032a46;color: #A5CAE4;font-family: litios;font-size: 12px;margin-bottom: 0px;margin-top: -28px;}
#signup  .avatar{text-align: center;
width: 100px;
margin: 26px auto 0px;}
#signup  .reset{text-align: center;}
#signup-header {background: url(../login_cd/botton.png);padding: 18px 18px 0 18px;border-bottom: 1px solid #CCC;border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;border-top-right-radius: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;}
#signup-header h2 {color: #444;font-size: 2em;font-weight: 700;margin-bottom: 10px;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);}
#signup-header p {color: #444;font-size: 1.3em;margin: 0;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);text-shadow: none;float: none !important;  margin: 0 1em 1em 0;  padding: 0;}
#signup .txt-fld {position: relative;width: 364px;padding: 14px 20px;text-align: right;margin-left: auto;margin-right: auto;}
#signup .btn-fld {width: 364px;overflow: hidden;text-align: center;margin-left: auto;margin-right: auto;}
#signup .btn-fld .button_submit{font-style: normal;font-size: 12px;font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;color: #000;padding: 0px 6px;border-width: 1px;border-style: solid;border-right: 1px solid #DDDDEB;border-left: 1px solid #DDDDEB;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;border-color: #FFF #DDDDEB #B3B3BD;border-radius: 7px;text-align: center;box-shadow: 0px 1px 4px 0px #C8C8D2;
text-shadow: 0px 0px 0px transparent, 0px -1px 2px #FFF;outline: medium none;line-height: 21px;display: inline-block;cursor: pointer;-moz-box-sizing: border-box;height: 23px;}
#signup .txt-fld label {display: block;float: left;width: 100px;padding-top: 8px;color: #A5CAE4;font-size: 1.3em;text-align: left;}
#signup .txt-fld input {background: #021f33;-moz-border-radius: 5px;-webkit-border-radius: 5px;color: #65a5d1;box-shadow: inset 3px 3px 6px #01121f, 1px 1px 1px #04395e;border: none;
height: 28px;width: 230px; padding-left: 8px;font-size:8pt;outline: none;}
#signup .txt-fld input.good_input {background: #DEF5E1;}
#signup .txt-fld input.error_input {background: #FDE0E0;}
p.error {position: absolute;bottom: 48px;right: 20px;width: 262px;color: #FFF;font-size: 1.1em;padding-bottom: 5px;background: url(../img/error-arw.png) 20px bottom no-repeat;text-align: left;margin: 0;text-shadow: none;}
p.error span {display: inline-block;background: #D43636;padding: 6px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.txt-fld input:focus, .txt-fld textarea:focus {background-color: #FAF9DC;}
.modal_close {position: absolute;top: 12px;right: 12px;display: block;width: 14px;height: 14px;background: url(../login_cd/CloseIcon.gif);z-index: 2;}
.one_cookielength .modal_cookielength { background: lavenderblush;}
.one_cookielength {text-align: center;}
.modal_cookielength {background: rgb(102, 191, 241);border: 1px solid #454545;border-radius: 5px;}
*:focus  {outline: none;} 
input:hover, textarea:hover, button:hover, select:hover {border: solid px rgb(23, 102, 175);}
.modal_cookielength option { background: lemonchiffon;border-radius: 5px;}
#go {font-size: 16px;font-family: litios;color: #65a5d1;background-color: #032A46;text-decoration: none;padding: 0 5px; margin-right: 20px;border-bottom-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -khtmlborder-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;  -moz-border-radius-bottomleft: 10px;   -khtml-border-bottom-left-radius: 10px;float: right; right: 0px; bottom: -20px; text-align: center;  z-index: 1;line-height: 20px; box-shadow: 0px 2px 5px #032A46;  -webkit-box-shadow: 0px 2px 5px #032A46; -moz-box-shadow: 0px 2px 5px #032A46;  -khtml-box-shadow: 0px 2px 5px #032A46;}
#userbar {
    float: none;
    height: 50px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}
.greeting a {
    color: #FFF;
}



  1. 632

  2. 251

*

  1. 3,084

  2. 584

  3. 973

tam olmamış ilk mesajdaki css kodlarını kullanmışınız sanırım



  1. 632

  2. 251
hocam bazi seyler calismyior napcam hangisini ekliyecem

*

  1. 3,084

  2. 584

  3. 973
ilk konuyu değill size verdiklerimi yapmanız yeterli son mesajdaki index.template.php atmanız ve size söylediklerimi yapmanız yeterliydi



  1. 632

  2. 251


MENU ×