vb.org Archive - ibproarcade skin layout on VB4

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

- ibProArcade Archive (https://vborg.vbsupport.ru/forumdisplay.php?f=174)

- - ibproarcade skin layout on VB4 (https://vborg.vbsupport.ru/showthread.php?t=230277)

Magz	12-15-2009 07:05 PM

ibproarcade skin layout on VB4

1 Attachment(s)

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

12-16-2009 07:25 PM

I am experiencing the same thing with RC4

Garamond

12-16-2009 10:15 PM

Yikes!

MikalMirkas

12-17-2009 03:19 AM

Me too. :\

kylek

12-22-2009 09:23 AM

Same look also.

kylek

12-22-2009 09:54 AM

1 Attachment(s)

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

Attachment 107899

Garamond

12-23-2009 03:24 PM

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

12-23-2009 06:44 PM

Quote:

Originally Posted by kylek (Post 1935301)

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

Attachment 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

12-26-2009 03:53 AM

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

Code:

.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

12-27-2009 07:04 AM

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

KissOfDeath

12-30-2009 09:40 AM

Quote:

Originally Posted by MrZeropage (Post 1939207)

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

Code:

.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

01-12-2010 01:19 PM

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

01-12-2010 01:22 PM

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	01-14-2010 07:05 PM

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

01-15-2010 02:10 PM

Quote:

Originally Posted by Magz (Post 1955854)

**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

01-16-2010 09:37 AM

Works for me too, thanks !! :)

gator777

01-16-2010 05:14 PM

Quote:

Originally Posted by Magz (Post 1955854)

**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

01-18-2010 06:23 PM

but... they are still using table

Bouncer222

01-18-2010 06:50 PM

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	01-21-2010 07:14 AM

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

01-21-2010 07:46 PM

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

01-25-2010 03:12 AM

Quote:

Originally Posted by Bouncer222 (Post 1962697)

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

01-25-2010 06:58 PM

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

Digital Jedi

01-25-2010 08:44 PM

Quote:

Originally Posted by Bouncer222 (Post 1966398)

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

I'll see if I can't look this one over too.

testbot

02-03-2010 07:29 PM

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

02-06-2010 08:23 AM

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

testbot

02-06-2010 12:25 PM

are your style sheets saved as files?

hardfm

02-15-2010 04:54 PM

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:

Code:

.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

02-15-2010 06:14 PM

Quote:

Originally Posted by hardfm (Post 1983104)

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

02-15-2010 08:19 PM

Quote:

Originally Posted by JonnyThunder (Post 1975911)

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

02-15-2010 09:13 PM

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

02-17-2010 10:56 AM

Quote:

Originally Posted by Magz (Post 1955854)

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

03-11-2010 01:48 AM

where can i find this?

i have some style problems

theque

03-29-2010 08:09 PM

Quote:

Originally Posted by MrZeropage (Post 1939207)

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

All times are GMT. The time now is 02:31 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01927 seconds Memory Usage 1,820KB 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 (10)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (34)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 bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: