vb.org Archive
Page 12 of 39 « First 21011 12 131422 Last »
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)

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 08:09 PM.
Page 12 of 39 « First 21011 12 131422 Last »
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01389 seconds
  • Memory Usage 1,759KB
  • 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
  • (3)bbcode_code_printable
  • (4)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (2)pagenav_pagelinkrel
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)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