Custom skinning the message board.

Dracorat

First Post
So...

After using the white skin and having some real flow layout issues with it, I have made a custom user CSS file that fixes a lot of the issues with the skin and am here to share!

First, you need a browser that supports custom skinning. I am using Opera.

To get Opera to apply your custom CSS file, you right click a page and then select "Edit Site Preferences" ... go to "Display" ... then enter a path to your CSS file in the browse box there.

For contents of the CSS, I recommend:
Code:
/*===========================
|| EN World Custom CSS
|| . especially for use
|| . with the "white 2" scheme
|| . though should be compatible
|| . with all skins
||
|| Edit values as you like
===========================*/

/*Change blank images to have a max width.*/
TD.alt1 IMG
{
	max-width: 32px;
	font-size: 8pt;
}

/*Change Avatar Images*/
DIV.smallfont A IMG
{
	opacity: 0.5; /* half-transparent */
}

/* Change the blue headers to be less unreadable */
.tcat{
	background-image: none !important;
	background-color: #A0A0A0 !important;
	color: white !important;
}
.thead A, .thead{
	background-image: none !important;
	background-color: #C0C0C0 !important;
	color: white !important;
}

Simple, yet elegant.

Of course, change things to suit your liking.

... now, if we could only get the admin to copy all the PNG files from the default theme to "/forum/images/bo20/statusicon/" it'd be practically perfect!
 

log in or register to remove this ad

Remove ads

Top