"Logged in as"? or whatever its called.

Go down

"Logged in as"? or whatever its called.

Post by gunsmaker on January 22nd 2015, 11:18 am


today i've edited my index_body template, and i just realized this recently.
theres 2 view posts since last visit, view your posts, view unanswered posts and mark all forums read, i want to search this at archive first but i dont know what its called.

is there any code to remove one of it, and make it like this?
Spoiler:

when the icon hovered, theres menu showing like this.

my forum is using phpbb3.


Last edited by gunsmaker on January 26th 2015, 7:00 am; edited 1 time in total

gunsmaker
Forumember

Posts : 34
Reputation : 1
Language : English and Indonesian

http://tcga.forumn.org

Back to top Go down

Re: "Logged in as"? or whatever its called.

Post by Ikerepc on January 22nd 2015, 1:09 pm

Please post here your index_body template
avatar
Ikerepc
Active Poster

Male Posts : 1150
Reputation : 155
Language : Croatian, HTML, HTML5, CSS, CSS3, jQuery, PHP, SQL, Bascom, Python, C, C++, FBD & LAD for PLC and more... Little English :D
Location : Where web help & support is needed

http://admins.forumotion.com

Back to top Go down

Re: "Logged in as"? or whatever its called.

Post by gunsmaker on January 22nd 2015, 1:50 pm

heres the code of my index_body template
Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
        <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
        <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
  </ul>
  <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
  <!-- BEGIN message_admin_titre -->
  <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
  </div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
  <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
  </div>
  <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

<!--{CHATBOX_TOP}-->
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
  <div class="main-content">
      <div id="stats">
        <p>[{TOTAL_POSTS}]&nbsp;[{TOTAL_USERS}]&nbsp;[{NEWEST_USER}]</p></div>
      <div id="onlinelist">
        <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
        <p><a href="{U_VIEWONLINE}" rel="nofollow">[{L_WHO_IS_ONLINE}]</a>&nbsp;[{TOTAL_USERS_ONLINE}]&nbsp;[{RECORD_USERS}]<!--{L_WHO_IS_ONLINE}-->
        <span class="user-list">{LOGGED_IN_USER_LIST}
        {L_ONLINE_USERS}{L_CONNECTED_MEMBERS}</span>
        {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
        <div class="clear"></div>
        <p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>
      </div>
   
      <!-- BEGIN switch_chatbox_activate -->
      <!--<div id="onlinechat">
        <p class="page-bottom">
        {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
        {CHATTERS_LIST}<br /> -->
        <!-- BEGIN switch_chatbox_popup -->
            <!--<div id="chatbox_popup"></div>
            <script type="text/javascript">
              insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            </script> -->
        <!-- END switch_chatbox_popup -->
        </p>
      </div>
      <!-- END switch_chatbox_activate -->
  </div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
<!-- END switch_user_login_form_footer -->

<!-- {CHATBOX_BOTTOM} -->

<!-- BEGIN switch_legend -->
<!--<ul id="pun-legend">
  <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />&nbsp;{L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />&nbsp;{L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />&nbsp;{L_FORUM_LOCKED}
  </li>
</ul> -->
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

gunsmaker
Forumember

Posts : 34
Reputation : 1
Language : English and Indonesian

http://tcga.forumn.org

Back to top Go down

Re: "Logged in as"? or whatever its called.

Post by Ikerepc on January 22nd 2015, 2:05 pm

And can you post your index_box?
avatar
Ikerepc
Active Poster

Male Posts : 1150
Reputation : 155
Language : Croatian, HTML, HTML5, CSS, CSS3, jQuery, PHP, SQL, Bascom, Python, C, C++, FBD & LAD for PLC and more... Little English :D
Location : Where web help & support is needed

http://admins.forumotion.com

Back to top Go down

Re: "Logged in as"? or whatever its called.

Post by gunsmaker on January 22nd 2015, 3:03 pm

heres the code of my index_box template
Code:
<ul class="linklist">
   <!-- BEGIN switch_user_logged_in -->
   <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;&bull;&nbsp;</li>
   <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;&bull;&nbsp;</li>
   <!-- END switch_user_logged_in -->
   <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
   <!-- BEGIN switch_user_logged_in -->
   <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
   <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="forabg">
         <div class="inner"><span class="corners-top"><span></span></span>
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
                  <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
                  <dd class="topics">{L_TOPICS}</dd>
                  <dd class="posts">{L_POSTS}</dd>
                  <dd class="lastpost"><span>{L_LASTPOST}</span></dd>
               </dl>
            </li>
         </ul>
         <ul class="topiclist forums">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
            <li class="row">
               <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
                  <dd class="dterm">
                     <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        <br />
                        {catrow.forumrow.FORUM_DESC}

                        <!-- BEGIN switch_moderators_links -->
                           {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                     </div>
                  </dd>
                  <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
                  <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
                  <dd class="lastpost">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </dd>
               </dl>
            </li>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </ul>

         <span class="corners-bottom"><span></span></span></div>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
   <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;&bull;&nbsp;</li>
   <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;&bull;&nbsp;</li>
   <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   <!-- BEGIN switch_delete_cookies -->
   <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
   <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

gunsmaker
Forumember

Posts : 34
Reputation : 1
Language : English and Indonesian

http://tcga.forumn.org

Back to top Go down

Re: "Logged in as"? or whatever its called.

Post by Ikerepc on January 22nd 2015, 4:00 pm


Code:
<ul class="linklist">
   <!-- BEGIN switch_user_logged_in -->
   <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;&bull;&nbsp;</li>
   <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;&bull;&nbsp;</li>
   <!-- END switch_user_logged_in -->
   <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
   <!-- BEGIN switch_user_logged_in -->
   <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
   <!-- END switch_user_logged_in -->
</ul>

You have thia variables at top of both templates. You need to remove one. This is code from index_box, you can just delete it.
avatar
Ikerepc
Active Poster

Male Posts : 1150
Reputation : 155
Language : Croatian, HTML, HTML5, CSS, CSS3, jQuery, PHP, SQL, Bascom, Python, C, C++, FBD & LAD for PLC and more... Little English :D
Location : Where web help & support is needed

http://admins.forumotion.com

Back to top Go down

Re: "Logged in as"? or whatever its called.

Post by gunsmaker on January 23rd 2015, 5:26 am

it works , nice.
and how about to make it like this ?
Spoiler:

when the icon hovered, theres menu showing like this.

gunsmaker
Forumember

Posts : 34
Reputation : 1
Language : English and Indonesian

http://tcga.forumn.org

Back to top Go down

Re: "Logged in as"? or whatever its called.

Post by gunsmaker on January 24th 2015, 4:44 am

sorry but this is a bump.
anyone?

gunsmaker
Forumember

Posts : 34
Reputation : 1
Language : English and Indonesian

http://tcga.forumn.org

Back to top Go down

Re: "Logged in as"? or whatever its called.

Post by Michael_vx on January 24th 2015, 6:57 pm

i dont know how to do it there is a menu code i dont know how to get one menu from it so here it is
Code:
<meta name="description" content="منتدى مايكل سوفت خدمات متكاملة بكل جهدنا نسعى لان نكون الافضل لدينا برامج اخبار وشروحات">
<div
    style="position: absolute; top: 0px; right: 0px; background: black; width:
    100%; color: #ECECEC; padding: 0px; z-index: 999;"> <div
    id='cssmenu'>
    <ul>
      <li class='active '><a href='http://micsoft.is-best.net/'><span>الموقع</span></a></li>
      <a <span>موقع مايكل سوفت الرسمى</span></a></li>
      <li class='active has-sub '><a href='http://micsoft.is-best.net/vx/'><span>منتديات مايكل
سوفت</span></a>
          <ul><li class='active '>
          <li><a href='http://micsoft.is-best.net/vx/forumdisplay.php?fid=1'><span>عالم تطبيقات مايكل

سوفت</span></a></li>
          <li><a href='http://micsoft.is-best.net/vx/forumdisplay.php?fid=6'><span>عالم العاب مايكل

سوفت</span></a></li>
          <li><a href='http://micsoft.is-best.net/vx/forumdisplay.php?fid=12'><span>عالم مايكل سوفت

الاسرى</span></a></li>
          <li><a href='http://micsoft.is-best.net/vx/forumdisplay.php?fid=36'><span>عالم مايكل سوفت

للجرافيكس</span></a></li>
          <li><a href='http://micsoft.is-best.net/vx/forumdisplay.php?fid=41'><span>الافلام والاغانى</span></a></li>
          <li><a href='http://micsoft.is-best.net/vx/forumdisplay.php?fid=45'><span>عالم مايكل للاخبار و القصص و

الشعر</span></a></li>
          <li><a href='http://micsoft.is-best.net/vx/forumdisplay.php?fid=21'><span>عالم برمجيات مايكل

سوفت</span></a></li>
          <li><a href='http://micsoft.is-best.net/vx/forumdisplay.php?fid=19'><span>المقترحات

والشكاوى</span></a></li>
          <li><a href='http://micsoft.is-best.net/vx/index.php'><span>تصفح المنتدى</span></a></li>
          </ul> </li>

    <li class='active '><a href='http://micsoft.is-best.net/vx/private.php?action=send&uid=1'><span>

مراسلة الادارة العليا</span></a></li>
      <li class='active has-sub '><a href='#'><span>قائمة خدمات مايكل سوفت</span></a>
          <ul><li class='active '><a
    href='http://micsoft.22web.org/'><span>مركز رفع الصور</span></a></li>
            <li
    class='active '><a href='http://micsoft.22web.org/map/'><span>رؤية خريطة

العالم</span></a></li>
            <li><a href='http://micsoft.url.ph/'><span>مركز رفع الملفات</span></a></li>
            <li><a href='http://micsoft.esy.es/flashchat.php'><span>شات مايكل سوفت</span></a></li>
            <li><a href='http://micsoft.is-best.net/vx/portal.php'><span>المجلة</span></a></li>
            <li><a href='http://micsoft.hol.es/codetest'><span>خدمة تجربة الاكواد</span></a></li>
          <li><a href=''><span>قريبا</span></a></li>
          </ul>
      </li> 
    <li><a
    </ul>
    </div>
    </div>
    <Style>
    #cssmenu ul,
    #cssmenu li,
    #cssmenu span,
    #cssmenu a {
      margin: 0;
      padding: 0;
      position: relative;
    text-align: right;
    font-weight: bold;
    }
    #cssmenu {
      height: 30px;
      border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      -webkit-border-radius: 5px 5px 0 0;
      background: #141414;
      background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-

stop(100%, #141414));
      background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
      background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
      background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
      background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
      filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a',

EndColorStr='#141414', GradientType=0);
      border-bottom: 2px solid #e00f16;
    text-align: right;
    }
    #cssmenu:after,
    #cssmenu ul:after {
      content: '';
      display: block;
      clear: both;
    text-align: right;

    }
    #cssmenu a {
      background: #141414;
      background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-

stop(100%, #141414));
      background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
      background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
      background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
      background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
      filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a',

EndColorStr='#141414', GradientType=0);
      color: #ffffff;
      display: inline-block;
      font-family: Times New Roman;
      font-size: 12px;
      line-height: 30px;
      padding: 0 20px;
      text-decoration: none;
    text-align: right;

    }
    #cssmenu ul {
      list-style: none;
    text-align: right;

    }
    #cssmenu > ul {
      float: right;
    text-align: right;

    }
    #cssmenu > ul > li {
      float: right;
    text-align: right;

    }
    #cssmenu > ul > li:hover:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      left: 50%;
      bottom: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #e00f16;
      margin-left: -10px;
    text-align: right;

    }
    #cssmenu > ul > li:first-child > a {
      border-radius: 5px 0 0 0;
      -moz-border-radius: 5px 0 0 0;
      -webkit-border-radius: 5px 0 0 0;
    text-align: right;

    }
    #cssmenu > ul > li:last-child > a {
      border-radius: 0 5px 0 0;
      -moz-border-radius: 0 5px 0 0;
      -webkit-border-radius: 0 5px 0 0;
    text-align: right;

    }
    #cssmenu > ul > li.active > a {
      box-shadow: inset 0 0 3px #000000;
      -moz-box-shadow: inset 0 0 3px #000000;
      -webkit-box-shadow: inset 0 0 3px #000000;
      background: #070707;
      background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-

