SocialAcademy • Forum

Social Academy Community Support Forum & Free Tutorial's & Skins



SocialAcademy • Forum » Support Section » Ask Question 's & Problems » Solved & Trash Files  →   [Solved] "Elegant Skin" "more" Menu Drop Down

[Solved] "Elegant Skin" "more" Menu Drop Down

Started by -

    • Please log in to Reply

    View previous topic View next topic Go down  Message [Page 1 of 1]

    #1

    Offlinemicul`wji

    micul`wji
     
    Member
    Member

    Posted Sat May 24, 2014 6:09 pm

     
    Details: Hi everyone I am and elegant theme for your forum and saw that I have the option in the menu somewhere more down arrow.[Solved] "Elegant Skin" "more" Menu Drop Down Screenshot_2 This does not work forget the code used:
    Code:
           <li id="nav_more" data-dropdown="">
             <a href="#">More <img src="http://www.skinbox.net/demo/public/style_images/elegant/useropts_arrow.png" alt=""></a>
             <ul class="sb-dropdown-off" style="display: none;">
                <li><a href="http://www.twitter.com/username"><img src="http://www.skinbox.net/demo/public/style_images/elegant/_custom/icon-social_twitter.png" alt=""> Follow Us on Twitter</a></li>
                <li><a href="http://www.facebook.com/page"><img src="http://www.skinbox.net/demo/public/style_images/elegant/_custom/icon-social_facebook.png" alt=""> Like Us on Facebook</a></li>
                <li><a href="http://www.youtube.com/page"><img src="http://www.skinbox.net/demo/public/style_images/elegant/_custom/icon-social_youtube.png" alt=""> Subscribe on Youtube</a></li>
             </ul>
                   </li>
                        <li id="nav_other_apps" style="display: none">
                            <a href="#" class="ipbmenu" id="more_apps">More <img src="http://www.skinbox.net/demo/public/style_images/elegant/useropts_arrow.png"></a>
                        </li>
                        <li id="nav_colorpicker" data-dropdown="right click" class="right" style="padding: 4px 10px 0 0;">
    <img src="http://www.skinbox.net/demo/public/style_images/elegant/_custom/colorpicker.png" alt="Color Picker" title="Color Picker" style="
        display: none;
    ">
       <ul class="sb-dropdown-off" style="display: none;">
          <li><div id="ptColorPicker"><div class="farbtastic"><div class="color" style="background-color: rgb(0, 90, 255);"></div><div class="wheel"></div><div class="overlay"></div><div class="h-marker marker" style="left: 44px; top: 162px;"></div><div class="sl-marker marker" style="left: 103px; top: 114px;"></div></div></div><input id="ptColorInput" type="text" style="background-color: rgb(47, 73, 121); color: rgb(255, 255, 255);"><a href="#" data-target-color="#2f4979"><span style="background-color: #2f4979"></span> Blue</a></li>
       </ul>
    </li>
    I try to give him does not appear why?
    Forum Address: http://testeady7.forumgratuit.ro/#
    Forum Version: punbb

    http://exiled.wow3.info/
    #2

    Offlinemicul`wji

    micul`wji
     
    Member
    Member

    Posted Mon May 26, 2014 7:08 am

     
    nobody?

    http://exiled.wow3.info/
    #3

    OfflineGrafix

    Grafix
     
    Management Team
    Management Team

    Posted Mon May 26, 2014 11:43 am

     
    Hello ,

    Find this in your Overall_header

    Code:
      <li id="nav_more" data-dropdown="">
             <a href="#">More <img src="http://www.skinbox.net/demo/public/style_images/elegant/useropts_arrow.png" alt=""></a>
             <ul class="sb-dropdown-off" style="display: none;">
                <li><a href="http://www.twitter.com/username"><img src="http://www.skinbox.net/demo/public/style_images/elegant/_custom/icon-social_twitter.png" alt=""> Follow Us on Twitter</a></li>
                <li><a href="http://www.facebook.com/page"><img src="http://www.skinbox.net/demo/public/style_images/elegant/_custom/icon-social_facebook.png" alt=""> Like Us on Facebook</a></li>
                <li><a href="http://www.youtube.com/page"><img src="http://www.skinbox.net/demo/public/style_images/elegant/_custom/icon-social_youtube.png" alt=""> Subscribe on Youtube</a></li>
             </ul>
                   </li>



    and replace with this


    Code:
                             
                    <nav id="menu">
                        <label for="menu_check" onclick>&nbsp;</label>
                        <ul>
                            <li id="nav_more" data-dropdown="" class="sb-dropdown-off"><a href="#">More <img src="http://www.skinbox.net/demo/public/style_images/elegant/useropts_arrow.png" alt=""></a>
                                <ul class="menu">
                <li><a href="http://www.twitter.com/username"><img src="http://www.skinbox.net/demo/public/style_images/elegant/_custom/icon-social_twitter.png" alt=""> Follow Us on Twitter</a></li>
                <li><a href="http://www.facebook.com/page"><img src="http://www.skinbox.net/demo/public/style_images/elegant/_custom/icon-social_facebook.png" alt=""> Like Us on Facebook</a></li>
                <li><a href="http://www.youtube.com/page"><img src="http://www.skinbox.net/demo/public/style_images/elegant/_custom/icon-social_youtube.png" alt=""> Subscribe on Youtube</a></li>
                              </ul>
                            </li>


    after that add this to your css


    Code:

    #menu {
        float: left;
        margin-top: -40px;                                           
    }
    #menu a {
        text-decoration: none;
    }
    #menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #menu > ul > li {
        float: left;
    }
    #menu ul li a {
        border-image: none;
        border-style: ;
        display: block;                                   
        font-size: 14px;
        height: 30px;
        line-height: 60px;
        color: white;                       
        padding: 11px 15px 10px;
        border-width: 0 1px 0 0; 
    }
                   
                                       
                                       
    /* dropdown menu */
    #menu ul ul {
        background: -webkit-linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
        background: -moz-linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
        background: linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#F4F4F4',GradientType=0 );

        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 1px 0 #FFFFFF inset;
        height: 0;
        margin-top: 10px;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        visibility: hidden;
        width: 250px;
        z-index: 1;

        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
    #menu ul  li:hover ul  {
        height: 125px;
        margin-top: 0\9;
        opacity: 1;
        visibility: visible;
    }
    #menu ul ul a {
        border-right-width: 0;
        border-top: 1px solid #D1D1D1;
        box-shadow: 0 1px 0 #FFFFFF inset;
        color: #444444;
        height: 24px;
        line-height: 24px;
        padding: 7px 12px;
        text-shadow: 0 1px 0 #FFFFFF;
    }
    #menu ul ul li:first-child a {
        border-top-width: 0;
     }

    https://socialacademy.forumotion.com
    #4

    Offlinemicul`wji

    micul`wji
     
    Member
    Member

    Posted Mon May 26, 2014 7:31 pm

     
    Thanks I solved

    You are a very good community continue with what you do.

    http://exiled.wow3.info/
    #5

    OfflineGrafix

    Grafix
     
    Management Team
    Management Team

    Posted Tue May 27, 2014 6:28 am

     
    Solved & Locked

    https://socialacademy.forumotion.com
    #6

    OfflineSponsored content


     

    Posted

     

    Message (Page 1 of 1)



      Share Topics Url

      Url
      BBcode
      HTML" />

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

       
      • Free forum | ©phpBB | Free forum support | Report an abuse | Forumotion.com


      Social Academy Forum
      1. FOLLOW US ON

      2.   Facebook

      3.   Twitter

      4.   Flickr

      5.   Youtube

      6.   Google

      1. SERVICES

      2. Premium Themes

      3. Menu Navigation

      4. Questions & Problems

      5. Skin Tutorials

      6. Theme Adaptation

      1. SUPPORT FORUM

      2. HTML - Ask Question & Problem

      3. CSS - Ask Question & Problem

      4. JAVASCRIPT - Ask Question & Problems

      5. Premium Tutorials - Ask Question & Problems

      6. Premium Theme - Ask Question & Problems

      1. FORUM FRIENDS

      2. FM Codes

      3. FMotion Graphics

      4. Eels MindanaoPH

      5. CyberMIX FM

      6. Forumotion

      © Social Academy 2013-2022