Template problem

madmartigan

Active member
I wrote wrong i mean how can i add a box to the sidebar i have a teamspeak module i wanna know how i can put this module in a box?
 

Jake Bunce

XenForo moderator
Staff member
What is the teamspeak code that you have? If it's HTML or javascript code then you can paste it into the template.
 

madmartigan

Active member
Where do you want it to appear and can you post the html code?
I want it to appear on the sidebar i had it working before i uppdated but i dont remember how i got it working.
It gets vissible but i dont get the box around it on the sidebar.

Here it is:

Code:
<span id="its882631"><a href="http://www.instantteamspeak.com/">teamspeak server</a> Hosting by InstantTeamSpeak.com</span><script type="text/javascript" src="http://view.light-speed.com/teamspeak3.php?IP=ts3.northland-gaming.com&PORT=10547&QUERY=9994&UID=882631&display=block&font=11px&background=transparent&server_info_background=%23D8D8D8&server_info_text=%23000000&server_name_background=transparent&server_name_text=%23000000&info_background=transparent&channel_background=transparent&channel_text=%23000000&username_background=transparent&username_text=%23FF0000"></script>
 

borbole

Well-known member
I want it to appear on the sidebar i had it working before i uppdated but i dont remember how i got it working.
It gets vissible but i dont get the box around it on the sidebar.

Here it is:

Code:
<span id="its882631"><a href="http://www.instantteamspeak.com/">teamspeak server</a> Hosting by InstantTeamSpeak.com</span><script type="text/javascript" src="http://view.light-speed.com/teamspeak3.php?IP=ts3.northland-gaming.com&PORT=10547&QUERY=9994&UID=882631&display=block&font=11px&background=transparent&server_info_background=%23D8D8D8&server_info_text=%23000000&server_name_background=transparent&server_name_text=%23000000&info_background=transparent&channel_background=transparent&channel_text=%23000000&username_background=transparent&username_text=%23FF0000"></script>

I take it that you already know where to place the code. Try this:

HTML:
<div class="section visitorPanel">
    <div class="secondaryContent">
        <div class="visitorText">
            <h3>Teamspeak</h3>   
                <span id="its882631"><a href="http://www.instantteamspeak.com/">teamspeak server</a> Hosting by InstantTeamSpeak.com</span><script type="text/javascript" src="http://view.light-speed.com/teamspeak3.php?IP=ts3.northland-gaming.com&PORT=10547&QUERY=9994&UID=882631&display=block&font=11px&background=transparent&server_info_background=%23D8D8D8&server_info_text=%23000000&server_name_background=transparent&server_name_text=%23000000&info_background=transparent&channel_background=transparent&channel_text=%23000000&username_background=transparent&username_text=%23FF0000"></script>
        </div>
   
    </div>
</div>
The title of the box is harcoded. You can also use a language phrase if you want. By replacing:

HTML:
<h3>Teamspeak</h3>
with:

HTML:
<h3>{xen:phrase teamspeak_title}</h3>
Then create the teamspeak_title phrase and give it whatver value you want. You can change the name of the phrase if you want as well. That was as an example.
 

madmartigan

Active member
I take it that you already know where to place the code. Try this:

HTML:
<div class="section visitorPanel">
    <div class="secondaryContent">
        <div class="visitorText">
            <h3>Teamspeak</h3> 
                <span id="its882631"><a href="http://www.instantteamspeak.com/">teamspeak server</a> Hosting by InstantTeamSpeak.com</span><script type="text/javascript" src="http://view.light-speed.com/teamspeak3.php?IP=ts3.northland-gaming.com&PORT=10547&QUERY=9994&UID=882631&display=block&font=11px&background=transparent&server_info_background=%23D8D8D8&server_info_text=%23000000&server_name_background=transparent&server_name_text=%23000000&info_background=transparent&channel_background=transparent&channel_text=%23000000&username_background=transparent&username_text=%23FF0000"></script>
        </div>
 
    </div>
</div>
The title of the box is harcoded. You can also use a language phrase if you want. By replacing:

HTML:
<h3>Teamspeak</h3>
with:

HTML:
<h3>{xen:phrase teamspeak_title}</h3>
Then create the teamspeak_title phrase and give it whatver value you want. You can change the name of the phrase if you want as well. That was as an example.
Thank you verry much =)
 
Top