TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

User

Welcome to TinyPortal. Please login or sign up.

Stats

Members
  • Total Members: 3,963
  • Latest: BiZaJe
Stats
  • Total Posts: 195,917
  • Total Topics: 21,308
  • Online today: 884
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 0
  • Guests: 408
  • Total: 408

ITS HERE!!! Yahoo styled tabbed content

Started by akulion, August 30, 2006, 09:18:55 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages 1 ... 8 9 10 ... 13
User actions

knat

#80
November 21, 2006, 07:53:33 AM
you can use the shade.gif as titlebg.gif on the rest of your site to get it to mach.. i did that  8)

or visa versa you can use you titlebg.gif insted of that shade.gif  ;)

Or you can just make your own little gradient gif to match your forum  ;D

4thHorseman

#81
November 21, 2006, 02:17:39 PM Last Edit: November 21, 2006, 02:33:02 PM by 4thHorseman
Yes that is good, but to center it just do this,
edit the:
  tabcontent.css
Quotefind   
text-align: center; /*set to left, center, or right to align the menu as desired*/

its about 8 lines down

then edit your text and put <center>,</center> comands in like this,
oh and you don't have to use the head and body tags, it will work fine without.

Quote<head>
<link rel="stylesheet" type="text/css" href="http://your site.com/forum/tabs/tabcontent.css" />

<script type="text/javascript" src="http://yoursite.com/forum/tabs/tabcontent.js">

</script>
</head>
<body>

<center>

<ul id="maintab" class="shadetabs">
<li class="selected"><a href="#" rel="tcontent1">Tab 1</a></li>
<li><a href="#" rel="tcontent2">Tab 2</a></li>
<li><a href="#" rel="tcontent3">Tab 3</a></li>
<li><a href="#" rel="tcontent4">Tab 4</a></li>
<li>Link 1</li>
</ul>

<div class="tabcontentstyle">

<div id="tcontent1" class="tabcontent">
<p>Content 1</p>
</div>

<div id="tcontent2" class="tabcontent">
<p>Content 2</p>
</div>

<div id="tcontent3" class="tabcontent">
<p>Content 3</p>
</div>

<div id="tcontent4" class="tabcontent">
<p>Content 4</p>
</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>

</center>
</body>

That will center it in the page.


now to make the center blocks bigger just put your info into a table and make the with what you want "i use 600 pixs wide

Quote<table border="0" width="600" id="table1" cellspacing="0" cellpadding="0">
<p>Content 1</p>
</table>

http://unrealhorsemen.com

brianjw

#82
November 21, 2006, 11:16:04 PM
You are using BBC in your code 4th Horsemen. It's not the right code.

Assistance

#83
November 22, 2006, 12:02:53 AM
i think he did that to show people that is where u put your ..url

brianjw

#84
November 22, 2006, 02:36:51 AM
btw i tried doing with the center tags and it centered it but also centered all the little div parts that i didnt want to be centered more like left or right ;)

samo_zin123

#85
September 16, 2007, 12:29:47 AM
how to embed  afunction inside it 
like umm
ssi_recentTopics();

or
ssi_topTopicsReplies();

samo_zin123

#86
September 16, 2007, 03:15:34 AM
how can u add involve another block under any button on this table
i saw that table in that path to peace site each button of the table contian adifferent blick
like
random images
random arcade
...etc

IchBin

#88
September 22, 2007, 04:05:58 AM
Why would you post for support on your problem in another persons topic that is totally not related?

samo_zin123

#89
September 22, 2007, 12:34:59 PM Last Edit: September 22, 2007, 01:53:11 PM by samo_zin123
not releated?
how come ?
this is the code of the table u were talking about
i want support in the this topic we are in
any way i  deleted my posts here cuz u find them not related



Print
Go Up Pages 1 ... 8 9 10 ... 13
User actions

This website is proudly hosted on Crocweb Cloud Website Hosting.