stop(100%, #070707));
      background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
      background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
      background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
      background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
      filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c',

EndColorStr='#070707', GradientType=0);
    text-align: right;

    }
    #cssmenu > ul > li:hover > a {
      background: #070707;
      background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-

stop(100%, #070707));
      background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
      background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
      background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
      background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
      filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c',

EndColorStr='#070707', GradientType=0);
      box-shadow: inset 0 0 3px #000000;
      -moz-box-shadow: inset 0 0 3px #000000;
      -webkit-box-shadow: inset 0 0 3px #000000;
    text-align: right;

    }
    #cssmenu .has-sub {
      z-index: 1;
    }
    #cssmenu .has-sub:hover > ul {
      display: block;
    }
    #cssmenu .has-sub ul {
      display: none;
      position: absolute;
      width: 150px;
      top: 100%;
    text-align: right;

      left: 0;
    }
    #cssmenu .has-sub ul li {
      *margin-bottom: -1px;
    }
    #cssmenu .has-sub ul li a {
      background: #e00f16;
      border-bottom: 1px dotted #ec6f73;
      filter: none;
      font-size: 11px;
      display: block;
      line-height: 120%;
      padding: 10px;
    text-align: right;

    }
    /* code brogramed by Michael*/
    #cssmenu .has-sub ul li:hover a {
      background: #b00c11;
    }
    #cssmenu .has-sub .has-sub:hover > ul {
      display: block;
    }
    #cssmenu .has-sub .has-sub ul {
      display: none;
      position: absolute;
      left: 100%;
      top: 0;
    }
    #cssmenu .has-sub .has-sub ul li a {
      background: #b00c11;
      border-bottom: 1px dotted #d06d70;
    text-align: right;

    }
    #cssmenu .has-sub .has-sub ul li a:hover {
      background: #80090d;
    text-align: right;

    }
    </style>
