The Arcive of Official vBulletin Modifications Site.

rolfw1 · #1 03-23-2011, 10:27 AM

Since update to 4.1.2, I've noticed the index page for photoplog pro is broken see here. From information on photoplog.com, it appears that the designer is not going to fix any vbulletin generated issues, so I'm not prepared to commit $35 support renewal, for potentially no solution.

Quote:

Originally Posted by Morgan at photoplog

Note: a new vB editor is coming out. This is almost sure to break PhotoPlog again. There are no plans to keep updating PhotoPlog each time vB4 breaks it. Support is offline indefinitely.

Ramsesx · #2 03-23-2011, 11:36 AM

*lol* thanks for the info, now I Know for sure that there will be no more chance to get a working vB4 GARS version. (same developer)

Lynne · #3 03-23-2011, 03:57 PM

Since you havne't provided an image of what it is supposed to look like, I can't even guess as what CSS to give you to 'fix' the issue.

rolfw1 · #4 03-23-2011, 04:08 PM

Well I can't show you what it's supposed to look like with my forum Lynne, but here's the demo of the same version of photoplog on vb3.8.5.

As you can see, all of the borders have gone, plus the column labels are in a stack, instead of going across the page. Not the end of the world, just doesn't look very nice.

Lynne · #5 03-23-2011, 04:23 PM

Add to css:
td.thead, th.thead, div.thead {
display: table-cell;
}

As for border, tborder isn't defined, so you'd need something like:
.tborder {
border: 1px solid black;
}

and then tcat has a border of a different color assigned, so you'll want the color of that border and the color of the tborder to be the same.

Everything looks just fine on the page if you just make those three changes.

rolfw1 · #6 03-23-2011, 04:29 PM

Thanks Lynne, anywhere in the photoplg.css in in particular? Not particularly au fait with CSS.

Code:

