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.

Adding "Pop-up" tabs

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Solved Adding "Pop-up" tabs

Post by Killer2270 on April 15th 2011, 1:25 am

Problem: I have made the Pop-up and it works. However, I can't seem to figure out if I can add more tabs like that and how. Is there anyway to do this? I want it so I can add more things with tabs to save up space and make them available for all pages. Plus they are cool.

ADD: 66 views and no other posts? Is this usual or is it a slow day?

ADD2: Hello? anyone there?

ADD3: Here is the link to the guide that let me make the first tab: Mr. Mario's "Pop-Up" Chatbox


Last edited by Killer2270 on May 25th 2011, 3:50 pm; edited 4 times in total (Reason for editing : No posts...)

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 16th 2011, 2:17 am

Ok, I'm not usually a double poster, but I'm bumping this because I have not been helped at all and I would really like to know if this can be done. And because no one else is posting at all.

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by sign da tits on April 16th 2011, 2:21 am

@Killer2270 wrote:Ok, I'm not usually a double poster, but I'm bumping this because I have not been helped at all and I would really like to know if this can be done. And because no one else is posting at all.
well you could copy from the "chatbox pop up" have a play with it.

sign da tits
Forumember

Male Posts : 236
Reputation : 30
Language : British English, AutoIt
Location : England!

http://www.devforumz.com/

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 16th 2011, 2:23 am

@sign da tits wrote:
@Killer2270 wrote:Ok, I'm not usually a double poster, but I'm bumping this because I have not been helped at all and I would really like to know if this can be done. And because no one else is posting at all.
well you could copy from the "chatbox pop up" have a play with it.

The code itself for the tab contains the code for the chatbox. But I can try, I'm not saying I'll figure it out though.

Yeah, I'm not too advanced in this code. I can't figure out some of these HTML functions...


Last edited by Killer2270 on April 16th 2011, 2:34 am; edited 1 time in total (Reason for editing : D:)

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by sign da tits on April 16th 2011, 3:32 am

@Killer2270 wrote:
@sign da tits wrote:
@Killer2270 wrote:Ok, I'm not usually a double poster, but I'm bumping this because I have not been helped at all and I would really like to know if this can be done. And because no one else is posting at all.
well you could copy from the "chatbox pop up" have a play with it.

The code itself for the tab contains the code for the chatbox. But I can try, I'm not saying I'll figure it out though.

Yeah, I'm not too advanced in this code. I can't figure out some of these HTML functions...
Hm there's only a short bit for HTML what exactly do you want to do?

sign da tits
Forumember

Male Posts : 236
Reputation : 30
Language : British English, AutoIt
Location : England!

http://www.devforumz.com/

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 16th 2011, 5:16 am

@sign da tits wrote:
@Killer2270 wrote:
@sign da tits wrote:
@Killer2270 wrote:Ok, I'm not usually a double poster, but I'm bumping this because I have not been helped at all and I would really like to know if this can be done. And because no one else is posting at all.
well you could copy from the "chatbox pop up" have a play with it.

The code itself for the tab contains the code for the chatbox. But I can try, I'm not saying I'll figure it out though.

Yeah, I'm not too advanced in this code. I can't figure out some of these HTML functions...
Hm there's only a short bit for HTML what exactly do you want to do?

I just need the code of the tab itself with the opening and closing and the windows themselves. I also need to know where I can insert any custom code.

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 16th 2011, 6:54 am

I'm kinda stuck. Since I see a support moderator online, I'm going to bump this so I can hopefully get some help Sad

ADD: RoNo, can you help Sad

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Quily on April 16th 2011, 3:20 pm

@Killer2270 wrote:Problem: I have made the Pop-up and it works. However, I can't seem to figure out if I can add more tabs like that and how. Is there anyway to do this? I want it so I can add more things with tabs to save up space and make them available for all pages. Plus they are cool.

ADD: 66 views and no other posts? Is this usual or is it a slow day?

ADD2: Hello? anyone there?
Code for non chatbox pop up if you have?xD you said it works.

Not sure if there is a way,and it is cool,but up to the admins/mods if they know/are keeping secrets

Quily
Forumember

Posts : 40
Reputation : 0
Language : English

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 16th 2011, 6:15 pm

I think it's possible, but I don't know what code should be deleted/changed.

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 17th 2011, 5:14 pm