avatar
Michael_vx
Forumember

Male Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Re: "Logged in as"? or whatever its called.

Post by gunsmaker on January 26th 2015, 5:38 am

its not working, nothing changed, just put the code to css right?

gunsmaker
Forumember

Posts : 34
Reputation : 1
Language : English and Indonesian

http://tcga.forumn.org

Back to top Go down

Re: "Logged in as"? or whatever its called.

Post by Michael_vx on January 26th 2015, 5:03 pm

O.o
my code ?
my code is just a toolbar with some menus i think it could help some one make the menu you want in your index box or body
im not soo good at coding Very Happy
this why i provided a menu example that code make sense to make the menu you want
its just a HTML code this my code
avatar
Michael_vx
Forumember

Male Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Re: "Logged in as"? or whatever its called.

Post by levy on January 26th 2015, 8:08 pm

So, it's pretty easy what you want to make, let's start with @Ikerepc code

Code:
    <ul class="linklist">
      <!-- BEGIN switch_user_logged_in -->
      <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;&bull;&nbsp;</li>
      <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;&bull;&nbsp;</li>
      <!-- END switch_user_logged_in -->
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <!-- BEGIN switch_user_logged_in -->
      <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
      <!-- END switch_user_logged_in -->
    </ul>

How you can see, he grouped them in a "linklist" class so we will need this one.
Let's rework it a little bit

Code:
<div class="levy1">
       <a href="#" class="levy2"><img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/toggle-icon.png" />  </a> 
   <ul class="levy3">
                     
      <!--      BEGIN switch_user_logged_in      -->           
      <li>
             <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> •     
      </li>
                     
      <li>
             <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> •     
      </li>
                     
      <!--      END switch_user_logged_in      -->           
      <li>
             <a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>   
      </li>
                     
      <!--      BEGIN switch_user_logged_in      -->           
      <li class="rightside">
             <a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a>   
      </li>
                     
      <!--      END switch_user_logged_in      -->       
   </ul>
</div>

Replace http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/toggle-icon.png with your url icon and now we need just a simple jQuery code

Code:
jQuery(function(){
    //levy3 is hide by default and when you click levy2 ( icon ) it show your "levy3"
$(".levy3").hide();
    $('.levy2').click(function () {
        $(".levy3").toggle("slide");
    });
})

You can CSS it how you like and do what you want to it
avatar
levy
Hyperactive

Male Posts : 2587
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

https://help.forumotion.com/

Back to top Go down

Re: "Logged in as"? or whatever its called.

Post by gunsmaker on January 27th 2015, 5:19 am

@Michael_vx wrote:O.o
my code ?
my code is just a toolbar with some menus i think it could help some one make the menu you want in your index box or body
im not soo good at coding Very Happy
this why i provided a menu example that code make sense to make the menu you want
its just a HTML code this my code

well, i'm not so good at coding too, xD
i've tried put the code in index_body, the css is not working, even i put the style to css.

also i dont want to add extra HTML other than the templates, it will be complicated when i want to change the theme and skin. xD

@levy wrote:
Code:
jQuery(function(){
    //levy3 is hide by default and when you click levy2 ( icon ) it show your "levy3"
$(".levy3").hide();
    $('.levy2').click(function () {
        $(".levy3").toggle("slide");
    });
})

is there any command other than .toggle("slide");? because its not looking the same as the one i've asked.



EDIT : Nevermind, i found it, its solved, thankyou for the help @Michael_vx and @levy


Last edited by gunsmaker on January 27th 2015, 5:59 am; edited 2 times in total

gunsmaker
Forumember

Posts : 34
Reputation : 1
Language : English and Indonesian

http://tcga.forumn.org

Back to top Go down

Re: "Logged in as"? or whatever its called.

Post by Michael_vx on January 29th 2015, 12:12 am

@gunsmaker
im glad that you have solved your problem
and your welcome
im happy that i did something good Smile
avatar
Michael_vx
Forumember

Male Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum