Dark Style Icon/Frameset Issue
 

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

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.

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

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.

Thanks, I'll try it out. :)

--------------- Added [DATE]1206170870[/DATE] at [TIME]1206170870[/TIME] ---------------

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?

Code:

---

.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?

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.

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

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.

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

Thanks a ton! :D

--------------- Added [DATE]1206235048[/DATE] at [TIME]1206235048[/TIME] ---------------

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 [DATE]1206235337[/DATE] at [TIME]1206235337[/TIME] ---------------

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

Thanks

--------------- Added [DATE]1206235496[/DATE] at [TIME]1206235496[/TIME] ---------------

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?

<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