Any help at all?

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by kirk on April 18th 2011, 7:34 am

what do you have poping up?

you can use this one, all you do is add the links where marked then you can change your dimensions as well.


Code:
<table cellpadding="0" cellspacing="0" border="0px">
<table><tr><td onMouseover="this.bgColor='#000000FF'"onMouseout="this.bgColor=''"><a href="LINK HERE" style="text-decoration:none" target="popup1" title="" onclick="window.open(LINK HERE', 'popup85', 'width=415,height=320,height=320,left=200,top=275,scrollbars=no'); return false"> <span style="font-size: 10px; line-height: normal">TEXT OR HTML IMAGE LINK HERE </span></font></td></tr></table></a></td></tr></table>

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 18th 2011, 12:40 pm

@kirk wrote:what do you have poping up?

you can use this one, all you do is add the links where marked then you can change your dimensions as well.


Code:
<table cellpadding="0" cellspacing="0" border="0px">
<table><tr><td onMouseover="this.bgColor='#000000FF'"onMouseout="this.bgColor=''"><a href="LINK HERE" style="text-decoration:none" target="popup1" title="" onclick="window.open(LINK HERE', 'popup85', 'width=415,height=320,height=320,left=200,top=275,scrollbars=no'); return false"> <span style="font-size: 10px; line-height: normal">TEXT OR HTML IMAGE LINK HERE </span></font></td></tr></table></a></td></tr></table>

The chatbox. It's from a guide posted by Mr. Mario in the Tips and Tricks section.
I'll try the code and see what I get.

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 18th 2011, 3:40 pm

Ok, that code isn't what I'm looking for. I'm just going to post the code I'm using and see what you can change to it.

Code:
<div id="chatbox_ret_cont" onmouseout="stopINT()" onclick="stopINT()" onmousever="stopINT()" style="border-top: 7px solid rgb(148, 11, 11); border-left: 7px solid rgb(148, 11, 11); z-index: 10000; -moz-border-radius: 20px 0pt 0pt 0pt; background-color: Black; position: fixed; bottom: 0pt; right: 0pt; border-color: #00FF33;"><div onclick="(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); $('#chatbox_ret').toggle('normal');" style="font-size: 12px; font-family: 'trebuchet ms',serif; cursor: pointer; padding: 3px;"><span id="chatbox_ret_online" style="color: black);">Chat</span><span id="chatbox_ret_offline" style="color: black;">Box</span></div><iframe scrolling="no" frameborder="0" onload="if(cb_new) { cb_start(); cb_new=0; }" style="width: 740px; height: 400px; display: none;" marginheight="0" marginwidth="0" name="chatbox_ret" id="chatbox_ret" src="/chatbox/chatbox.forum"></iframe></div>

Also, check the OP for link to the guide this code is based off of.

ADD: Hello? Mr. Mario please visit this topic! Your the one who wrote the guide, you should be able to help Evil or Very Mad

ADD2: Well I got good news and bad news. Good News is that I figured out that multiple tabs are possible. The bad news is that one "overlap" the other and the other one only shows when the first tab is open. Since however the tabs were for the same function, then that tab closes the window the other creates. So I have discovered new things, but I need Mr. Mario's help!


Last edited by Killer2270 on April 18th 2011, 10:55 pm; edited 3 times in total (Reason for editing : Good News and Bad News)

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 19th 2011, 1:07 am

Rideem3 wrote:Actually, I made the guide. MrMario just posted it. The code is just intended for one chatbox.

Yes, but I want multiple tabs for different purposes.

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 19th 2011, 1:39 am

How would I align it?

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by kirk on April 19th 2011, 1:55 am

I would need to see exactly what it is you want to do, it's not hard to have multiple tabs. you would just have to have them in separate tables with the pop-out code in each table.

the pop-out code i gave you is pretty much universal and can be used for many things, you just have to add the source link for what you want to pop up.

For instance, if it's the forums chat you want, then you would click on the join chat in your forums whose online section. and it would open with a full screen and the link would be in the address bar, then you simply add the link and adjust the dimensions how you see fit.

But i also have a few other pop-out codes that may be better for what your trying to do. i just need to know exactly what that is so i can set up and or help you achieve what it is your asking.

