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.

Menu Help

View previous topic View next topic Go down

Solved Menu Help

Post by Kite Trojan on March 21st 2014, 12:01 am

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

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

.arrowgreen ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
  
.arrowgreen li a{
  font: bold 12px 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: 24px; /*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:link, .arrowgreen li a:visited {
  color: #D9D6D6;
text-decoration:none !important;
}

.arrowgreen li a:hover{
  color: #AFEEEE;
  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 title="Announcements" href="http://galacticda.forumotion.com/f2-annoucements">Announcements</a> 
      </li>
       
      <li>
         <a title="Introductions 
" href="http://galacticda.forumotion.com/f4-introductions-and-farewells">Introductions </a> 
      </li>
       
      <li>
         <a title="Supreme Market
" href="http://galacticda.forumotion.com/f7-supreme-market">Supreme Market</a> 
      </li>
       
      <li>
         <a title="Entrance Test Results
" href="http://galacticda.forumotion.com/f1-test-results">Test Results</a> 
      </li>
       
      <li>
         <a title="Classrooms
" "="" href="http://galacticda.forumotion.com/f3-classrooms">Classrooms</a> 
      </li>
       
      <li>
         <a title="Staff
" "="" href="http://galacticda.forumotion.com/h1-staff-application">Staff Application</a> <a title="Posting Rewards
" href="http://galacticda.forumotion.com/t31-gda-s-posting-rewards-sheet">Posting Rewards</a> <a title="Invite New Members!
" "="" href="http://galacticda.forumotion.com/t24-invite-new-members">Invite New Members!</a> 
      </li>
       
   </ul>
</div>

I am using this for my forum, but it is not working properly. Here is my forum link: http://newduelistda.freeforum.bz/


Last edited by Kite Trojan on March 21st 2014, 12:13 am; edited 1 time in total
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: Menu Help

Post by Ange Tuteur on March 21st 2014, 12:04 am

Hello Kite Trojan,

Add this to your CSS :
Administration panel > display > colors > CSS stylesheet
Code:
.arrowgreen ul { padding-left:0 !important; }
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2879
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Menu Help

Post by Kite Trojan on March 21st 2014, 12:05 am

Thanks Ange, but could you make it fit the whole widget box:http://newduelistda.freeforum.bz/
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: Menu Help

Post by Ange Tuteur on March 21st 2014, 12:09 am

You'll need to remove the padding from your modules :
Code:
.module .main-content { padding:0; }
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2879
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Menu Help

Post by Kite Trojan on March 21st 2014, 12:11 am

Thanks Ange!
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: Menu Help

Post by Ange Tuteur on March 21st 2014, 12:16 am

You're welcome :rose:

Topic solved and archived
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2879
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

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