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 Problem

View previous topic View next topic Go down

Solved Menu Problem

Post by mouzou on Fri Apr 12, 2013 8:31 am

ok so i made a menu in my friend site , but when we put it all other widgets go straight at the bottom of the site , can someone tell me how to fix this ?

http://testforfuture.motionforum.net/


Last edited by mouzou on Fri Apr 12, 2013 2:37 pm; edited 1 time in total

mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

Solved Re: Menu Problem

Post by Sanket on Fri Apr 12, 2013 8:32 am

What is the code that you added?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Menu Problem

Post by mouzou on Fri Apr 12, 2013 8:52 am

Code:
<tr><td class="row1" align="left"><style type="text/css">

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

.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: #9d9a8c;
text-decoration:none !important;
}

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

   
.arrowgreen li a.selected{
   color: #fafafa;
   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://prorevolution.forumotion.co/t9-pro-revolution-academy-rules" target="_blank">Academy Rules</a></li>
<li><a href="http://prorevolution.forumotion.co/t3-pra-main-shop#6" target="_blank">Main Shop</a></li>
<li><a href="http://prorevolution.forumotion.co/f8-introductions" target="_blank">Introductions</a></li></ul></div></td></tr>

mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

Solved Re: Menu Problem

Post by Jophy on Fri Apr 12, 2013 9:28 am

I see only the 'recent topics' widget on the bottom, can try deleting and re-adding the widget?

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: Menu Problem

Post by Sanket on Fri Apr 12, 2013 9:29 am

Thats the code you added in the widget?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Menu Problem

Post by mouzou on Fri Apr 12, 2013 9:47 am

yes this it is , and i did remake this jophy.

mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

Solved Re: Menu Problem

Post by Sanket on Fri Apr 12, 2013 10:07 am

Add this to your css.
Code:
.arrowgreen{
  width: 100%; /*width of menu*/
  border-style: solid solid solid solid;
  border-color: #000000;
  border-size: 0px;
  border-width: 0px;
}

.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: #9d9a8c;
text-decoration:none !important;
}

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

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

Then make a new javascript, enable it for all pages.
Code:
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;
}

Now just add this bit of code to your widget.
Code:
<ul>
<li><a href="http://prorevolution.forumotion.co/t9-pro-revolution-academy-rules" target="_blank">Academy Rules</a></li>
<li><a href="http://prorevolution.forumotion.co/t3-pra-main-shop#6" target="_blank">Main Shop</a></li>
<li><a href="http://prorevolution.forumotion.co/f8-introductions" target="_blank">Introductions</a></li></ul>

Let me know if it works.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Menu Problem

Post by mouzou on Fri Apr 12, 2013 10:35 am

didn't work.

mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

Solved Re: Menu Problem

Post by Sanket on Fri Apr 12, 2013 10:36 am

My bad, i have missed something. Add this in your widget.
Code:
<div class="arrowgreen">
<ul>
<li><a href="http://prorevolution.forumotion.co/t9-pro-revolution-academy-rules" target="_blank">Academy Rules</a></li>
<li><a href="http://prorevolution.forumotion.co/t3-pra-main-shop#6" target="_blank">Main Shop</a></li>
<li><a href="http://prorevolution.forumotion.co/f8-introductions" target="_blank">Introductions</a></li></ul></div>

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Menu Problem

Post by mouzou on Fri Apr 12, 2013 2:15 pm

alright work , thnx Smile

mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

Solved Re: Menu Problem

Post by Sanket on Fri Apr 12, 2013 11:05 pm

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

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