Multi-TP Blocks

akulion · December 17, 2006, 03:12:31 PM

oh im sorry i noticed a small error

change tabcontentstyle in the code to tabcontentstyle2

Also can you give a link so I can see whats happening?

skiller · December 17, 2006, 03:26:29 PM

Fixed! Thanks a lot Aku. yes, the bug was with the tabcontentstyle which i changed as you asked. This made the text move on to the next line, instead of poking out into the forums area.

one hint though: when using this code, need to select "Do not use title/frame" in the code block, and this makes the extended frame disappear, so instead the background of that multiple-TP block matches with that of the forum. anyway to make the background match that of the regular TP block Aku? (just a side guess, but grateful for the fix!)

akulion · December 17, 2006, 04:09:31 PM

ur welcome, glad u got it working. Ill also try and refine the code a bit more later on so that it picks up images from the theme being used.

kran1um · December 18, 2006, 12:01:28 AM

Quote
echo'
<head>
<link rel="stylesheet" type="text/css" href="tabcontent.css" />

<script type="text/javascript" src="tabcontent.js">

/***********************************************
* Tab Content script- Ã,Â© Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>
</head>

<ul id="maintab" class="shadetabs">
<li class="selected">
<a href="#" rel="tcontent1">User</li>
<li><a href="#" rel="tcontent2">Online</li>

</ul>

<div class="tabcontentstyle2">

<div id="tcontent1" class="tabcontent">';
TPortal_userbox();
echo'</div>

<div id="tcontent2" class="tabcontent">';
TPortal_statsbox();
echo'</div>

</div>

<script type="text/javascript">
//Start Tab Content script for UL with id="maintab" Separate multiple ids each with a comma.
initializetabcontent("maintab")
</script>';

Is what I used and the Tabs dont work for some reason, what did I do wrong?

skiller · December 18, 2006, 04:24:57 AM

did you paste the code in a phpbox? - any other and it wont work.

akulion · December 18, 2006, 05:24:56 AM

yup paste in a PHP box and be sure to place all the files provided in the 1st post in your forum root

Forum root is the base of the installation of SMF where you find all the folders for SMF like:
Themes
Sources
etc etc

kran1um · December 18, 2006, 05:51:01 AM

Awesome!! Can I do this with other things also, like shoutbox, themes??

akulion · December 18, 2006, 06:00:25 AM

yup u should be able to do it with all the Tiny Portal functions, here are:

TPortal_searchbox()
TPortal_themebox()
TPortal_shoutbox()

however getting multiple instances of the tabbed blocks working together is a bit tricky (explained in the install method 2)

kran1um · December 18, 2006, 06:52:48 AM

Okay those worked but I wanted a block that I actually added, like a Teamspeak block, but dont know what the 'TP' name is ..

EDIT: Okay it actually works in FireFox, but in IE it dont.

akulion · December 18, 2006, 10:18:52 AM

It works fine in IE, Opera and FF for me on both my sites, the demo page and the live site.

Which code are you trying to make it work with?

You can add your own blocks any content type as long s it is formatted correctly, so depends from code to code but the basic thing is to get your block content between this:

Code Select


<div id="tcontentX" class="tabcontent">
CONTENT CODE GOES HERE
</div>

Where X is the tab number

Since the original code uses a PHP function so I have used echo '';
but if it was plain html / script then no need for echo or for that matter even use of php.

Recent

User

Stats

Members

Stats

Users Online

Multi-TP Blocks

akulion

skiller

akulion

kran1um

skiller

akulion

kran1um

akulion

kran1um

akulion

This website is proudly hosted on Crocweb Cloud Website Hosting.