there are a lot of different ways to set stuff up like this.So i would need to see what it is you want to provide you with the best options on doing it.

and where are these pop-out codes going? because sometimes if you have to many tables or pop-out codes in one place it can mess other things up on the page..

here is an example of a multi pop-out tab thing i use for a music player i created.

http://www.forumsuccessors.com/h106-pop-out-example

as you can see it looks as if there is a lot going on in this code, but it's really all the same pop-out codes with different links and images added in separate tables.

i can create the tables and have it marked where the content would go, but once again i need to knish exactly what you want.. so any screen shots,info or links of something to use for example would help, with out that i would be just shooting in the dark... lol

info added
Well the code you are using is designated specifically for the forums chat box,
Now of course you can alter it and make just about anything work with it.
And i also noticed on my html page that it is sitting at the bottom right corner of the page, so i am not sure if thats supposed to be that way or not. Also there is no link provided for the chat box either.

Anyway here is another universal code.
you could a click-able image to this as well, you would just add it where i have text marked in the code.

Code:

<td onMouseover="this.bgColor='#D4E6F7'"'"onMouseout="this.bgColor=''"><a href="SOURCE LINK HERE" style="text-decoration:none" target="popup72" title="text" onclick="window.open('SOURCE LINK HERE', 'popup85', 'width=335,height=75,height=75,left=200,top=275,scrollbars=yes'); return false"><font face="Times New Roman"><span style="font-size: 14px; line-height: normal">TEXT OR CLICK-ABLE IMAGE HERE</span></font></td>

But i am not sure if this will help you because i am unsure of what it is you want to do with multi tabs?


Last edited by kirk on April 19th 2011, 2:19 am; edited 2 times in total

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 19th 2011, 2:01 am

@kirk wrote:I would need to see exactly what it is you want to do, it's not hard to have multiple tabs. you would just have to have them in separate tables with the pop-out code in each table.

the pop-out code i gave you is pretty much universal and can be used for many things, you just have to add the source link for what you want to pop up.

For instance, if it's the forums chat you want, then you would click on the join chat in your forums whos online section. and it would open with a full screen and the link would be in the address bar, then you simply add the link and adjust the dimensions how you see fit.

But i also have a few other pop-out codes that may be better for what your trying to do. i just need to know exactly what that is so i can set up and or help you achieve what it is your asking.

there are a lot of different ways to set stuff up like this.So i would need to see what it is you want to provide you with the best options on doing it.

and where are these pop-out codes going? because sometimes if you have to many tables or pop-out codes in one place it can mess other things up on the page..

here is an example of a multi pop-out tab thing i use for a music player i created.

http://www.forumsuccessors.com/h106-pop-out-example

as you can see it looks as if there is a lot going on in this code, but it's really all the same pop-out codes with different links and images added in separate tables.

i can create the tables and have it marked where the content would go, but once again i need to knish exactly what you want.. so any screen shots,info or links of something to use for example would help, with out that i would be just shooting in the dark... lol

The pop-up guide posted by Mr. Mario should show you what kind of tab I'm using. Plus, your code didn't work for some reason. Here is my site if you want to see the tab I'm currently using: http://engineeringcore.forumotion.com/

Also, table didn't work.

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by kirk on April 19th 2011, 2:28 am

my code where dint work? i know it works.. but ok i will check it out to see.
You may be better off just sending Mario a message and asking him.. or try rono he is the pop-out king... lol

info added

oh well i see why my code is not working for you. it's no way set up like the chat floating on the bottom like that..

Like Rideem3 said. in order to add multiple tabs like this with other pop-outs your going to have to construct different codes for the borders to mach up etc.

Thats a lil to much work, and the code was not initially set up to do this because it was designed only as one tab for a chat.

now you can always add more in some tables and have them in you overall footer.. but dont think it will really look right the way the border is set up on it.

I will test a few things. check back here in a bit.

and you still never said what else it is you want to pop-out like this?

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 19th 2011, 2:54 am

Most likely I'll be adding tabs for an arcade thingy and possibility a promotion link.

Should we make a Tab Thinking Bucket?

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by kirk on April 19th 2011, 3:44 am

well here is what i mean by placing the popout codes in tables.

the code would go where the numbers are.

Code:

<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title></title>
</head>
<body
 style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
 alink="#3333ff" link="#0000ff" vlink="#4499b8">
