Flashchat Link in Navbar

Tilsim

I want to include Flashchat link in the navbar instead of the register link which is placed to the right side.

Normally I would add this tag to the template:

<td class="vbmenu_control"><a href="chat/flashchat.php"
target="flashchat">Flashchat</a></td>

Now I've prepared my buttons c_flashchat.jpg and ch_flashchat.jpg for flashchat with the same size as c_register.jpg and ch_register.jpg

I can change

.c_register_right{ background:url(/designs/cyborg-dark/c_register.jpg);float:right;display:block; width:86px; height:33px; }
.c_register_right a:hover{ background:url(/designs/cyborg-dark/ch_register.jpg); }

to

.c_flashchat{ background:url(/designs/cyborg-dark/c_flashchat.jpg);float:right;display:block; width:86px; height:33px; }
.c_flashchat a:hover{ background:url(/designs/cyborg-dark/ch_flashchat.jpg); }

and

.c_user_cp span, .c_register span, .c_member span, .c_calendar span, .c_faq span, .c_search span, .c_new_posts span, .c_menu span, .c_daily_posts span, .c_log_out span, .c_register_right span{display:none;}

to

.c_user_cp span, .c_register span, .c_member span, .c_calendar span, .c_faq span, .c_search span, .c_new_posts span, .c_menu span, .c_daily_posts span, .c_log_out span, .c_flashchat span{display:none;}

but

what will I write for

<div class="c_register_right"><a class="c_register_right" href="register.php?$session[sessionurl]" title="$vbphrase[register]"><span>$vbphrase[register]</span></a></div>

in the red tags

<div class="c_register_right"><a class="c_register_right" href="register.php?$session[sessionurl]" title="$vbphrase[register]"><span>$vbphrase[register]</span></a></div>

Thank you

*Christian*

Make it so:

Code:

.c_flashchat a:link, .c_flashchat a:visited{ background:url(/designs/cyborg-dark/c_flashchat.jpg);float:right;display:block; width:86px; height:33px; }

Tilsim

When I add your tag to the file all background pictures have disappeared.

What I want to do is:

I want to add a button near calendar or search buttons in the navbar.

Only members will see this button.

c_flashchat.jpg and ch_flashchat.jpeg (86px-33px) buttons are in designs/cyborg-dark folder.

When a member clicks this button, chat/flashchat.php popup will be opened. (Without entering the username and password again, the program accepts the user to the chatroom directly.)

Could you please help me about what to do ?

*Christian*

Make it so:

Template Headinclude add:

Code:

<script type="text/javascript">
<!--
function popup(theURL,winName,features){ //v2.0 
windowstart=window.open(theURL,winName,features); 
windowstart.focus(); 
}
 -->
</script>

and template header:

Code:

<if condition="show[member]">
<div class="c_flashchat"><a class="c_flashchat" href="javascript:popup('chat.php','','width=500,height=650,left=100,top=100,scrollbars=yes,resizable=yes');" title="Chat"><span>Chat</span></a></div>
</if>

Tilsim

Christian, it worked thank you.

But not as a button, a link came ON the center picture which originally has a link to Home. So the beauty of the cyborg-dark style vanishes.

I'm trying to place my button near calendar or search buttons.

When I write

.c_flashchat{ background:url(/designs/cyborg-dark/c_flashchat.jpg);float:left;display:block; width:86px; height:33px; }
.c_flashchat a:hover { background:url(/designs/cyborg-dark/ch_flashchat.jpg); }

to the /** Header & Navigation **/

all the background pictures disappear.

*Christian*

Have you add this?

Code:

.c_user_cp span, .c_register span, .c_member span, .c_calendar span, .c_faq span, .c_search span, .c_new_posts span, .c_menu span, .c_daily_posts span, .c_log_out span, .c_flashchat span{display:none;}