ibproarcade skin layout on VB4

[Magz]

Hi

Just wondering if this is the current standard display when using the ibproarcade skin, as opposed to the v3arcade skin.

Currently testing using RC2 and latest arcade release.
it just seems out of allignment.

Thanks

[woffie]

I am experiencing the same thing with RC4

[Garamond]

Yikes!

[MikalMirkas]

Me too. :\

[kylek]

Same look also.

[kylek]

Also have a real funky pink color when you are looking at the scores or submitting a score.

107899

[Garamond]

kylek: it uses the same colors that are used in the template, although in a surprisingly non-elegant way.

I really hope the author is hard at work aligning and cleaning up the appearance of ibProArcade under vBulletin 4.0.

[CrosseyedGamer]

Also have a real funky pink color when you are looking at the scores or submitting a score.

107899

I happen to like pink. Wonder how I can get that? :-)

Arcade works well on my site but has the same layout which just needs to be cleaned up a little. We are thankful that it works though as we have 1100 games and our users would jump off a building if they couldn't play those games.

[KissOfDeath]

It's still no good if you have customised your style as it reverts back to the defult vbulletin style and it's not very easy on the eyes

I know how to fix this, take a look at mine here for proof: http://www.devils-shadow.com/forums/arcade.php

basically if you want it to match your forum colours

got to admincp>Styles & Templates>your style>edit Templates>ARCADE.css

Edit: the parts below in red to your desired colour