<table
 style="width: 1104px; height: 46px; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="text-align: center; vertical-align: bottom;">1</td>
      <td style="text-align: center; vertical-align: bottom;">2</td>
      <td style="text-align: center; vertical-align: bottom;">3</td>
      <td style="text-align: center; vertical-align: bottom;">4</td>
      <td style="text-align: center; vertical-align: bottom;">5</td>
      <td style="text-align: center; vertical-align: bottom;">6</td>
    </tr>
  </tbody>
</table>
</body>
</html>
 

right then say these are all your tabs with what you want them to pop-out to, keep in mind you would have to adjust the dimensions for what you want.. i have the same video game in all of them as an example.

http://www.forumsuccessors.com/h104-example-code

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Saxaca on April 19th 2011, 12:04 pm

Rideem3 wrote:You would have to reverse he code so that it's positioned on the left, and you would have to change the border radiuses.

Sure?
http://sd-1.archive-host.com/membres/up/137670929941788204/script/chatbox_v2.js

That script is for the french forum. Notice that your script is only the part which is appended to the body?
For other's information; the rest of the script parses the cookie, allowing the chatbox to stay open when changing pages.

As for your question:
You can duplicate the code, replace the iframe tag with whatever you want, and then add a margin-1ight rule into the CSS.

Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 19th 2011, 1:09 pm

Ah ok, but I'm not a CSS coder. :I

Also, I just want the code I posted editted, not a completely new one. But I'll try it out anyways.

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Saxaca on April 19th 2011, 1:13 pm

Well, sorry. I'm on holiday, and on my phone, so I can't code..

Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 19th 2011, 3:35 pm

@kirk Your code broke my background and didn't work.

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by kirk on April 20th 2011, 12:56 am

@Killer2270 wrote:@kirk Your code broke my background and didn't work.

lol oh well i dint realize you was using phpbb3.

Mine is something that would have to be added to the overall footer template or html page.
As far as effecting your background i do not see how that is possible since you have no way to incorporate it to your forum.

where did you put the code? in your css?

In any case to fix that you can just remove the background-color rgb and link colors.
But once again this method is pretty much rendered useless for you unless you was to have it on a html page,homepage message or your home page announcement.


Last edited by kirk on April 20th 2011, 1:06 am; edited 1 time in total

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 20th 2011, 1:04 am

In Announcements.

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 20th 2011, 1:28 am

So would <div align="left"> work for aligning? Also, what code to I need to change?

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by kirk on April 20th 2011, 3:11 am

no align tags wont work.
you have to change left right or center in the code.

where it says
position: fixed; bottom: 0pt; right:

then you will have to change the border direction as well

border-left:

so position to left, and border direction to right should do it if you want it on the left side

yeah i did it in this one and works fine on my test forum set to phpbb3
Code:
 <div id="chatbox_ret_cont" onmouseout="stopINT()" onclick="stopINT()" onmousever="stopINT()" style="border-top: 7px solid rgb(148, 11, 11); border-right: 7px solid rgb(148, 11, 11); z-index: 10000; -moz-border-radius: 20px 0pt 0pt 0pt; background-color: Black; position: fixed; bottom: 0pt; left: 0pt; border-color: #00FF33;"><div onclick="(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); $('#chatbox_ret').toggle('normal');" style="font-size: 12px; font-family: 'trebuchet ms',serif; cursor: pointer; padding: 3px;"><span id="chatbox_ret_online" style="color: black);">Chat</span><span id="chatbox_ret_offline" style="color: black;">Box</span></div><iframe scrolling="no" frameborder="0" onload="if(cb_new) { cb_start(); cb_new=0; }" style="width: 740px; height: 400px; display: none;" marginheight="0" marginwidth="0" name="chatbox_ret" id="chatbox_ret" src="/chatbox/chatbox.forum"></iframe></div>
 

actually this is not even really a pop-out but more of a slide out.. but no need to be technical... LOL

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 20th 2011, 12:36 pm

I'll try some alignment.

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Solved Re: Adding "Pop-up" tabs

Post by Killer2270 on April 23rd 2011, 1:14 am

No success...

Killer2270
Forumember

Posts : 72
Reputation : 10
Language : English

http://engineeringcore.forumotion.com

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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