The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Generalities

View previous topic View next topic Go down

Generalities

Post by delicious on January 3rd 2013, 6:05 pm

Hello Smile
I have a trouble Sad I want do this:

this table. I have a all code, but tabs don't push, don't move to the next page (tab).
this is that forum url: http://theindustryx.proboards.com/index.cgi
please help me Sad

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Re: Generalities

Post by runawayhorses on January 4th 2013, 12:59 am

Did you link the tabs to the pages you want them to go to?

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: Generalities

Post by nextlevelgaming on January 4th 2013, 1:34 am

yes like runaway said, if they have an a href tag then you will need to do target="framename" give the iframe an id="framename" and everything should work fine.

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Generalities

Post by delicious on January 4th 2013, 10:27 am

I have this code:
Code:
<style type="text/css">
.tab
{
margin-top: 3px;
/* Change #000000 below to your table border colour. */
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
/* Change #ffffff below to your link/tab colour. Do NOT remove "!important". */
color: #ffffff !important;
margin-bottom: 0px;
padding: 4px;
display: inline-block;
/* Have mercy on me for using such awful positioning. */
position: relative;
top: 2px;
}

.activetab
{
/* Change #000000 below to your tab background colour. */
background-color: #ffffff;
/* Change #000000 below to your active link/tab colour. Do NOT remove "!important". */
color: #000000 !important;
}

.tabholder
{
/* If you don't want your tabs to scroll, remove the overflow-y definition below. */

/* Adjust the height as you want. */
height: 320px;
padding: 0px;
}
</style>
<table align="center" border="0" width="720" cellspacing="0" cellpadding="0" bgcolor="000000" style="border: 1px solid 827f92;">
<tbody><tr>
<td>
<table cellspacing="0" border="0" width="100%">
<tbody><tr>
<td width="100%" class="titlebg" bgcolor="#F8F5F3" style="text-align: center;">
<a href="javascript:void(0);" onclick="lite_show_tab(this, 1);" class="tab activetab" id="link1">NEWS &amp; UPDATES</a>
<a href="javascript:void(0);" onclick="lite_show_tab(this, 2);" class="tab" id="link2">EVENTS CALENDAR</a>
<a href="javascript:void(0);" onclick="lite_show_tab(this, 3);" class="tab" id="link3">IN PRODUCTION</a>
<a href="javascript:void(0);" onclick="lite_show_tab(this, 4);" class="tab" id="link4">SPOTLIGHTS</a>
</td>
</tr>
<tr>
<td width="100%" class="windowbg" bgcolor="#F8F5F3">
<div class="tabholder">
<div id="tab1" style="display: block;">

<div style="width:720px; height:320px; background-image: url('http://i48.tinypic.com/qzf01x.jpg'); border-width:0px; border-color:none; border-style: none;">

<br><br><span style="font-family: arial; font-style:italic; font-size:35px; text-transform:none; letter-spacing:-1; color: #493a5b; text-shadow: 0px 2px #a2a2a2; text-transform: uppercase; position: relative; left:45px; line-height:0%">news &amp; updates</span><br><br><br>
 
<div style="width:380px; height:230; padding:10px; position: relative; left:45px; top: -5px; overflow-y: auto; background-color: #e5e4ec; text-transform: none; font-size:10px; letter-spacing: 1px; text-align: left;">

<div style="background-color:none; font-family: arial; color:#ffffff; font-size:11px; text-shadow:#000000 1px 1px 1px; letter-spacing: 3px; text-align: left; text-transform: uppercase; padding-top: 3px;">31 OCTOBER</div><br>
- Hey everyone! Welcome to OCTOBER on The Industry.<br>
- For those of you that have been around, you might have noticed some changes.  We are under (semi) new management: the admins are now Jen, Cookie, and RIta. We are working hard to bring some new things to the site and boost activity. If you have any ideas or suggestions we'd love to hear them  Shoot us a PM.  We've got some things planned so be on the look out for them.<br>
- Please join us in thanking Anna for the beautiful new layout!  If you haven't already, make sure you switch your skin to 'On Set (purple)'.  Be sure to tell Anna thanks!<br>
- Be sure to tell your friends about our wonderful site.  Visit the advertisement board for our ad and post it EVERYWHERE!<br>
- Last but not least, WELCOME to new members, guests, and visitors.  Take a look around and let any of us know if you have any questions.  We'd love to have you as a part of our TI family!<br>

<br>
 
 
</div></div>

</div>
<div id="tab2" style="display:none;">

<div style="width:720px; height:320px; background-image: url('http://i46.tinypic.com/2rg2qzk.jpg'); border-width:0px; border-color:none; border-style: none;">

<br><br><span style="font-family: arial; font-style:italic; font-size:35px; text-transform:none; letter-spacing:-1; color: #493a5b; text-shadow: 0px 2px #a2a2a2; text-transform: uppercase; position: relative; left: 275px; line-height:0%">september calendar</span><br><br><br>
 
<div style="width:380px; height:230; padding:10px; position: relative; top: -5px; left: 275px; overflow-y:auto; background-color: #e5e4ec; text-transform: none; font-size:10px; letter-spacing: 1px; text-align: left;">
<br>
<b>6th Thursday</b> <br>
<b>Toronto Film Festival</b> begins in Toronto, Canada. <br>
The <b>2012 MTV Video Music Awards</b> in Downtown Los Angeles. <br>
<br>
<b>7th Friday</b> <br>
<b>Just Sitting</b> is released in theaters nationwide. <br>
<b>The Cold Light of Day</b> is released in theaters nationwide. <br>
<b>The Words</b> is released in theaters nationwide. <br>
<br>
<b>14th Friday</b> <br>
<b>Resident Evil: Retribution</b> is released in theaters nationwide. <br>
<b>Ruthless Warrior</b> is released in theaters nationwide. <br>
<b>Finding Nemo 3D</b>  is released in theaters nationwide. <br>
<b>The Perks of Being A Wallflower</b> is released in limited theaters. <br>
<br>
<b>16th Sunday</b> <br>
<b>Toronto Film Festival</b> concludes in Toronto, Canada. <br>
<br>
<b>23rd Sunday</b> <br>
The <b>64th Annual Primetime Emmy Awards</b> in Downtown Los Angeles<br>
<br>
<b>28th Friday</b> <br>
<b>Hotel Transylvania</b> is released in theaters nationwide. <br>
<b>Looper</b> is released in theaters nationwide. <br>
<b>Pitch Perfect</b> is released in limited theaters. <br>
<b>Won't Back Down</b> is released in theaters nationwide. <br>
<br>
 
</div></div>

</div>
<div id="tab3" style="display:none;">

<div style="width:720px; height:320px; background-image: url('http://i46.tinypic.com/30dkrgh.jpg'); border-width:0px; border-color:none; border-style: none;">

<br><br><span style="font-family: arial; font-style:italic; font-size:35px; text-transform:none; letter-spacing:-1; color: #493a5b; text-shadow: 0px 2px #a2a2a2; text-transform: uppercase; left: 25px; position: relative; line-height:0%">films &amp; tv shows</span><br><br><br>

<table style="width:400px; height:230; margin-top:-5px; left: 25px; position: relative;"><tbody><tr><td valign="top"><div style="width:200px; height:230; overflow-y:auto; padding:10px; background-color: #e5e4ec; text-transform: none; font-size:10px; letter-spacing: 1px; text-align: left;">

<center><span style="font-family:arial; font-style:italic; font-size:25px; text-transform:bold; letter-spacing:-1; text-transform: uppercase;">FILMS</span></center><br>
<b><u>PRE-PRODUCTION</u></b><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=upcomingfilms&amp;action=display&amp;thread=11055">Sailor Moon (2013)</a><br>
<br>

<b><u>FILMING</u></b><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=filming&amp;action=display&amp;thread=10977">The Adelheid (2013)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=filming&amp;action=display&amp;thread=11227">The Choice (2013)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=filming&amp;action=display&amp;thread=10978">Secret Safe (2013)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=filming&amp;action=display&amp;thread=10979">Switch (2013)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=filming&amp;action=display&amp;thread=9818">Shut Up and Drive (2012)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=filming&amp;action=display&amp;thread=10230">The Impossible Planet (2012)</a><br>
<br>

<b><u>POST-PRODUCTION</u></b><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=10486">A Stupid Apology (February 2013)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=9226">Closer (5 November 2012)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=10983">Dog Days (23 August 2013)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=10981">Due Date (15 February 2013)</a>
<br>
<a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=9225">Killing the Past ( 19 October 2012)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=10980">One Step Too Far (7 June 2013)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=10980">Seven Years of Solitude (1 February 2013)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=9227">Water Battle (19 October 2012)</a><br>
<br>

<b><u>RELEASED THIS MONTH</u></b><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=9967">Just Sitting (7 September 2012)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=postproduction&amp;action=display&amp;thread=9229">Ruthless Warrior (14 September 2012)</a><br>
<br>
</div>
</td>
<td valign="top"><div style="width:200px; height:230; overflow-y:auto; padding:10px; background-color: #e5e4ec; text-transform: none; font-size:10px; letter-spacing: 1px; text-align: left;">

