Tribe - more buttons....

Desperandos

Hi,

I am new here and i have a question (i have search for similar post but i didnt find any for Tribe template):

How can i add two more buttons with the hover effects, i have allready design them 2 for Casino, and the other 2 for Arcade...
The 4 files are arcade_b.jpg | arcade_y.jpg and casino_b.jpg | casino_y.jpg.

Thanks in advaced

Desperandos

Ok i have made it BUT PLEASE CORRECT ME IF WRONG.

In "Additional CSS Definitions" i add the following code add for the Hover buttons

Code:

.m_casino          { background: url(/designs/tribe/casino_b.jpg);}
.m_casino a:hover  { background: url(/designs/tribe/casino_y.jpg);}
.m_arcade          { background: url(/designs/tribe/arcade_b.jpg);}
.m_arcade a:hover  { background: url(/designs/tribe/arcade_y.jpg);}

And at "Header"

Above this code:

Code:

li class="m_calendar"><a class="m_calendar" href="calendar.php?$session[sessionurl]" title="$vbphrase[faq]"><span>$vbphrase[calendar]</span></a></li>

Add this code

Code:

<li class="m_casino"><a class="m_casino" href="gameroom.php?$session[sessionurl_q]"</a></li>
	   <li class="m_arcade"><a class="m_arcade" href="arcade.php?$session[sessionurl_q]"</a></li>

Just check it if is OK
Thanks

*Christian*

You code a not correct:

"Additional CSS Definitions"

Code:

.m_casino, .m_arcade, .m_forum, .m_usercp, .m_faq, .m_member, .m_calendar, .m_npost, .m_hpost, .m_search, .m_register, .comm  { height:33px;width:90px;float:left;display:block }

header template:

Code:

<li class="m_casino"><a class="m_casino" href="gameroom.php?$session[sessionurl_q]"><span>Casino</span></a></li>
<li class="m_arcade"><a class="m_arcade" href="arcade.php?$session[sessionurl_q]"><span>Arcade</span></a></li>

Desperandos

Quote:

Originally Posted by Christian

You code a not correct:

"Additional CSS Definitions"

Code:

.m_casino, .m_arcade, .m_forum, .m_usercp, .m_faq, .m_member, .m_calendar, .m_npost, .m_hpost, .m_search, .m_register, .comm { height:33px;width:90px;float:left;display:block }

header template:

Code:

<li class="m_casino"><a class="m_casino" href="gameroom.php?$session[sessionurl_q]">Casino</a></li> <li class="m_arcade"><a class="m_arcade" href="arcade.php?$session[sessionurl_q]">Arcade</a></li>

Thanks for the reply..

i remove the because i dont want to display text with image button.
As for the

Code:

.m_casino, .m_arcade, .m_forum, .m_usercp, .m_faq, .m_member, .m_calendar, .m_npost, .m_hpost, .m_search, .m_register, .comm  { height:33px;width:90px;float:left;display:block }

I have allready done it but i forget to mention.

i also have forget the following (marked with red)

Code:

<li class="m_casino"><a class="m_casino" href="gameroom.php?$session[sessionurl_q]"></a></li>
<li class="m_arcade"><a class="m_arcade" href="arcade.php?$session[sessionurl_q]"></a></li>

Thanks again mate