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 *Judgment Dragon* on September 1st 2013, 3:00 pm

Hi I was wondering if anyone could help me with this widget problem I have?
I want to make a menu widget like on this academy ---> http://heavensduelacademy.forumotion.com/
I was wondering if anyone new how? I know to create a new widget I just don't know what code to use.
Any help?

Kthanksbi.


Last edited by *Judgment Dragon* on September 1st 2013, 9:40 pm; edited 1 time in total

*Judgment Dragon*
Forumember

Posts : 95
Reputation : 1
Language : English

Back to top Go down

Solved Re: Menu help.

Post by Ikerepc on September 1st 2013, 6:21 pm

HTML code. Writte what you want, and I will writte that code for you.

Ikerepc
Active Poster

Male Posts : 1114
Reputation : 152
Language : Croatian, HTML, CSS, jQuery, JavaScript, PHP, SQL, Bascom, Python, C, FBD & LAD for PLC and more... Little English :D
Location : Around electronics and progmamming ;)

http://help.forumotion.com

Back to top Go down

Solved Re: Menu help.

Post by Sir Chivas™ on September 1st 2013, 6:45 pm

Hi,

Moved to Scripts & Coding problems.

Insert this code into your module (widget):
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 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:link, .arrowgreen li a:visited {
  color: #A1A1A1;
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="URL_here">Title Here</a></li>
<li><a href="URL_here">Title Here</a></li>
  <li><a href="URL_here">Title Here</a></li>
<li><a href="URL_here">Title Here</a></li>
<li><a href="URL_here">Title Here</a></li>
<li><a href="URL_here">Title Here</a></li>
<li><a href="URL_here">Title Here</a></li>
<li>
  </li></ul>
</div>
<span class="corners-bottom"><span></span></span></div>
Replace your titles with "Title Here" & replace the URL's with "URL_here." That'll be it. You can also change the colors of font, etc.. If you need help doing so, I'll be here.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Menu help.

Post by *Judgment Dragon* on September 1st 2013, 9:33 pm

Thank you, this helped me a lot.

*Judgment Dragon*
Forumember

Posts : 95
Reputation : 1
Language : English

Back to top Go down

Solved Re: Menu help.

Post by SLGray on September 1st 2013, 11:06 pm

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36691
Reputation : 2445
Language : English
Location : United States

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