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.

How can I change the menu buttons or the complete menu line?

View previous topic View next topic Go down

Solved How can I change the menu buttons or the complete menu line?

Post by NavyFlipper HUN on July 15th 2015, 7:46 am

Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Other
Who the problem concerns : Yourself
Forum link : http://projectcarsracing.hungarianforum.com

Description of problem

Hello Everybody!

Im pretty new forum creator. I got a problem in the past few days...please someone help me! Smile

[I want to change the menu buttons of my forum. I made new buttons by a button creator (.png images) and I also have a complet menu by this creator.
It is the new menu. I've tried to change the code in the css file but I have no imagine how could I do that. I tried to put the code into "index_body" and "overall_heater" files and also tried put into the "stylesheet" but nothing happened cuz I dont know which is the correct file and wich line is the correct for it.
I got this css code:

Code:
.result14569797 {
   text-align: left;
 


width: 1080px;
height: 24px;
position: relative;
   

 margin: 0px 0 0 0px;
 
 
 
 
 
 
 }


.result14569797 table.tabbar {
   position: absolute;
   width: auto;
   height: auto;
   top: 0px;
   left: 0px;
}

.result14569797 div {
   height: 24px;
   width: 120px;
}

.result14569797 div.button {
   background: url(menu22070401.png);
}

.result14569797 a {
   display:inline-block;
   width: 100%;
   height: 100%;
   text-decoration: none;
}


and this HTML code:
Code:
<link rel="stylesheet" href="14569797.css" type="text/css" />
<div class="result14569797">
 <table cellpadding="0" cellspacing="0" border="0" class="tabbar">
 <tr>
  <td valign="middle">
  <div id="b145697971" class="button" style="background-position: 0px -0px; " onmouseover="mOv14569797(1); " onmouseout="mOut14569797(1); ">
  <a href="http://projectcarsracing.hungarianforum.com/">
 
  </a>
  </div>
  </td>
  <td valign="middle">
  <div id="b145697972" class="button" style="background-position: 0px -24px; " onmouseover="mOv14569797(2); " onmouseout="mOut14569797(2); ">
  <a href="http://projectcarsracing.hu/" target="_blank">
 
  </a>
  </div>
  </td>
  <td valign="middle">
  <div id="b145697973" class="button" style="background-position: 0px -48px; " onmouseover="mOv14569797(3); " onmouseout="mOut14569797(3); ">
  <a href="https://www.facebook.com/pcrhungary" target="_blank">
 
  </a>
  </div>
  </td>
  <td valign="middle">
  <div id="b145697974" class="button" style="background-position: 0px -72px; " onmouseover="mOv14569797(4); " onmouseout="mOut14569797(4); ">
  <a href="http://projectcarsracing.hungarianforum.com/faq">
 
  </a>
  </div>
  </td>
  <td valign="middle">
  <div id="b145697975" class="button" style="background-position: 0px -96px; " onmouseover="mOv14569797(5); " onmouseout="mOut14569797(5); ">
  <a href="http://projectcarsracing.hungarianforum.com/search">
 
  </a>
  </div>
  </td>
  <td valign="middle">
  <div id="b145697976" class="button" style="background-position: 0px -120px; " onmouseover="mOv14569797(6); " onmouseout="mOut14569797(6); ">
  <a href="http://projectcarsracing.hungarianforum.com/memberlist">
 
  </a>
  </div>
  </td>
  <td valign="middle">
  <div id="b145697977" class="button" style="background-position: 0px -144px; " onmouseover="mOv14569797(7); " onmouseout="mOut14569797(7); ">
  <a href="http://projectcarsracing.hungarianforum.com/profile?mode=editprofile">
 
  </a>
  </div>
  </td>
  <td valign="middle">
  <div id="b145697978" class="button" style="background-position: 0px -168px; " onmouseover="mOv14569797(8); " onmouseout="mOut14569797(8); ">
  <a href="http://projectcarsracing.hungarianforum.com/privmsg?folder=inbox">
 
  </a>
  </div>
  </td>
  <td valign="middle">
  <div id="b145697979" class="button" style="background-position: 0px -192px; " onmouseover="mOv14569797(9); " onmouseout="mOut14569797(9); ">
  <a href="http://projectcarsracing.hungarianforum.com/login?logout=1&tid=71d43381feb58af82d2f9d2ac30599ba&key=761846">
 
  </a>
  </div>
  </td>
 </tr>
 </table>
</div>
<script type="text/javascript">
 function mOv14569797 (num) {
      document.getElementById("b14569797"+num).style.backgroundPosition = "-120px -"+(num-1)*24+"px";
   }
   function mOut14569797 (num) {
      document.getElementById("b14569797"+num).style.backgroundPosition = "0px -"+(num-1)*24+"px";
   }
</script>

Anyone could to help me please?
Thanks a lot in advance!
Sorry for my bad english but it's not my mother tongue! Smile
Regards! Navy


Last edited by NavyFlipper HUN on July 15th 2015, 8:29 pm; edited 1 time in total

NavyFlipper HUN
New Member

Male Posts : 5
Reputation : 1
Language : hungarian, english
Location : Finland

http://projectcarsracing.hungarianforum.com

Back to top Go down

Solved Re: How can I change the menu buttons or the complete menu line?

Post by NavyFlipper HUN on July 15th 2015, 5:32 pm

No idea?Sad

NavyFlipper HUN
New Member

Male Posts : 5
Reputation : 1
Language : hungarian, english
Location : Finland

http://projectcarsracing.hungarianforum.com

Back to top Go down

Solved Re: How can I change the menu buttons or the complete menu line?

Post by Pizza Boi on July 15th 2015, 6:31 pm

Hi Very Happy

You should disable your original navigation bar menu images via Display < Pictures Management.

Then again put the codes.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How can I change the menu buttons or the complete menu line?

Post by NavyFlipper HUN on July 15th 2015, 8:15 pm

Hei Pizza Boi!
Thanks for Your answer!

I did the same but my problem isnn't solved because the original "button" is still there as You can see the on picture



I would like to make it like this...


NavyFlipper HUN
New Member

Male Posts : 5
Reputation : 1
Language : hungarian, english
Location : Finland

http://projectcarsracing.hungarianforum.com

Back to top Go down

Solved Re: How can I change the menu buttons or the complete menu line?

Post by mpelmmc on July 15th 2015, 8:23 pm

Hello

If you need to change the text into images go to:
ACP => Display => Homepage => Headers & Navigation => Display only images in the Navbar => Yes

Greetings.

mpelmmc
Forumember

Male Posts : 139
Reputation : 12
Language : Spanish (100%), English (90%) and Google Translate.
Location : I go back and forth.

http://asistencia.foroactivo.com/forum

Back to top Go down

Solved Re: How can I change the menu buttons or the complete menu line?

Post by NavyFlipper HUN on July 15th 2015, 8:29 pm

wuuuhuuuuuu...It1s working! Very Happy It's a beautiful!bounce
Both of You are great!thumright
Thanks a lot!

NavyFlipper HUN
New Member

Male Posts : 5
Reputation : 1
Language : hungarian, english
Location : Finland

http://projectcarsracing.hungarianforum.com

Back to top Go down

Solved Re: How can I change the menu buttons or the complete menu line?

Post by SLGray on July 15th 2015, 9:30 pm

Topic solved and archived


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


SLGray
Administrator
Administrator

Male Posts : 36657
Reputation : 2443
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