.subnav
{
	background: {vb:stylevar navbar_tab_background.backgroundColor};
	color:{vb:stylevar navbar_tab_color};
	padding: 6px;
	text-align:center;
}
.subnav a
{
	color:{vb:stylevar navbar_tab_color};
}
.subnav a:hover
{
	color:{vb:stylevar navbar_tab_color};
}
.tborder
{
}
.tcat
{
	background: {vb:stylevar blockhead_background};
	color: {vb:stylevar blockhead_color};
	font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 6px;
}
.tcat a:link, .tcat_alink
{
	color: {vb:stylevar blockhead_link_color};
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: {vb:stylevar blockhead_link_color};
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: {vb:stylevar blockhead_linkhover_color};
	text-decoration: underline;
}
.thead
{
	background: {vb:stylevar wgoheader_background };
	/* background: #5C7099 url(images/gradients/gradient_thead.gif) repeat-x top left; */
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 6px;
	width: auto; /* unset the 100% */
}
.thead a:link, .thead_alink
{
	color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
	color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #FFFF00;
}
.alt1, .alt1Active
{
	background: {vb:stylevar postbit_background};
	padding: 6px;
}
.alt2, .alt2Active
{
	background: {vb:stylevar postbit_userinfo_background};
	padding: 6px;
}
.inlinemod
{
	background: #FFFFCC;
	color: #000000;
}
textarea, .bginput
{
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
	font-size: 10pt;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
	font-size: 11px;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.navbar
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
	color: #FF0000;
	font-weight: bold;
}
/*
.panel
{
	background: #E4E7F5 url(images/gradients/gradient_panel.gif) repeat-x top left;
	color: #000000;
	padding: 10px;
	border: 2px outset;
}
.panelsurround
{
	padding: 15px;
	margin: 15px;
	background: #D1D4E0;
	color: #000000;
}
*/
legend
{
	color: #22229C;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
	background: #738FBF;
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.vbmenu_popup
{
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #0B198C;
}
.vbmenu_option
{
	background: #BBC7CE;
	color: #000000;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #22229C;
	text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #22229C;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: #8A949E;
	color: #FFFFFF;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

.ppround
{
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-radius-topleft:5px;
	-webit-border-radius-topright:5px;
	/* ie9/opera stuff */
	radius-topright:5px;
	radius-topleft:5px;
}
.nounder, .nounder a:hover, .nounder a:active
{
	text-decoration: none;
}
.popuplinkcolor, .popuplinkcolor a:link, .popuplinkcolor a:hover, .popuplinkcolor a:active
{
	color: {vb:stylevar navbar_selected_popup_body_a_Color};
}

Lynne · #7 03-23-2011, 04:37 PM

I'd add it in where it should go. tborder goes where it says ".tborder" etc. tcat border is from some other file, but throw the same border line in there and see if it works.

rolfw1 · #8 03-23-2011, 04:56 PM

OK thanks Lynne, getting there, although appear to have developed a lot of white space either side of the post icons and have no category division lines, the column headings are however now neatly sitting above the columns.

This is what I now have:

Code:

.subnav
{
	background: {vb:stylevar navbar_tab_background.backgroundColor};
	color:{vb:stylevar navbar_tab_color};
	padding: 6px;
	text-align:center;
}
.subnav a
{
	color:{vb:stylevar navbar_tab_color};
}
.subnav a:hover
{
	color:{vb:stylevar navbar_tab_color};
}
.tborder {
border: 1px solid black;
}
.tcat {
border: 1px solid black;
}
{
	background: {vb:stylevar blockhead_background};
	color: {vb:stylevar blockhead_color};
	font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 6px;
}
.tcat a:link, .tcat_alink
{
	color: {vb:stylevar blockhead_link_color};
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: {vb:stylevar blockhead_link_color};
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: {vb:stylevar blockhead_linkhover_color};
	text-decoration: underline;
}
td.thead, th.thead, div.thead {
display: table-cell;
}
{
	background: {vb:stylevar wgoheader_background };
	/* background: #5C7099 url(images/gradients/gradient_thead.gif) repeat-x top left; */
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 6px;
	width: auto; /* unset the 100% */
}
.thead a:link, .thead_alink
{
	color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
	color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #FFFF00;
}
.alt1, .alt1Active
{
	background: {vb:stylevar postbit_background};
	padding: 6px;
}
.alt2, .alt2Active
{
	background: {vb:stylevar postbit_userinfo_background};
	padding: 6px;
}
.inlinemod
{
	background: #FFFFCC;
	color: #000000;
}
textarea, .bginput
{
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
	font-size: 10pt;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
	font-size: 11px;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.navbar
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
	color: #FF0000;
	font-weight: bold;
}
/*
.panel
{
	background: #E4E7F5 url(images/gradients/gradient_panel.gif) repeat-x top left;
	color: #000000;
	padding: 10px;
	border: 2px outset;
}
.panelsurround
{
	padding: 15px;
	margin: 15px;
	background: #D1D4E0;
	color: #000000;
}
*/
legend
{
	color: #22229C;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
	background: #738FBF;
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.vbmenu_popup
{
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #0B198C;
}
.vbmenu_option
{
	background: #BBC7CE;
	color: #000000;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #22229C;
	text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #22229C;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: #8A949E;
	color: #FFFFFF;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

.ppround
{
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-radius-topleft:5px;
	-webit-border-radius-topright:5px;
	/* ie9/opera stuff */
	radius-topright:5px;
	radius-topleft:5px;
}
.nounder, .nounder a:hover, .nounder a:active
{
	text-decoration: none;
}
.popuplinkcolor, .popuplinkcolor a:link, .popuplinkcolor a:hover, .popuplinkcolor a:active
{
	color: {vb:stylevar navbar_selected_popup_body_a_Color};
}

Lynne · #9 03-23-2011, 05:05 PM

I don't know what you did, but you have messed up the css somewhere. Probably here:
.tcat {
border: 1px solid black;
}
{
background: {vb:stylevar blockhead_background};
color: {vb:stylevar blockhead_color};
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 6px;
}

That is not valid. I don't want to go compare the two. Can you please only post exactly what was changed instead of the whole files.

rolfw1 · #10 03-23-2011, 05:23 PM

OK thanks for your help, I'll have a play with it tonight, have no idea what I'm doing on css, but at the worst I can put it back to how it was and just modify the headings part.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04853 seconds Memory Usage 2,284KB Queries Executed 11 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)ad_showthread_firstpost (1)ad_showthread_firstpost_sig (1)ad_showthread_firstpost_start (2)bbcode_code (1)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (10)post_thanks_box (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (10)post_thanks_postbit_info (10)postbit (10)postbit_onlinestatus (10)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.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/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.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 showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!