vb.org Archive - Miscellaneous Hacks - DJ's Dynamic Tab Content for Postbit

Page 3 of 10

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.8 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=236)

- - Miscellaneous Hacks - DJ's Dynamic Tab Content for Postbit_Legacy (https://vborg.vbsupport.ru/showthread.php?t=184136)

Ljusya

07-25-2008 11:21 PM

Quote:

I would like more information on making sure this works I was having the logout problems and just want every nook and cranny covered!

It`s really solve your problem. Where function mytabs.setpersist was set as true - script enabled function setCookie and GetCookie, who made problems with loggin out.

But i don`t understand - why - some users of this mod have problems but some haven`t

Digital Jedi

07-26-2008 03:02 AM

Quote:

Originally Posted by TimberFloorAu (Post 1584229)

We are only a small forum, but :

On average 10,000 page views to forum home per day.
always about 40 members online.

10% were having issues.

Since the change not one reported incident.

If you get the opportunity, find out if the users having the problem where FireFox users. I noticed no problems in IE myself.

PoetJA-1975

07-26-2008 03:36 AM

IE, Firefox & Opera users have reported no issues at all this day since I've made the edit recommended by Ljusya.

Thanx,

Jacquii.

TimberFloorAu

07-26-2008 03:41 AM

Quote:

Originally Posted by Digital Jedi (Post 1584360)

If you get the opportunity, find out if the users having the problem where FireFox users. I noticed no problems in IE myself.

Gday mate.

Our users currently browse with:

IE
IE7
FF
FF2
FF2
Safari

No issues whatsoever realised as yet.

Thanks
Please feel free to judge for yourselves. I also wanted to cross polinate this hack with Hassans, profile css field hack ( for putting each profile field in span div tag )
This one : https://vborg.vbsupport.ru/showthread.php?t=174268

Any suggestions greatly appreciated.

Ste

Boosted Panda

07-27-2008 12:01 AM

ill give it a shot

PoetJA-1975

07-27-2008 04:26 AM

Quote:

Originally Posted by TimberFloorAu (Post 1584389)

Actually - most custom styles have some sort of css styling of the postbit legacy info sections. My postbit includes a simple background gradient and is styled in the Main CSS as

Quote:

.pbl-info, .info {
background:#6e5457 url(gradients/gradient_thead.gif) repeat-x top left;
font: 11px verdana;
padding-left: 3px;
padding-right: 2px;
padding-top: 4px;
padding-bottom: 4px;
border: 1px solid #4e3c42;
margin-bottom: 2px;
}

So - I'd simply use the div class to wrap the postbit contents in. So one example would be:

HTML Code:

<div class="info"><strong>$vbphrase[join_date]:</strong> $post[joindate]</div>

See how it looks at http://jpicforum.info/miscellaneous/...-new-post.html ;)

Jacquii.

Spank

07-27-2008 04:47 AM

Looks fantastic, have tagged for future install and nominated for mod of the month.

TimberFloorAu

07-27-2008 06:18 AM

Quote:

Originally Posted by PoetJA-1975 (Post 1585016)

Actually - most custom styles have some sort of css styling of the postbit legacy info sections. My postbit includes a simple background gradient and is styled in the Main CSS as

So - I'd simply use the div class to wrap the postbit contents in. So one example would be:

HTML Code:

<div class="info"><strong>$vbphrase[join_date]:</strong> $post[joindate]</div>

See how it looks at http://jpicforum.info/miscellaneous/...-new-post.html ;)

Jacquii.

Thats exzactly what I was after. Man your hover link attributes are a tad JAZZIFIED huh !!!

Will give that a go thanks jacquii ( Thanks )

Ste

ADDED:

Used your code Jacquii.

Top work, thanks, amended the style, just so we have a box, and thrilled. Thankyou.

PoetJA-1975

07-27-2008 08:20 AM

LOL - had to have the purple :P
You're welcome - glad to help! And LOL @ the Wanker of the Week Award https://vborg.vbsupport.ru/ --- I think that's a bit genius tehehehee!

Jacquii.

TimberFloorAu

07-27-2008 09:24 PM

Quote:

Originally Posted by PoetJA-1975 (Post 1585118)

LOL - had to have the purple :P
You're welcome - glad to help! And LOL @ the Wanker of the Week Award https://vborg.vbsupport.ru/ --- I think that's a bit genius tehehehee!

Jacquii.

Its quite fun actually, and is a mash of a old hack on here.

Took a while for ppl to realise it wasnt a punishment but a reward :lol:

PoetJA-1975

07-27-2008 11:48 PM

ha! I don't know what the hell I'd think if I got the Wanker of the Week award LOL
It's nice actually and makes for a better Community experience I'm sure
I've thought about installing the Topic of the Week/Month modification on JPiC actually - And seeing how well a similar thing has worked on your Forum has definitely impressed me ;)

Jacquii.

TimberFloorAu

07-28-2008 12:18 AM

Quote:

Originally Posted by PoetJA-1975 (Post 1585577)

Appreciate your feedback, thanks :)

The TOTW mod is great, albeit there are still some buggy issues, but nothing to get concerned over.

The coder is a dream to work with, and a more helpful guy you couldnt wish for.

Its certainly very popular amongst our members.

My take is to get people involved with the community spirit, everything else should then hopefully slot into place.

Ste

Chadi

07-29-2008 01:24 AM

Quote:

Originally Posted by Ljusya (Post 1583510)

I have problems with members logging out too
I solved it!!!
in postbit disable function mytabs.setpersist set is mytabs.setpersist(false)

So, are you saying you changed it to false or to *set* it to false? I can't tell if the original OP's post was edited to show this change.

Digital Jedi

07-29-2008 02:45 AM

Quote:

Originally Posted by TimberFloorAu (Post 1584389)

Gday mate.

Our users currently browse with:

IE
IE7
FF
FF2
FF2
Safari

Are these the users that were specifically having the login problem.

Quote:

Originally Posted by chadi (Post 1586357)

So, are you saying you changed it to false or to *set* it to false? I can't tell if the original OP's post was edited to show this change.

I haven't yet changed it. It's currently set to true, which is intended to remember the last tab clicked on during the same browser session. It's not an all important function and I'm sure most can do without it. I'm don't see why that would have any affect on login, but I'm testing it on my forum to see if anyone reports any differences before making any edits.

RedTrinity

07-29-2008 11:47 AM

Quote:

Originally Posted by chadi (Post 1586357)

So, are you saying you changed it to false or to *set* it to false? I can't tell if the original OP's post was edited to show this change.

I didn't understand these instructions either. It would be great if they could be provided more clearly, as I know our forum is having the logging out issue as well whilst this script is implemented.

Cheers :)

K4GAP

07-29-2008 12:55 PM

I'm not going to bother making excuses for my inability to fill in all the last parts. Is there a filled out example with most of the commonly used links that I can just copy? Everything else is installed and the dots are showing they just don't have anything linked to them.

Digital Jedi

07-29-2008 02:05 PM

Quote:

Originally Posted by GamerGirl27 (Post 1586617)

Just look for this line:

Code:

 

mytabs.setpersist(true)

Change true to false and then see if your users stop having their login issues.

Quote:

Originally Posted by GaryT (Post 1586638)

It's really going to depend on what modifications your forum uses. Not everyone uses the same hacks, and everyone's Custom Profile Fields will have different ID numbers, so even a "common" example might have lines of code that you'd have to remove, which would basically mean you'd have to learn the same requirements, only backwards.

It's not really that bad once you wrap your head around it, and I'd recommend taking a look at the default examples I gave in Post 2 and try a couple of sets on your own. I've commented each section in the postbit code so you could find each tab easily, and after that it's just a matter of pasting the examples in the tabs you want them in.

OcR Envy

07-29-2008 03:49 PM

Upon doing some xhtml validating today your code came back errored. The issue is with the ids on divs. You can not have an id or class starting with a number. A simple change to place the post number at the end and a javascript edit and it was valid.

id="$post[postid]postbittabs
changes too
id="postbittabs$post[postid]

and

var mytabs=new ddtabcontent("$post[postid]postbittabs")
to
var mytabs=new ddtabcontent("postbittabs$post[postid]")

Digital Jedi

07-29-2008 07:20 PM

Thank you OcR. I always planned to include instructions on how to make the code XHTML valid for those interested on the next update. The first launch was just to simplify it to most users.

K4GAP

07-29-2008 08:24 PM

Would it be out of place for me to ask if someone could fill in the final link section of this mod for me. I have it installed and the dots are showing, I just don't have them linked. I would be willing to pay for the service. Or, give credit with a link back. I am just sooo lost when it comes to code and as simple as it appears to be, I'm totally lost. All I want is for the links to point to on site regular stuff, nothing elaborate.

Admin: Forgive me if this type post is forbidden, if so let me know.

My site: Public Warriors

RedTrinity

07-30-2008 09:24 AM

Quote:

Originally Posted by Digital Jedi (Post 1586667)

Just look for this line:

Code:

 

mytabs.setpersist(true)

Change true to false and then see if your users stop having their login issues.

Thank you!!!

And by the way this is just what we have been looking for, as the awards and virtual pet hacks have been taking up quite a bit of postbit space with members lately.

For this reason I have nominated for MOTM :) Can't wait to see how it develops further!

Cheers :D

g0dfather1984

07-31-2008 01:26 AM

Great feature. How would I go about changing the colors of the dots? Some of my members say they can't see them due to the background color of the board.

Digital Jedi

07-31-2008 01:51 AM

Replace the two images to the images of your choosing.

PoetJA-1975

07-31-2008 03:42 AM

I nominated MOTM too - Great addition = Thanx for sharing!

Jacquii.

TimberFloorAu

07-31-2008 11:48 PM

Quote:

Originally Posted by PoetJA-1975 (Post 1588013)

I nominated MOTM too - Great addition = Thanx for sharing!

Jacquii.

DITTO !

Digital Jedi

08-01-2008 12:45 AM

Thanks a lot gang. Much appreciated.

loonytune15

08-03-2008 01:21 PM

Great Hack. I have been looking for something like this for ages. Any chance of creating something similiar for the whats going on box?

The D

08-03-2008 07:19 PM

Very nice. I wish I could use it on 3.6.8, but it doesn't work on my forum. Everytime I click one of the buttons, it takes me to the forum index. I didn't think that'd be a version thing, but I couldn't ever get it to work.

Nevertheless, just wanted to tell you that it's very cool, keep up the good work.

Digital Jedi

08-04-2008 04:59 AM

Quote:

Originally Posted by The D (Post 1590722)

Version wouldn't matter at all, as the code was designed for use in general web design. Would you mind posting me your postbit_legacy template and I can tell you what's going wrong?

Quote:

Originally Posted by loonytune15 (Post 1590519)

Great Hack. I have been looking for something like this for ages. Any chance of creating something similiar for the whats going on box?

Not for What's Going On, but I do have a couple of other ideas in mind for later release.

OcR Envy

08-20-2008 09:59 AM

What update was made? Can we get a change log, what what? ;)

Digital Jedi

08-20-2008 02:34 PM

I forgot about the auto-notification thing. I was trying to be surreptitious.

I was going to post some upgrade instructions last night, but I got into some other idea that ended up not working, trying to simplify it for users. I'll try to post what changes I made a little later, after the brain cells start connecting or the caffeine kicks in.

TimberFloorAu

08-20-2008 11:57 PM

Could you explain how we can get the djdots to center in the postbit.

They are over to the left.

Thanks.

Ozzy

PoetJA-1975

08-21-2008 02:19 AM

Quote:

Originally Posted by TimberFloorAu (Post 1603404)

Could you explain how we can get the djdots to center in the postbit.

They are over to the left.

Thanks.

Ozzy

You need to edit the tabcontent.css file
Whereever there's float: left ---> float: center

Quote:

.djdot ul{
margin: 0;
padding: 0;
float: center;

TimberFloorAu

08-21-2008 02:47 AM

Quote:

Originally Posted by PoetJA-1975 (Post 1603459)

You need to edit the tabcontent.css file
Whereever there's float: left ---> float: center

Had seen that, and decided.. hmmm wonder why mine has center center ...

Thought it was new css code.

Code:

.djdot ul li a{

float: left;

color: white; /*text color*/

padding: 5px 11px;

text-decoration: none;

background:  url(djdotbg.png) center center;

background-repeat: no-repeat

}

Will change now, thanks :)

Any ideas why we have center center;

Not seen that before

TimberFloorAu

08-21-2008 02:58 AM

Nope doesnt make any difference ... Weird huh

Digital Jedi

08-21-2008 02:58 AM

center center sets the horizontal and vertical orientation of the background image of the <li>, which is what the dot images are. I think it's X and then Y, (but I always end up double checking). float controls the orientation of the <li> itself.

Digital Jedi

08-21-2008 03:02 AM

Quote:

Originally Posted by Digital Jedi (Post 1603476)

center center sets the horizontal and vertical orientation of the background image of the DIV, which is what the dot images are. I think it's X and then Y, (but I always end up double checking). float controls orientation of the DIV itself.

You probably want to change the float on the <ul>

Code:

.djdot ul{

margin: 0;

padding: 0;

float: left;

TimberFloorAu

08-21-2008 03:06 AM

The css is now:

Code:

.djdot{

font: bold 13px Arial;

width: 100%; /*leave this value as is in most cases*/

}



.djdot ul{

margin: 0;

padding: 0;

float: center;

/* width: 80%; width of menu*/

}



.djdot ul li{

display: inline;

background:  url(djdotbg.gif) center center;

background-repeat: no-repeat

}



.djdot ul li a{

float: center;

color: white; /*text color*/

padding: 5px 11px;

text-decoration: none;

background:  url(djdotbg.png) center center;

background-repeat: no-repeat

}



.djdot ul li a:visited{

color: white;

background:  url(djdotbg.gif) center center;

background-repeat: no-repeat

}



.djdot ul li a.selected{

color: white !important;

padding-top: 6px; /*shift text down 1px*/

padding-bottom: 4px;

background: url(djdotbg2.png) center center;

background-repeat: no-repeat

}





.tabcontentstyle{ /*style of tab content oontainer*/

border: 1px solid gray;

width: 450px;

margin-bottom: 1em;

padding: 10px;

}



.tabcontent{

display:none;

}





/* removing the active/focus dotted border */

#djdot_c {

  list-style-type:none; 

  padding:0; 

  width:36em;

  height:5em;

  margin:0 auto;

  }

#djdot_c li {

  display:block; 

  width:7em; 

  height:2em; 

  float:center; 

  margin-right:0.2em;

  }

#djdot_c a {

  display:block; 

  width:7em; 

  height:2em; 

  position:relative; 

  text-decoration:none;

  }

#djdot_c a em {

  font-style:normal; 

  color:#000; 

  display:block; 

  width:7em; 

  height:1.5em; 

  border-bottom:0.5em solid #000; 

  position:absolute; 

  top:0; 

  left:0; 

  cursor:pointer;

  }

#djdot_c a:hover {

  color:#c00;

  }

#djdot_c a:hover em {

  border-bottom:0.5em solid #c00;

  }





#djdot_c a:active, #djdot_c a:focus {

  /* reduce the link size to zero when the link is in the 

  active/focus state.

  This literally removes the dotted border which is ONLY applied

  to the link itself and not any containing elements WHEN THOSE

  ELEMENTS HAVE A POSITION ABSOLUTE! */

  width:0; height:0;

  outline:0; /* for browsers that understand */

  }



/* adding the active/focus state */

#djdot_d {

  list-style-type:none; 

  padding:0; 

  width:36em; 

  height:5em; 

  margin:0 auto;

  }

#djdot_d li {

  display:block; 

  width:7em; 

  height:2em; 

  float:center; 

  margin-right:0.2em;

  }

#djdot_d a {

  display:block; 

  width:7em; 

  height:2em; 

  position:relative; 

  text-decoration:none;

  }

#djdot_d a em {

  display:block; 

  font-style:normal; 

  width:7em; 

  height:1.5em; 

  color:#000; 

  border-bottom:0.5em solid #000; 

  position:absolute; 

  top:0; 

  left:0; 

  cursor:pointer;

  }

#djdot_d a:hover {

  color:#c00;

  }

#djdot_d a:hover em {

  border-bottom:0.5em solid #c00;

  }

#djdot_d a:active, #djdot_d a:focus {

  width:0; 

  height:0;

  outline:0; /* for browsers that understand */

  }



#djdot_d a:active em, #djdot_d a:focus em {



  /* change the em bottom border and text to blue on

  active/focus thus giving a suitable alternative to

  the dotted border */

  border-bottom:0.5em solid #00c; 

  color:#00c;

  outline:0; /* for browsers that understand */

  }

  

@media print {

.tabcontent {

display:block !important;

}

}

Still makes no difference... weird huh?

Digital Jedi

08-21-2008 03:10 AM

Can I take a look at your forum?

EDIT: Oh, I see the link now.

TimberFloorAu

08-21-2008 03:22 AM

Any Joy?

Ste

All times are GMT. The time now is 09:50 PM.

Page 3 of 10

Last »

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01815 seconds Memory Usage 1,870KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (5)bbcode_code_printable (2)bbcode_html_printable (22)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: