SocialAcademy • Forum

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



SocialAcademy • Forum » Support Section » Ask Question 's & Problems » Solved & Trash Files  →   [solved] menu widget shifted

[solved] menu widget shifted

Started by -

    • Please log in to Reply

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

    #1

    OfflineZikaZ

    ZikaZ
     
    Member
    Member

    Posted Sat Jun 14, 2014 10:43 pm

     
    Details:


    Hi,

    I installed this menu widget in my forum , but it is kinda shifted...Plz help




    code :




    Code:
    <style type="text/css">

    .arrowgreen{
      width: 100%; /*width of menu*/
      border-style: solid solid solid solid;
      border-color: black;
      border-size: 1px;
      border-width: 1px;
    }

    .arrowgreen ul{
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
      .arrowgreen li a:link, .arrowgreen li a:visited {
      color: #A1A1A1;
    text-decoration:none !important;
    }
     
    .arrowgreen li a{
      font: bold 9px Verdana, Arial, Helvetica, sans-serif;
      display: block;
      background: transparent url(http://i42.servimg.com/u/f42/17/32/93/44/menu3114.png) 100% 0;
      height: 28px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
      padding: 4px 0 4px 10px;
      line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
      text-decoration: none !important;
    } 
     

    .arrowgreen li a:hover{
      color: #AE4CFF;
      background-position: 100% -32px;
    text-decoration:none !important;
    }

     
    .arrowgreen li a.selected{
      color: #26370A;
      background-position: 100% -64px;
    }

    </style><script type="text/javascript">
    <!--
    function popup(url)
    {
     var width  = 500;
     var height = 600;
     var left  = (screen.width  - width)/2;
     var top    = (screen.height - height)/2;
     var params = 'width='+width+', height='+height;
     params += ', top='+top+', left='+left;
     params += ', directories=no';
     params += ', location=no';
     params += ', menubar=no';
     params += ', resizable=no';
     params += ', scrollbars=no';
     params += ', status=no';
     params += ', toolbar=no';
     newwin=window.open(url,'windowname5', params);
     if (window.focus) {newwin.focus()}
     return false;
    }
    // -->
    </script>
    <div class="arrowgreen">
       
       <ul>
          
          <li>
              <a href="http://narutowilloffire.4umotion.com/t1-your-first-subject">Guidebook</a>
          </li>
          
          <li>
              <a t1-your-first-subject"="" narutowilloffire.4umotion.com="" http:="" href="http://narutowilloffire.4umotion.com/t1-your-first-subject</a>
          </li>
          
          <li>
              <a href=">Introductions</a>
          </li>
          
          <li>
              <a href="http://narutowilloffire.4umotion.com/t1-your-first-subject">Official Art Shop</a>
          </li>
          
          <li>
              <a href="http://narutowilloffire.4umotion.com/t1-your-first-subject">Resources</a>
          </li>
          
          <li>
              <a href="http://narutowilloffire.4umotion.com/t1-your-first-subject">Duel Voting</a>
          </li>
          
          <li>
              <a href="http://narutowilloffire.4umotion.com/t1-your-first-subject">Staff Application</a>
          </li>
          
          <li>
              <a corners-bottom"="" href="http://narutowilloffire.4umotion.com/t1-your-first-subject</a>
          </li>
          
          <li>
             
          </li>
          
       </ul>
    </div><span class="><span></span></a>
          </li>
       </ul>
    </div>

    Screenshot:[solved] menu widget shifted Screen30
    Forum Address:http://narutowilloffire.4umotion.com/
    Forum Version:punbb

    #2

    OfflineJ0k3R^

    J0k3R^
     
    Advance Member
    Advance Member

    Posted Sun Jun 15, 2014 7:23 am

     
    1. find this class in your css:

    Code:
    .pun .main-content ul

    and remove from there the following code:

    Code:
    padding-left: 40px;

    if u cant find it, add to css:

    Code:
    .pun .main-content ul{padding-left: 0!important;}

    2. find this class:

    Code:
    .module .main-content

    and remove from there the following code:

    Code:
    padding: 1em;

    if u cant find it, add to css:

    Code:
    .module .main-content{padding: 0!important;}

    http://fmplanet.forumgreek.com
    #3

    OfflineZikaZ

    ZikaZ
     
    Member
    Member

    Posted Sun Jun 15, 2014 10:05 am

     
    Thanks , its solved !

    #4

    OfflineDustin

    Dustin
     
    Forum Helper
    Forum Helper

    Posted Sun Jun 15, 2014 3:09 pm

     
    Topic solved & archived.

    #5

    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