<center><span style="font-family:arial; font-style:italic; font-size:25px; text-transform:bold; letter-spacing:-2; text-transform: uppercase;">TELEVISION</span></center><br>
<b><u>ON AIR</u></b><br>
<br><b>ABC</b><br>

<br><b>CBS</b><br>

<br><b>NBC</b><br>

<a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10987">Laugh Out Loud (LOL!) (NBC)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10355">Roomates (NBC)</a><br>

<br><b>FOX</b><br>

<a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=9633">SKIN DEEP (FOX)</a><br>

<br><b>THE CW</b><br>

<a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10993">Being Sinclair (The CW)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=9059">Enslaved (The CW)</a><br>

<br><b>HBO</b><br>

<br>

<b><u>FILMING</u></b><br>

<a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10360">COOKING (HBO)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10359">JUSTICE LEAGUE (FX)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10986">PROCEED WITH CAUTION (HBO)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10985">SAVING HOPE (ABC)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10350">THE RESSURECTION (SYFY)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=10984">WE WERE SOLDIERS (FX)</a><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=5951">ZEROES (FOX)</a><br>

<br><br>

<b><u>HIATUS</u></b><br>
<a href="http://theindustryx.proboards.com/index.cgi?board=television&amp;action=display&amp;thread=8436">THE SWINGING CITY (HBO)</a><br>

<br>
</div>
</td>
</tr></tbody></table>

</div>

</div>
<div id="tab4" style="display:none;">

<div style="width:720px; height:320px; background-image: url('http://i48.tinypic.com/orqt5t.jpg'); border-width:0px; border-color:none; border-style: none; text-align: center;">

<br><br><span style="font-family: arial; font-style:italic; font-size:35px; text-transform:none; letter-spacing:-1; color: #493a5b; text-shadow: 0px 2px #a2a2a2; text-transform: uppercase; position: relative; line-height:0%">spotlights</span><br><br><br>

<marquee scrolldelay="100"> <img src="http://i45.tinypic.com/2epimpv.jpg" border="0"> <img src="http://i50.tinypic.com/23m6g7a.jpg" border="0"> <img src="http://i47.tinypic.com/24kxwn4.jpg" border="0"> <img src="http://i50.tinypic.com/2r41kyv.jpg" border="0">  </marquee>
 
</div></div>

</div>

</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
\
when i put it in generalities it's works, but don't slide tab (does not move to the next page) Sad

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Re: Generalities

Post by delicious on January 5th 2013, 8:11 pm

bump..

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Re: Generalities

Post by nextlevelgaming on January 5th 2013, 9:41 pm

You have HTML and CSS but wheres the javascript?

Code:
onclick="lite_show_tab(this, 4);
that there is calling for a function that is in a javascript so if you don't have the javascript then this will not work

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Generalities

Post by delicious on January 6th 2013, 8:33 am

Then now what placed to javascript?

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Re: Generalities

Post by nextlevelgaming on January 6th 2013, 8:47 am

If you have the JavaScript place it in js management

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Generalities

Post by delicious on January 6th 2013, 12:28 pm

Nothning change when I place it (<script>onclick="lite_show_tab(this, 4);</script> Sad

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Re: Generalities

Post by nextlevelgaming on January 6th 2013, 7:38 pm

LOL no that is an inline function. There should be JavaScript to go with it

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Generalities

Post by PENSAR. on January 6th 2013, 7:56 pm

This is a proboards forum.. should this cause a problem?

PENSAR.
Forumember

Posts : 61
Reputation : 2
Language : Bulgarian.

Back to top Go down

Re: Generalities

Post by delicious on January 8th 2013, 4:24 pm

I resolved a problem by itself. But now hit another problem Sad
It's normal: http://i.imgur.com/pyLzT.png
This is when I push another tab (it's okay): http://i.imgur.com/9Uvcm.png
But when I open the page again, here's what happens: http://i.imgur.com/asKvd.jpg
How fix that?

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Re: Generalities

Post by nextlevelgaming on January 8th 2013, 7:32 pm

You'll have to add to the JS to hide other 'windows' be alot easier if we could see something to explain it to you.

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Generalities

Post by delicious on January 8th 2013, 8:11 pm

So maybe you know what that code?

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Re: Generalities

Post by Jophy on January 9th 2013, 2:44 am

This is not a Forumotion forum, we only provide support to forums created from Forumotion.

Topic Locked

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum