Sunday, October 9, 2011

Change the transparency of your plurks

Tutorial - Change transparency of your plurks

Someone recently asked how to make the plurks more visible instead of transparent so, I decided to make a tutorial on how to get rid of the transparency just incase there are others who don't like it.

**This applies to recent LayoutFREAK! layouts, other layouts may have different codes**





First find this code:


/* Plurk: View before opening any Plurk */
.plurk_cnt {
background: #fff repeat scroll top left !important;
-moz-border-radius: 0px 0px 1px 1px;
-khtml-border-radius: 0px 1px 1px 1px;
-webkit-border-bottom-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 0px;
color: #000000 !important;
font-size: 11px;
border-right: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
line-height: 18px;
opacity: .45; filter: alpha(opacity=45);
-moz-transition:opacity 0.6s ease;
-webkit-transition:opacity 0.6s ease;
-khtml-transition: opacity 0.6s ease;
}


It may not look exactly like this but it will look very similar. The area in blue is where the transparency comes from, if you don't want your plurks transparent at all, change .45 to 1 and change 45 to 100. So you should be changing this

opacity: .45; filter: alpha(opacity=45);

to look like this

opacity: 1; filter: alpha(opacity=100);

The transparency scale ranges from about .01 to 1 with 1 equaling no transparency at all. 
Also, with filter: alpha(opacity=?), the scale ranges from about 01 to 100 with 100 equaling no transparency at all.

If you have any questions or concerns, just leave a comment!

No comments:

Post a Comment