The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

"Logged in as"? or whatever its called.

View previous topic View next topic 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

Ikerepc
Active Poster

Male Posts : 1114
Reputation : 152
Language : Croatian, HTML, CSS, jQuery, JavaScript, PHP, SQL, Bascom, Python, C, FBD & LAD for PLC and more... Little English :D
Location : Around electronics and progmamming ;)

http://help.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?

Ikerepc
Active Poster

Male Posts : 1114
Reputation : 152
Language : Croatian, HTML, CSS, jQuery, JavaScript, PHP, SQL, Bascom, Python, C, FBD & LAD for PLC and more... Little English :D
Location : Around electronics and progmamming ;)

http://help.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.

Ikerepc
Active Poster

Male Posts : 1114
Reputation : 152
Language : Croatian, HTML, CSS, jQuery, JavaScript, PHP, SQL, Bascom, Python, C, FBD & LAD for PLC and more... Little English :D
Location : Around electronics and progmamming ;)

http://help.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>

Michael_vx
Forumember

Male Posts : 659
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

Michael_vx
Forumember

Male Posts : 659
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

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://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

Michael_vx
Forumember

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

Back to top Go down

View previous topic View next topic Back to top


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