Translate This Blog
Remember To Always Back Up Your Template Before Attempting Any Of The Tweaks On This Site

Transparent Blogs

To make your blog transparent simply go to Edit HTML in layouts or Design option.

 Search  (Ctrl+F) for the following parts in the code individually. (Ctrl+F will open a text box and you just need to input one of these codes below)
#content-wrapper {
#main-wrapper {
#sidebar-wrapper {
#footer {
Underneath each one of these code you will place the following code

background-color: black;
opacity:.850;
filter: alpha(opacity=85);
-moz-opacity: 0.850;
background:url("YOUR BACKGROUND");
background-repeat: repeat-y;

You can change the Red text to the color you want. This can also be HTML color codes.

Adjust the Blue text for more or less transparency for the background.

The Orange  text is where your background URL would go for each section. This is optional.

If you decide to use a background you will want to change the Green text to one of the following.

  • repeat-y     (repeats vertical)
  • repeat-x     (repeats horizontal)
  • no-repeat  

0 comments:

Post a Comment

Web Design Blogs