.tborder {
background-color:{vb:stylevar doc_backgroundColor};
border: 1px solid #c4c4c4;
font-size: {vb:stylevar font-size};
}
.tcat {
font:{vb:stylevar blockhead_font};
color:{vb:stylevar blockhead_color};
background:{vb:stylevar blockhead_background};
padding:{vb:stylevar blockhead_padding};
border:{vb:stylevar blockhead_border};
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}
.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;
}
.alt1, .alt1Active
{
background: #F5F5FF;
color: #000000;
}
.alt2, .alt2Active
{
background: #E1E4F2;
color: #000000;
}
/* ***** 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; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset {
padding: 5px;
font-size: {vb:stylevar font-size};
border: 1px solid #c4c4c4;
margin: 0 2px;
}
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

[MrZeropage]

where can I read the colour-values set for your site ? So I can put them there in the CSS...

[KissOfDeath]

where can I read the colour-values set for your site ? So I can put them there in the CSS...

My site colour values match my forum style, not sure everyone would want the same thing, but here my colour values if you want to use them

.tborder {
background-color:{vb:stylevar doc_backgroundColor};
border: 1px solid #36383b;
font-size: {vb:stylevar font-size};
}
.tcat {
font:{vb:stylevar blockhead_font};
color:{vb:stylevar blockhead_color};
background:{vb:stylevar blockhead_background};
padding:{vb:stylevar blockhead_padding};
border:{vb:stylevar blockhead_border};
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}
.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;
}
.alt1, .alt1Active
{
background: #515254;
color: #a7a8a9;
}
.alt2, .alt2Active
{
background: #5d5f62;
color: #a7a8a9;
}
/* ***** 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; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset {
padding: 5px;
font-size: {vb:stylevar font-size};
border: 1px solid #c4c4c4;
margin: 0 2px;
}
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

[Bouncer222]

That doesn't really answer the question...eh

Where or which template do we look at to see which colors we should copy over? Where is the source of your colors for your site?

[Garamond]

The colors is not the problem with the vB4-implementation of this mod, it is the layout. It really is a mess, and MrZeropage - please tell us that you are working with it. It's almost unusable as it is today. I miss the "good ol'" vB3 days when the layout actually was better.

[Magz]

Hmm

How odd,

I applied the edits to skin_arcade.php and had my arcade display looking fine, but, since upgrading to vbulletin 4.0.1 my arcade display is a mess again. I realise the vbulletin code doesnt touch the arcade files, but im at a loss as to why i cant get the display looking good again.

Ive checked and double checked, and the file edits for the the <fieldset> entries are in place.

Any ideas what else i could try ?

**UPDATED**

in Store CSS Stylesheets as Files section of acp, i selected no, and arcade display back to normal

[angeljs]

**UPDATED**

in Store CSS Stylesheets as Files section of acp, i selected no, and arcade display back to normal

This worked for me, too, thank you :D

[Robru]

Works for me too, thanks !! :)

[gator777]

**UPDATED**

in Store CSS Stylesheets as Files section of acp, i selected no, and arcade display back to normal
That worked for me also ...thanks for the feedback. :D

[Bisha]

but... they are still using table

[Bouncer222]

I see you guys were able to fix it... how exactly did you do it could someone please provide a good step by step instructions?

Here is my Arcade, and I run vbulletin 4.0.1 SUITE

http://www.brotherhoodofgamers.com/arcade.php

Need to fix this please...

[Magz]

Edit the file located in /arcade/skins/skin_Arcade.php

find all occurrences of <fieldset> and replace with <fieldset class="fieldset">

save and re upload the file

hth

[Bouncer222]

It's still the same and didn't change, is there anyone here that knows how to fix this??? All my users are complaining...

[Digital Jedi]

It's still the same and didn't change, is there anyone here that knows how to fix this??? All my users are complaining...

You need to be more patient than bumping three threads trying to get an answer, just because your users can't deal with some white pages. We'll answer your question if we know the answer, and when and if we see the question. Bumping it three times isn't going to change any of that, and may cause some users to ignore you.

If the edits to skin_Arcade.php didn't work, then maybe your not using that skin. Try the other one. skin_v3Aracade.php.

[Bouncer222]

I opened that and there are no occurances of <fieldset>

[Digital Jedi]

I opened that and there are no occurances of <fieldset>
I'll see if I can't look this one over too.

[testbot]

yea, it has something to do with saving the styles as files. i hope this gets fixed because they should be saved as files for performance resons.

[JonnyThunder]

Thanks guys - replacing fieldset as posted above worked perfectly for me.

[testbot]

are your style sheets saved as files?

[hardfm]

Just do this, toss all defined styles out of the CSS and it will pick up the ones in your skin: copy paste this in the stylemanger for ARCARDE.CSS:


.tborder {
background-color:{vb:stylevar doc_backgroundColor};
font-size: {vb:stylevar font-size};
}
.tcat {
font:{vb:stylevar blockhead_font};
color:{vb:stylevar blockhead_color};
background:{vb:stylevar blockhead_background};
padding:{vb:stylevar blockhead_padding};
border:{vb:stylevar blockhead_border};
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}
.tcat a:link, .tcat_alink
{

text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{

text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{

text-decoration: underline;
}
.alt1, .alt1Active
{


}
.alt2, .alt2Active
{

}
/* ***** 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; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset {
padding: 5px;
font-size: {vb:stylevar font-size};
border: 1px solid #c4c4c4;
margin: 0 2px;
}
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

[testbot]

Just do this, toss all defined styles out of the CSS and it will pick up the ones in your skin: copy paste this in the stylemanger for ARCARDE.CSS:


i'm a little confused by this post.

"toss all defined styles out of the CSS"
out of what css?

"copy paste this in the stylemanger for ARCARDE.CSS"
does this mean, create a new style and ad it to the headerinclude template? if not i'm not sure where to find arcade.css.

thanks! :D

[Garamond]

Thanks guys - replacing fieldset as posted above worked perfectly for me.
For me too, and I'm embarassed that I didn't find this tip before. As long as you do this in the correct template-file it will be all good.

[testbot]

there are still some style issues when doing that. it doesn't fully match the style. there needs to be a better way to have it flow with the current forum style. not sure if that makes sense. it does in my brain. lol

[Gn_Snake]

Hmm


**UPDATED**

in Store CSS Stylesheets as Files section of acp, i selected no, and arcade display back to normal

Where is this options?


The same layout is confused

Thx

[Noerenberg]

where can i find this?

i have some style problems

[theque]

where can I read the colour-values set for your site ? So I can put them there in the CSS...

These values no longer work if we Store CSS Stylesheets as Files?

I don't want to disable this as it makes my forum run faster but i need my colours fixed how can we achieve this please?

I just changed the background colours located in my stylesheet folder clientscript/vbulletin_css/ARCADE.css its still the same

Eg the style sheet has no effect