vb.org Archive - Chatbox in the header?

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=251)

- - Chatbox in the header? (https://vborg.vbsupport.ru/showthread.php?t=244033)

JohnnyNorCal

06-06-2010 03:03 AM

Chatbox in the header?

Hi There,

Every year I purchase the rights to a chatbox (shoutmix.com).

I would like to be able to insert this "chatbox" at the top of my website on every page (Homepage, Forums, etc)

My Question is this, Shoutmix gives me a code to insert into the html source code but I am not sure where to place the code to get it to show up where I want it. Where would I place this code?

I want my chatbox to appear just below the Main Logo in the heading area. Right now I have the vBulletin Logo but will be replacing this with a banner soon). Basically I want my chatbox to appear just below the vBulletin Logo, which would be just sitting above the Navigation Bar.

Most likely this code would be placed in the header area or headinline area in the "styles manager" of the admin cp. But there is a lot of code there and i'm not sure where exactly to place my code.

If anyone has some advanced coding experience I could use your help.

borbole

06-06-2010 10:44 AM

Quote:

Originally Posted by JohnnyNorCal (Post 2049074)

It would help if you posted the code that they gave you and a screnshot of the area where you want to add it.

Xencored

06-06-2010 11:29 AM

Quote:

Originally Posted by borbole (Post 2049212)

It would help if you posted the code that they gave you and a screnshot of the area where you want to add it.

Agreed

Just saying you want to add it Here etc.. not very helpful :)

JohnnyNorCal

06-10-2010 04:43 AM

1 Attachment(s)

I could see how that could help, sorry about that!

Here is the iframe code...

Code:

<!-- Begin ShoutMix - http://www.shoutmix.com -->

<iframe title="hotspotcafe" src="http://www6.shoutmix.com/?hotspotcafe" width="160" height="400" frameborder="0" scrolling="auto">

<a href="http://www6.shoutmix.com/?hotspotcafe">View shoutbox</a>

</iframe>

<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />

<!-- End ShoutMix -->

And attached is the area I want it to be located on all pages. Just below the logo and above the navbar in the header area. Obviously it will stretch my headers height.

I just need to know where to place the code?

borbole

06-10-2010 01:26 PM

1 Attachment(s)

Quote:

Originally Posted by JohnnyNorCal (Post 2051378)

I could see how that could help, sorry about that!

Here is the iframe code...

Code:

<!-- Begin ShoutMix - http://www.shoutmix.com -->

<iframe title="hotspotcafe" src="http://www6.shoutmix.com/?hotspotcafe" width="160" height="400" frameborder="0" scrolling="auto">

<a href="http://www6.shoutmix.com/?hotspotcafe">View shoutbox</a>

</iframe>

<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />

<!-- End ShoutMix -->

At the header template find the following code:

HTML Code:

<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>

And right after it, add this code:

HTML Code:

<br /><br /><br /><br /><div><!-- Begin ShoutMix - http://www.shoutmix.com -->

<iframe title="hotspotcafe" src="http://www6.shoutmix.com/?hotspotcafe" width="160" height="100" frameborder="0" scrolling="auto">

<a href="http://www6.shoutmix.com/?hotspotcafe">View shoutbox</a>

</iframe>

<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />

<!-- End ShoutMix --></div>

I changed the height because the way you had it, it would have blown the header way out of propotion. Here can be seen the end result witht he shoutbox right under the logo as you wanted it. Hope it helps.

your24hourstore

06-10-2010 05:53 PM

Quote:

Originally Posted by borbole (Post 2051547)

At the header template find the following code:

HTML Code:

<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div

And right after it, add this code:

HTML Code:

<br /><br /><br /><br /><div><!-- Begin ShoutMix - http://www.shoutmix.com -->

<iframe title="hotspotcafe" src="http://www6.shoutmix.com/?hotspotcafe" width="160" height="100" frameborder="0" scrolling="auto">

<a href="http://www6.shoutmix.com/?hotspotcafe">View shoutbox</a>

</iframe>

<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />

<!-- End ShoutMix --></div>

left off the closeing >

HTML Code:

<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>

borbole

06-10-2010 07:00 PM

Thanks for correcting my typo :) Updated the post with the closing angel bracket.

JohnnyNorCal

06-10-2010 10:02 PM

Thanks so much for your help, I really appreciate it.

Most likely I'll be changing the dimensions a bit, the dimensions I posted originally were just the default set.

Now what if I wanted to center it?

I'm not sure if I want the chat box to be centered with absolute dimensions or if I want it to be liquid and stretch with the users browser size. But if I did want absolute dimensions, is there a way to center it?

Thanks again guys, your a real help!

borbole

06-18-2010 02:30 PM

Quote:

Originally Posted by JohnnyNorCal (Post 2051753)

Yes, of course you can center it. Use this code to do it:

HTML Code:

<br /><br /><br /><br /><div style="text-align:center"><!-- Begin ShoutMix - http://www.shoutmix.com -->

<iframe title="hotspotcafe" src="http://www6.shoutmix.com/?hotspotcafe" width="160" height="100" frameborder="0" scrolling="auto">

<a href="http://www6.shoutmix.com/?hotspotcafe">View shoutbox</a>

</iframe>

<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />

<!-- End ShoutMix --></div>

All times are GMT. The time now is 04:46 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01061 seconds Memory Usage 1,758KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (6)bbcode_html_printable (5)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (9)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: