Dark Style Icon/Frameset Issue

[RobDog888]

In sdesigning a new style for my site I came across the problem which most dark styles probably run into, the alphablending of the standard vB icons/smilies and frameset coloring.

Is there any way to change the color of the inset frameset borderline?

Also, how to overcome the image anti-aliasing / alpha blening issue?

Thanks

http://gangstayoda.com/images/darkstyle2.png

[Brueskie]

It looks like you have a similar color scheme as my site. You need to edit the fieldset CSS as well as the CSS contained within the editor_css template. To fix the icons with the white jaggies, you need to create a set with a dark matte and overwrite the old ones. If you are also using a light theme, you can use a replacement variable to call the dark icons from the dark theme only, preserving the icons with the light matte for the light theme.

[RobDog888]

<font color="darkgreen">Where can I find the "fieldset CSS as well as the CSS contained within the editor_css template."?

The fieldset css here?

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

And the editor css template?
.vBulletin_editor {
background: {$istyles[pi_button_normal][0]};
padding: $stylevar[cellpadding]px;
}</font>

[Brueskie]

Add a CSS selector called "fieldset" WITHOUT the "." at the beginning, and style it as you wish; do NOT edit the .fieldset class. For instance, add...

fieldset {
border: 1px solid #444444;
}

...in the Additional CSS Definitions field in the Style Manager.

Yes, in the editor_css template, you want to edit the .vBulletin_editor class and add the appropriate border to it. In my case, I used the same border property and value as in the above fieldset selector.

[RobDog888]

Thanks, I'll try it out. :)

--------------- Added 1206170870 at 1206170870 ---------------

Got the fieldset tweaked out good for my style now. Thanks :)

Just need the editor beige background changed to a grey.

The editor css template?
.vBulletin_editor {
background: {$istyles[pi_button_normal][0]}; // I just have to change the variable to a hard coded value?
padding: $stylevar[cellpadding]px;
}

Edit: Yes, that worked but i aslo had to adjust the non-selected or hovered button background for the editor buttons in the style.

Just need to figure out the jaggies on the icons now. Guess I could color the background to match so there will be no alpha blending but not sure if it will work.
Oh I havent used replacement vars yet but it looks like that is how to replace the icons as per style?

[Brueskie]

For the icons, you can download the default layered vB graphics at vbulletin.com, then resize them and save them with a darker matting.

Or, easier, you can just right-click and save the ones from my site and upload them to your server, overwriting the old ones. They're the stock vB icons already saved at a matting that would work just fine on your site.

[RobDog888]

<font color="darkgreen">Thanks, I already have the graphics sdk for vB but I'd like to learn more on making the matting for it as eventually I need to create more for my other sites.

I see you can add a mask or an fill/adjustment layer. Would I do it from there? </font>

[Brueskie]

You choose the matting when you go to save the graphic. In Photoshop, chose Save for Web & Devices then select GIF as the file type. Check the Transparency box, then select the matte color you wish to use, which would be a color matching the background the icons will show against.

[RobDog888]

Oh thats where. DOH! I see it all the time and never needed to use it.

Thanks a ton! :D

--------------- Added 1206235048 at 1206235048 ---------------

I made my icons but can you show me how to use the replacement manager to switch them under the dark style?

Do I have to write on for each icon? Cant I use a partial or something?

--------------- Added 1206235337 at 1206235337 ---------------

Ah, nevermind. I got it. I used a partial url to the style's icon folder.

Thanks

--------------- Added 1206235496 at 1206235496 ---------------

Ok, didnt work out all that great.
Seems when you have the alt1 and alt2 colors dark but shades different, when creating a new thread you wont match in the posticons but you will in the forum display. Guess cant have it both ways? Do i need to create a set of icons for alt1 and another for alt2 icons?

[Shawn Yue]

<a href="https://vborg.vbsupport.ru/showthread.php?t=103461" target="_blank">https://vborg.vbsupport.ru/showthread.php?t=103461</a>

This Is A Not Supported Version Now

You need Code And Temeplete To Let it Work

[RobDog888]

Thanks but this is for my main style and not the Admin control panel. ;)

[Shawn Yue]

Ask I Said

Edit THE cODE oR tEMEPLETE iT Should Work...

[RobDog888]

<font color="darkgreen">But I have my style finished, just had some issues with the post icons and smilies. Those are not in the ACP stlyes.</font>