Description:
- This theme was originally created as an optimization of the Underwater Theme by Squark. As such, it is constantly a work in progress. I am still in the process of finding a way around the transparency issue without having to use an image. If you know a way, then let me know.
- The image at the top of this theme was created by me. You are not at all bound to use it on your wiki. All you have to do to replace it is find the section of code below, upload an image of your own to your wiki, and then replace "http://themes.wdfiles.com/local--files/semi-trans/semi-trans-bgimage.png" with a link to your image. 1, 2, 3, simple!
body {
background-image: url(http://themes.wdfiles.com/local--files/semi-trans/semi-trans-bgimage.png);
background-position: top center;
background-repeat: no-repeat;
background-color: black;
color: #00ff33;
}
- Also note that the semi-transparent background is dependent on the image in the "#main_content" section. If you replace it with an opaque image, you will lose the effect. If you want to make a semi-transparent background with your own color, follow these steps:
- Open Adobe Photoshop (If you do not own Photoshop and cannot afford it, there is an open-source alternative called Paint.net which you can download for free here.).
- Create a new image. The dimensions don't matter; make it as big or small as you like.
- Select all and delete.
- In the color tool, choose your color, and then set the transparency (sometimes called the alpha) either to 204 for 80% transparency or 191 for approximately 75% (if you want any other level of transparency, you can do the math yourself, the formula is $\frac{255 * percenttransparent}{100}$.
- Save the image under a name you'll remember
- Upload the image to your wiki, preferably to the page where you have your code saved.
- Look for the section of code below:
# Replace "http://themes.wikidot.com/local--files/semi-trans/semi-transbgtransparent.png" with a link to your image. - Update the code in the management panel (Hopefully, you already know how to do this.).
*Color Scheme (For now) by Jules Ismail.
#main-content {
background-color: transparent;
background-image: url(http://themes.wikidot.com/local--files/semi-trans/semi-transbgtransparent.png);
background-repeat: repeat;
border:1px solid white;
/* for IE */
filter: alpha(opacity=100);
/* CSS3 standard */
opacity: 1.0;
margin-top: 0px;
margin: 0px 240px 10px -11px;
}
- The opacity code is there as a safety buffer. I may remove it when I figure out a way to further optimize the semi-transparency.
Preferred Method of Installation
- Copy the code from below.
- Paste it into a page on your wiki that only admins can alter, being sure to place code tags around it.
- Go to "Appearance" in the navigation bar of the Admin Management panel.
- Select "Custom Themes" in the navigation bar.
- Create a new custom theme that imports the code from your css page.
- Save it.
- Select "Themes" in the navigation bar.
- Set your new theme to whatever you want it for.
How to install
- go to: your wiki admin panel » appearance » themes
- choose External CSS theme
- supply the following URL as the CSS location
http://themes.wdfiles.com/local--code/semi-trans
Code
Notes
Similar themes
|
Browse themes by tag
2.0
3d
3d-buttons
610nm
and
and/or
ardeol
articles
band
base
beige
black
blog
bloo
blue
bmc
border
boring
brown
business
camo
cat
chocholate
christian
christmas
city
clan
claret
claus
clay
clean
coffe
coke
colorful
company
contest
contest-win
corperate
corporate
corporation
creative
crimson
cross
css3
css3-buttons
curved
d14
dark
dashed
deep
|
Had a question though.
After tweaking the colors (Sorry, that neon green/orange/red thing was just painful) I can't seem to find a way to get the forum areas that have 'white' backgrounds to change. They need to be darker.
Is there a way to edit that section of the CSS? I'm assuming it's the part where you have an import from the forum css? Is there a way to change that as well or are we stuck with it?
Edit: 1 other question….. I'm not a CSS Guru but I noticed that in IE8 I have to view the site in compatibility view or the theme doesn't display properly at all. Is there something I can edit to fix that?
I am a junior right now and play football. I am currently looking to go to school in Superior. There I am thinking about majoring in buisness. I am from Ames Iowa and moved to Waunakee when I was in first grade. Currently I only play football and CYO basketball because CYO is the thing to do becuase its sweet.