side panel Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
5 posters

    side panel

    yaanz
    avatar
    yaanz
    Forumember


    Posts : 58
    Reputation : 1
    Language : english
    • Post n°1

    In progress side panel

    Post by yaanz 3/6/2015, 13:41

    how can i make side panel like this ..... http://achauenglish.edu.vn/


    but with different colors & some changes not exact like that 


    thank you ...
    • Back to top
    Mike
    Mike
    Mike
    Hyperactive


    Male Posts : 4255
    Reputation : 471
    Language : English, HTML, CSS
    Location : Loveland, Colorado
    • Post n°2

    In progress Re: side panel

    Post by Mike 3/6/2015, 18:30

    Activate Forum Widgets in Modules -> Portal and Widgets -> Forum Widgets Management
    • Back to top
    yaanz
    avatar
    yaanz
    Forumember


    Posts : 58
    Reputation : 1
    Language : english
    • Post n°3

    In progress Re: side panel

    Post by yaanz 3/6/2015, 20:04

    Mike wrote:Activate Forum Widgets in Modules -> Portal and Widgets -> Forum Widgets Management


    sorry am not talking about widgets ... check this please ... 

    https://i.servimg.com/u/f18/18/49/53/42/110.jpg

    thanks you ..
    • Back to top
    brandon_g
    brandon_g
    brandon_g
    Manager
    Manager


    Male Posts : 10113
    Reputation : 923
    Language : English
    Location : USA
    • Post n°4

    In progress Re: side panel

    Post by brandon_g 3/6/2015, 21:02

    Hello,

    You mean a side navigation bar? Have you seen this on a forumotion forum before?

    Regards,
    -Brandon



    side panel Brando10
    Remember to mark your topic side panel Solved15 when a solution is found.
    General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

    side panel Scre1476
    Team Leader
    Review Section Rules | Request A Review | Sticker Points
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51517
    Reputation : 3523
    Language : English
    Location : United States
    • Post n°5

    In progress Re: side panel

    Post by SLGray 3/6/2015, 21:26

    That is a widget that has navigation links.  Create a customized widget with the navigation links you want.



    side panel Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top
    yaanz
    avatar
    yaanz
    Forumember


    Posts : 58
    Reputation : 1
    Language : english
    • Post n°6

    In progress Re: side panel

    Post by yaanz 4/6/2015, 17:20

    brandon_g wrote:Hello,

    You mean a side navigation bar? Have you seen this on a forumotion forum before?

    Regards,
    -Brandon


    yes a side navigation bar .... how to do that ?
    • Back to top
    brandon_g
    brandon_g
    brandon_g
    Manager
    Manager


    Male Posts : 10113
    Reputation : 923
    Language : English
    Location : USA
    • Post n°7

    In progress Re: side panel

    Post by brandon_g 4/6/2015, 22:09

    SLGray wrote:That is a widget that has navigation links.  Create a customized widget with the navigation links you want.

    yaanz wrote:
    brandon_g wrote:Hello,

    You mean a side navigation bar? Have you seen this on a forumotion forum before?

    Regards,
    -Brandon


    yes a side navigation bar .... how to do that ?

    Hello,

    I believe SLGray explained it further, you would need to create and code it with all the links you want in order to form a side navigation bar.

    -Brandon
    • Back to top
    Michael_vx
    Michael_vx
    Michael_vx
    Forumember


    Male Posts : 659
    Reputation : 29
    Language : Arabic and some English
    Location : Egypt
    • Post n°8

    In progress Re: side panel

    Post by Michael_vx 4/6/2015, 23:48

    i know its not good to Extract a script from a site without permission
    but i hope that help
    Code:
    <script>
          jQuery.noConflict();
          (function($){
          
             $(document).ready(function(){
                // $("#various1").fancybox({
                   // 'titlePosition'      : 'inside',
                   // 'transitionIn'      : 'none',
                   // 'transitionOut'      : 'none'
                // });
                // if ( document.referrer == null || document.referrer.indexOf(window.location.hostname) < 0 ) {
                   // $("#various1").trigger('click');
                // }

                
             });

          })(jQuery);
       </script>
    </head>
    <style type="text/css">

    </style>
    <body onLoad="initMenu()">
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
       <div id="wrap">
          <div id="head">
          </div>
          <div id="slide_wrap">
                   <div class="moduletable_slide">
                   <script src="http://achauenglish.edu.vn//modules/mod_w365_jaslideshow/w365_jaslideshow/ja-slideshow.js" type="text/javascript"></script>
    <div class="clear"></div><div id="ja-slideshow-wrap">
    <div id="ja-slideshow-case" class="ja-slideshow-case">
    <img src="/images/slide/slide_pvtv2.jpg" alt="ACHAU ENGLISH" title="ACHAU ENGLISH" />
    </div>
    <div id="ja-slidebar" class="ja-slidebar">
    </div>
    </div>

          <script type="text/javascript">

             JaSlideshow = new JaSlideshowClass({

                   siteurl: 'http://achauenglish.edu.vn/',

                   type: 'fade',

                   pan: '10',

                   zoom: '10',

                   width: 940,

                   height: 310,

                   url: 'http://achauenglish.edu.vn/images/slide/',

                   images: ['slide_pvtv2.jpg','slide_toeic2.jpg','slide_xuatcanh.jpg'],

                   
                   
                   duration: [2000, 5000],

                   transition: Fx.Transitions.sineInOut ,

                   navigation: 'number',

                   resize: 0,

                   classes: ['prev', 'next', 'active'],

                   play : 'play',

                   thumbnailre: [/\./, 't.']

                   });

          </script>

          
          </div>
       
             
          </div>
          <div id="top_content"></div>
          <div id="mid_content">
             <div id="left_content">
                      <div class="moduletable">
                   <link rel="stylesheet" href="http://achauenglish.edu.vn/modules/mod_menu_horizontal/slide-out-menu-new.css" media="screen" type="text/css"></link>
    <script type="text/javascript" src="http://achauenglish.edu.vn/modules/mod_menu_horizontal/slide-out-menu-new.js"></script>
    <div class="mid_side">
    <div id="leftContainer">
    <div id="dhtmlgoodies_menu" style="visibility: hidden;">
       <ul>
                <li class="menu_active">
                   <a href="/vi/trang-chu">Trang chủ</a>
                
                </li>
                <li class="">
                   <a href="#">Giới thiệu</a>
                
                      <ul>
                                  <li class=""><a href="/vi/gioi-thieu/gioi-thieu-chung">Giới thiệu chung</a></li>
                                  <li class=""><a href="/vi/gioi-thieu/tam-nhin">Tầm nhìn</a></li>
                                  <li class=""><a href="/vi/gioi-thieu/su-mang">Sứ mạng</a></li>
                               </ul>
                </li>
                <li class="">
                   <a href="#">Chương trình đào tạo</a>
                
                      <ul>
                                  <li class=""><a href="/vi/chuong-trinh-dao-tao/so-cap">Sơ cấp</a></li>
                                  <li class=""><a href="/vi/chuong-trinh-dao-tao/trung-cap">Trung cấp</a></li>
                                  <li class=""><a href="/vi/chuong-trinh-dao-tao/nang-cao">Nâng cao</a></li>
                               </ul>
                </li>
                <li class="">
                   <a href="#">Tin tức</a>
                
                      <ul>
                                  <li class=""><a href="/vi/tin-tuc/tin-tuc-su-kien/c/">Tin tức - Sự kiện</a></li>
                                  <li class=""><a href="/vi/tin-tuc/tin-giao-duc/c/">Tin giáo dục</a></li>
                                  <li class=""><a href="/vi/tin-tuc/hoat-dong-sinh-vien/c/">Hoạt động sinh viên</a></li>
                               </ul>
                </li>
                <li class="">
                   <a href="#">Kỹ năng</a>
                
                      <ul>
                                  <li class=""><a href="/vi/ky-nang/ky-nang-hoc-tieng-anh/c/">Kỹ năng học tiếng anh</a></li>
                                  <li class=""><a href="/vi/ky-nang/ky-nang-mem/c/">Kỹ năng mềm</a></li>
                                  <li class=""><a href="/vi/ky-nang/ky-nang-giao-tiep/c/">Kỹ năng giao tiếp</a></li>
                               </ul>
                </li>
                <li class="">
                   <a href="/vi/tuyen-sinh">Tuyển sinh</a>
                
                </li>
                <li class="">
                   <a href="/vi/tuyen-dung">Tuyển dụng</a>
                
                </li>
                <li class="">
                   <a href="/vi/dang-ky-khoa-hoc">Đăng ký khóa học</a>
                
                </li>
                <li class="">
                   <a href="/vi/lien-he/">Liên hệ</a>
                
                </li>
                <li class="">
                   <a href="/vi/sitemap?sitemap=1">Sitemap</a>
    this should be the part you want with no other thing 
    it should be editable with the way you want
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51517
    Reputation : 3523
    Language : English
    Location : United States
    • Post n°9

    In progress Re: side panel

    Post by SLGray 5/6/2015, 03:52

    You need to create a customized widget and add the links to what you want in the navigation widget.  Then you can add the widget to the left or right side.



    side panel Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top
    yaanz
    avatar
    yaanz
    Forumember


    Posts : 58
    Reputation : 1
    Language : english
    • Post n°10

    In progress Re: side panel

    Post by yaanz 5/6/2015, 18:03

    Michael_vx wrote:i know its not good to Extract a script from a site without permission
    but i hope that help
    Code:
    <script>
          jQuery.noConflict();
          (function($){
          
             $(document).ready(function(){
                // $("#various1").fancybox({
                   // 'titlePosition'      : 'inside',
                   // 'transitionIn'      : 'none',
                   // 'transitionOut'      : 'none'
                // });
                // if ( document.referrer == null || document.referrer.indexOf(window.location.hostname) < 0 ) {
                   // $("#various1").trigger('click');
                // }

                
             });

          })(jQuery);
       </script>
    </head>
    <style type="text/css">

    </style>
    <body onLoad="initMenu()">
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
       <div id="wrap">
          <div id="head">
          </div>
          <div id="slide_wrap">
                   <div class="moduletable_slide">
                   <script src="http://achauenglish.edu.vn//modules/mod_w365_jaslideshow/w365_jaslideshow/ja-slideshow.js" type="text/javascript"></script>
    <div class="clear"></div><div id="ja-slideshow-wrap">
    <div id="ja-slideshow-case" class="ja-slideshow-case">
    <img src="/images/slide/slide_pvtv2.jpg" alt="ACHAU ENGLISH" title="ACHAU ENGLISH" />
    </div>
    <div id="ja-slidebar" class="ja-slidebar">
    </div>
    </div>

          <script type="text/javascript">

             JaSlideshow = new JaSlideshowClass({

                   siteurl: 'http://achauenglish.edu.vn/',

                   type: 'fade',

                   pan: '10',

                   zoom: '10',

                   width: 940,

                   height: 310,

                   url: 'http://achauenglish.edu.vn/images/slide/',

                   images: ['slide_pvtv2.jpg','slide_toeic2.jpg','slide_xuatcanh.jpg'],

                   
                   
                   duration: [2000, 5000],

                   transition: Fx.Transitions.sineInOut ,

                   navigation: 'number',

                   resize: 0,

                   classes: ['prev', 'next', 'active'],

                   play : 'play',

                   thumbnailre: [/\./, 't.']

                   });

          </script>

          
          </div>
       
             
          </div>
          <div id="top_content"></div>
          <div id="mid_content">
             <div id="left_content">
                      <div class="moduletable">
                   <link rel="stylesheet" href="http://achauenglish.edu.vn/modules/mod_menu_horizontal/slide-out-menu-new.css" media="screen" type="text/css"></link>
    <script type="text/javascript" src="http://achauenglish.edu.vn/modules/mod_menu_horizontal/slide-out-menu-new.js"></script>
    <div class="mid_side">
    <div id="leftContainer">
    <div id="dhtmlgoodies_menu" style="visibility: hidden;">
       <ul>
                <li class="menu_active">
                   <a href="/vi/trang-chu">Trang chủ</a>
                
                </li>
                <li class="">
                   <a href="#">Giới thiệu</a>
                
                      <ul>
                                  <li class=""><a href="/vi/gioi-thieu/gioi-thieu-chung">Giới thiệu chung</a></li>
                                  <li class=""><a href="/vi/gioi-thieu/tam-nhin">Tầm nhìn</a></li>
                                  <li class=""><a href="/vi/gioi-thieu/su-mang">Sứ mạng</a></li>
                               </ul>
                </li>
                <li class="">
                   <a href="#">Chương trình đào tạo</a>
                
                      <ul>
                                  <li class=""><a href="/vi/chuong-trinh-dao-tao/so-cap">Sơ cấp</a></li>
                                  <li class=""><a href="/vi/chuong-trinh-dao-tao/trung-cap">Trung cấp</a></li>
                                  <li class=""><a href="/vi/chuong-trinh-dao-tao/nang-cao">Nâng cao</a></li>
                               </ul>
                </li>
                <li class="">
                   <a href="#">Tin tức</a>
                
                      <ul>
                                  <li class=""><a href="/vi/tin-tuc/tin-tuc-su-kien/c/">Tin tức - Sự kiện</a></li>
                                  <li class=""><a href="/vi/tin-tuc/tin-giao-duc/c/">Tin giáo dục</a></li>
                                  <li class=""><a href="/vi/tin-tuc/hoat-dong-sinh-vien/c/">Hoạt động sinh viên</a></li>
                               </ul>
                </li>
                <li class="">
                   <a href="#">Kỹ năng</a>
                
                      <ul>
                                  <li class=""><a href="/vi/ky-nang/ky-nang-hoc-tieng-anh/c/">Kỹ năng học tiếng anh</a></li>
                                  <li class=""><a href="/vi/ky-nang/ky-nang-mem/c/">Kỹ năng mềm</a></li>
                                  <li class=""><a href="/vi/ky-nang/ky-nang-giao-tiep/c/">Kỹ năng giao tiếp</a></li>
                               </ul>
                </li>
                <li class="">
                   <a href="/vi/tuyen-sinh">Tuyển sinh</a>
                
                </li>
                <li class="">
                   <a href="/vi/tuyen-dung">Tuyển dụng</a>
                
                </li>
                <li class="">
                   <a href="/vi/dang-ky-khoa-hoc">Đăng ký khóa học</a>
                
                </li>
                <li class="">
                   <a href="/vi/lien-he/">Liên hệ</a>
                
                </li>
                <li class="">
                   <a href="/vi/sitemap?sitemap=1">Sitemap</a>
    this should be the part you want with no other thing 
    it should be editable with the way you want


    the code you gave me it works like charm thank you for your help +

    can help me to make this widget look more beautiful ? i mean more stylish with good colour effect's

    thank you ...

    examples : http://www.jqueryscript.net/menu/Sliding-Side-Menu-Panel-with-jQuery-Bootstrap-BootSideMenu.html
    • Back to top
    Michael_vx
    Michael_vx
    Michael_vx
    Forumember


    Male Posts : 659
    Reputation : 29
    Language : Arabic and some English
    Location : Egypt
    • Post n°11

    In progress Re: side panel

    Post by Michael_vx 5/6/2015, 23:44

    i Apologize stylish is not my thing Sad
    so i cannot do more then getting codes or Edit it or translate it but stylish is my week point that i cannot do no matter how i try
    • Back to top
    yaanz
    avatar
    yaanz
    Forumember


    Posts : 58
    Reputation : 1
    Language : english
    • Post n°12

    In progress Re: side panel

    Post by yaanz 6/6/2015, 16:30

    Michael_vx wrote:i Apologize stylish is not my thing Sad
    so i cannot do more then getting codes or Edit it or translate it but stylish is my week point that i cannot do no matter how i try
    thanks for your try Michael 

    am looking some one will help me out ..

    thanks
    • Back to top
    brandon_g
    brandon_g
    brandon_g
    Manager
    Manager


    Male Posts : 10113
    Reputation : 923
    Language : English
    Location : USA
    • Post n°13

    In progress Re: side panel

    Post by brandon_g 6/6/2015, 16:36

    Should be able to be done with css. What does it currently look like? Can you provide a screenshot? Also what would you like it to look like?



    side panel Brando10
    Remember to mark your topic side panel Solved15 when a solution is found.
    General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

    side panel Scre1476
    Team Leader
    Review Section Rules | Request A Review | Sticker Points
    • Back to top
    yaanz
    avatar
    yaanz
    Forumember


    Posts : 58
    Reputation : 1
    Language : english
    • Post n°14

    In progress Re: side panel

    Post by yaanz 6/6/2015, 17:03

    ok sure i have a screen shot ... 

    https://i.servimg.com/u/f18/18/49/53/42/211.jpg
    • Back to top
    brandon_g
    brandon_g
    brandon_g
    Manager
    Manager


    Male Posts : 10113
    Reputation : 923
    Language : English
    Location : USA
    • Post n°15

    In progress Re: side panel

    Post by brandon_g 6/6/2015, 18:16

    You want the background color to match your forum colors? Am I understanding that right?

    -Brandon



    side panel Brando10
    Remember to mark your topic side panel Solved15 when a solution is found.
    General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

    side panel Scre1476
    Team Leader
    Review Section Rules | Request A Review | Sticker Points
    • Back to top
    yaanz
    avatar
    yaanz
    Forumember


    Posts : 58
    Reputation : 1
    Language : english
    • Post n°16

    In progress Re: side panel

    Post by yaanz 6/6/2015, 18:49

    brandon_g wrote:You want the background color to match your forum colors? Am I understanding that right?

    -Brandon
     not only colours but also high light effect desing sir .. i gave example up link
    • Back to top