Problem with FH Faddah

[azizny]

I really liked the style, but on the front page, it would show the forums messed up

The first set of forum (announcement would show up nicely boxed, problem occurs when I add another set of forum (cartoons), it shows the list but no box and very messy.

Anyone encountered it before?



TIA..

Peace,

[ForumsHelp]

azizny, welcome to Forums Help .Which version of Faddah Style are you using and which vb veriosn as well?

[azizny]

Both are version 3.5.4.

I think the problem is with the browser. In Firefox it displays nice, but IE/Opera it doesn't.

Also looking at the Style CSS, many images specified are not included in the FH_Faddah package?!

.panel
{
	background: #E4E7F5 url(images/gradients/gradient_panel.gif) repeat-x top left;
	color: #000000;
	padding: 10px;
	border: 2px outset;
}
.panelsurround
{
	background: #D1D4E0 url(images/gradients/gradient_panelsurround.gif) repeat-x top left;
	color: #000000;
}

Peace,

[Adam]

Here is the css for the Faddah Style.

/* vBulletin 3 CSS For Style 'FH_Faddah' (styleid: 6) */
body
{
	background: #333333;
	color: #FFFFFF;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 5px 10px 10px 10px;
	padding: 0px;
}
a:link, body_alink
{
	color: #FFFFFF;
}
a:visited, body_avisited
{
	color: #CCCCCC;
}
a:hover, a:active, body_ahover
{
	color: #FF4400;
}
.page
{
	background: #FFFFFF;
	color: #000000;
}
.page a:link, .page_alink
{
	color: #000066;
}
.page a:visited, .page_avisited
{
	color: #000033;
}
.page a:hover, .page a:active, .page_ahover
{
	color: #0000FF;
}
td, th, p, li
{
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
	background: #D1D1E1;
	color: #000000;
}
.tcat
{
	background: #869BBF url(images/FH_Faddah/gradients/gradient_tcat.gif) repeat-x top left;
	color: #FFFFFF;
	font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
	color: #ffffff;
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: #ffffff;
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #FFFF66;
	text-decoration: underline;
}
.thead
{
	background: #5C7099 url(images/FH_Faddah/bg3.gif) repeat-x top left;
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
	color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
	color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #FFFF00;
}
.tfoot
{
	background: #FFFFFF;
	color: #333333;
}
.tfoot a:link, .tfoot_alink
{
	color: #333333;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #666666;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #003366;
}
.alt1, .alt1Active
{
	background: #F5F5FF url(images/FH_Faddah/bg2.gif) repeat-x top left;
	color: #000000;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
	color: #000066;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
	color: #000099;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
	color: #0000FF;
}
.alt2, .alt2Active
{
	background: #E1E4F2  url(images/FH_Faddah/bg1.gif) repeat-x top left;
	color: #000000;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
	color: #000066;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
	color: #000099;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
	color: #0000FF;
}
td.inlinemod
{
	background: #FFFFCC;
	color: #000000;
}
.wysiwyg
{
	background: #F5F5FF;
	color: #000000;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
	font: 10pt 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;
}
.time
{
	color: #FF3333;
}
.navbar
{
	color: #000033;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.navbar a:link, .navbar_alink
{
	color: #000066;
}
.navbar a:visited, .navbar_avisited
{
	color: #000099;
}
.navbar a:hover, .navbar a:active, .navbar_ahover
{
	color: #0000FF;
}
.highlight
{
	color: #FF0000;
	font-weight: bold;
}
.fjsel
{
	background: #3E5C92;
	color: #E0E0F6;
}
.fjdpth0
{
	background: #F7F7F7;
	color: #000000;
}
.panel
{
	background: #E4E7F5 url(images/gradients/gradient_panel.gif) repeat-x top left;
	color: #000000;
	padding: 10px;
	border: 2px outset;
}
.panelsurround
{
	background: #D1D4E0 url(images/gradients/gradient_panelsurround.gif) repeat-x top left;
	color: #000000;
}
legend
{
	color: #22229C;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
	background: #738FBF url(images/FH_Faddah/bg2.gif) repeat-x top left;
	color: #000066;
	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: #000066;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #000066;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #0000FF;
	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, div.thead { padding: 4px; }

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

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

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
img { border: 0 }

/* Forums Help */

#vbwrapper { 
	background-color: #ffffff;
	text-align: left; 
	width: 100%;
	padding: 0; 
	margin: 0
}

#vbwrapper2 {
	background: #ffffff;
	text-align: left; 
	width: 98%;
	margin: 5px 0;
	padding: 0
}

#vbwrapper3 { 
	padding: 0 10px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff
}

.b-left { 
	float: left;
}

.b-middle {
	width: 100%;
	height: 5px
}

.b-right { 
	float: right 
}

.cat-top {
	padding: 0;
	margin: 0;
	background: url(images/FH_Faddah/misc/cat_top_bg.gif);
	width: 100%;
	text-align: center;
	color: #004669; 
	font-weight: bold; 
	font-size: 11px
}

.cat-top a:link, .cat-top a:visited, .cat-top a:hover {
	color: #005A87; 
}

#footer-left { 
	float: left
}

#footer { 
	background: url(images/FH_Faddah/misc/footer_bg.gif);
	height: 40px; 
	width: 100%
}

#footer-right { 
	float: right
}

[azizny]

I solved the problem.

it seems that if I don't have a prent category for each section (that doesn't act as a category), the problem occurs.

Thanks guys,

Peace,

[snowfox]

I also have a problem installing my faddah style. It has seem i can get the gray bar in the middle to show up. If you guys can help me with this that wuld be great.

If you go to the below link you will know what i mean.

Snow Forums - Powered by vBulletin


Please help me out. THnx.