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!

Update - Missing Arrows

IMPORTANT UPDATE!!!!


I know that the picture for your return arrow on some of your layout isn't showing up right because for some reason, Tinypic deleted the photo I used for it so I will have to upload it again. It will take me a while to fix since I have about 90+ layouts to redo but I'll try to give you status reports on the updates. Sorry for the inconvenience!

Something New

Personal Layouts!?!

Starting now, you now have the option to buy your own personal layout!
     More details here: ----> Personal Layout Coding Services

I'm Back!

Hey LayoutFREAK Fans!

  It's been a while since I've made any layouts (a little more than a half a year!), so I think it's time to make something new. I've already downloaded and started making new layouts for you guys so expect new layouts to come out soon!

Thank you guys for the continue use of my layouts!

   As some of you may have noticed, there have been a few changes to the website like the new "Like" box for facebook in the sidebar (the "Find Us on Facebook"), the pictures of the popular layouts at the top of the page have changed (there are also new popular layouts), and the layout gallery is open again, check it out here --> LayoutFREAK! Gallery

Again, I've posted a few tutorials on how to customize your layout so don't forget to check those out if you want to change something on your layout.

Since I still get a few questions on how to install a layout, here is the link on how to do it if you need it 

--> How to install a layout

Layout Problems!!!!!

IMPORTANT NOTICE

I know some of you are having problems with your layouts, mostly those who live in other countries from what I understand. The photo hosting site that I use (tinypic) sometimes messes up, which has happened before but the problem fixed within 24 hours. It will most likely fix itself later but to keep this problem from happening again I will be uploading my images to a different site and will go through all of my layouts and editing the downloading links. I will let you know via plurk when I will start updating the links and when I have finished. Like I said, the problem will most likely fix itself but just in case I will be using Picasa web albums and hopefully there won't be any problems again. For those of you who aren't having any problems with your layouts, disregard this notice. Sorry for the inconvenience everyone.

How to change the font family on your plurk layout

Tutorial - Change the font family on your dashboard (the STATS,FRIEND, FANS font)




    This tutorial will show to change the font on your dashboard, specifically the STATS, FRIENDS, FANS font.





    First for some (or most) of you, the font on your STATS, FRIENDS, FANS on the layouts that you download from layoutFREAK! don't match the screenshots that I have posted up:

That's because you may not have that font installed on your computer. The font that I use for the STATS,FRIENDS,FANS is called "Denise Sans". To use that specific font you have to download the font and install it on your computer:

Download "Denise Sans" Font

INSTRUCTIONS:

   You can change to font of the STATS,FRIENDS,FANS section to almost any font that you want as long as it's already installed on your computer. Here is how to change the font:


Look for this code or something similar in the CSS of your layout.

/*Dashboard Header2*/
#plurk-dashboard h2{
color: #a6b49b;
font-family: Denise Sans;
font-size: 27px;
border-bottom: 0px solid #83DF45;
text-transform: capitalize;
}

  The red text is where you put the name of the font you want  to use. Once you have made your changes, save your template and your done!



  If you have any questions or don't understand something, please feel free to leave a comment or send an email.

New Changes

Update!- New Changes


  I know some of you have noticed a new addition to LayoutFREAK!, but just in case some of you didn't notice, I'm posting this update about the new change and future additions that I will be adding. 


 I'm always hopeful to find designs to make plurk layouts, so thinking of the future where we will have many layouts for plurkers to choose from, I decided to make a gallery so you can take a look at all the layouts we have. The link is located at the very top of the web page next to "How to install a layout"


The titles of all the layouts are at the top of the layout and

if you click on the [+/-] symbol, a list of all the titles will be shown.

New Widescreen Layouts
   I also will be posting widescreen versions of future plurk layouts for people who have screen sizes bigger than 1200 x 800. I hope to go back and add widescreen versions of previous layouts as well.


I will use this icon:

for those who need to download widescreen layouts. For people with screen sizes 1200 x 800 and below, you can download plurk layouts the same way as before so don't worry about this new change. 

How to add your own plurk creature

Tutorial - Add your own plurk creature


    This tutorial tutorial will be very similar to the add or remove your plurk creature tutorial  

*IMPORTANT NOTE* When you add your own picture/plurk creature, it should be no wider than 230 pixels (px) and no taller then 400 pixels (px) or it will be cut off.

   The steps are the pretty much the same as the other tutorial. If your plurk creature is showing you have the code below insterted into your CSS template if your plurk creature is not showing, you do not have this code:


/* LOGO */
#dynamic_logo{
    position:absolute;
    margin:3px 0 0 5px;
    width:168px;
    height:162px;
background: transparent;
}


#dynamic_logo img{
    height:0px;
    width:0px;
}

INSTRUCTIONS:


     If you already have the code above delete it and replace it with the code below, if you do not have the code above then just add the code below:


/* LOGO */
#dynamic_logo{
    position:absolute;
    margin:3px 0 0 5px;
    width:240px;
    height:400px;
background: url(ADD YOUR URL HERE) no-repeat;
}


#dynamic_logo img{
    height:0px;
    width:0px;
}

   The blue area is where you add the url of the picture you want to use. Once you have made your changes, save your template and your done!


  If you have any questions or don't understand something, please feel free to leave a comment or send an email.

How to add or remove your plurk creature

Tutorial - Add or remove your plurk creature


    This tutorial will show you a simple step in removing or adding your karma creature on your plurk profile 


Whether your karma creature is showing or not depends on if this code has or has not been added to your CSS template:


/* LOGO */
#dynamic_logo{
    position:absolute;
    margin:3px 0 0 5px;
    width:168px;
    height:162px;
background: transparent;
}


#dynamic_logo img{
    height:0px;
    width:0px;
}

  If you can see your plurk creature but would like to remove it, then add the code above to your CSS template

(go to edit>customize profile and add it to your CSS)

If you don't see your plurk creature and want to add it, look for the code above and delete from your CSS template

(go to edit>customize profile and look for the code above then delete it)

That's it, if you still need help with this just leave a comment or send a email.

How to install a layout

Tutorial - How to install a LayoutFREAK! plurk layout

    Before I didn't really bother to explain how to install our layouts since I assumed that it would be easy to figure out 

Since some of you are still unsure how to install a layout I will show you how.






To install a layout all you have to do is go to the layout that you want and click on the picture below the layout description and credits: 

This Picture

 Because at the time my computer screen size was 1280x800, most of my older layouts are made to fit that screen size.


--------


If your screen size is LARGER than 1280x800 my newer layouts have the option of downloading the larger version, just click on this picture:

   It will take you directly to your plurk profile and all you have to do is click OK and your new layout is installed.

How to change the timeline background of your plurk layout

Tutorial - Change the timeline background of your plurk layout


    I know that a lot of you would like to customize your own plurk layouts like changing your timeline picture or changing the color of your dashboard. 


Here we will show you how to add your own picture to your plurk timeline.

First, look for this code in the css layout that you are using:


/* Timeline Holder Background */

#timeline_holder {
  background: #000 url(http://i49.tinypic.com/2dtvja1.jpg);
background-repeat: no-repeat;
border-top: 0px solid transparent !important;
border-bottom: 0px solid transparent !important;
}


  Change the area in blue:         to the url of the picture that you want to use. If you want to repeat your timeline image because it's too small, change the area in red:        from no-repeat to repeat, if not, just leave it alone.


ADVANCED (optional):


   For those of you who like to make your own timeline image, the average size of your timeline image should be at about 1300 pixels (px) wide and 380 pixels (px) high.


If you are confused or have any questions please let us know by email or drop us a comment, hope this was helpful!

How to add color and style to your "Send Private Plurk" box

Tutorial - Add style to your 'send private plurk' button


       Some of you may have noticed that Plurk is constantly updating and adding new features and one new change that Plurk has added is a send private plurk button under your name/age/gender/location area.

Here is how you can customize the look of this button.

First go to edit>customize profile

   Add this code to your css template:

/*Send Private Plurk Box*/
.friend_man.private_plurk {
-moz-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
background: #000000;
color: #ffffff !important;

}


The orange area is where you change the background color of your private plurk box
The blue area is where you change the font color of your private plurk box

OPTIONAL-
You can add the code above anywhere you want, but if you have this code:


/* Follow Friend/Fan Box */
.friend_man.add_follow, .friend_man.remove, .friend_man.add_friend, .friend_man.pending {
    -moz-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
background: #000000;
color: #FFFfff !important;
}


    you can add the code right below it.
If you're lazy like me and want an easier way to find this code press ctrl+f (command+f for mac users) and enter what you are searching for.

To add color and style to 'send private plurk' box WITHOUT the rounded borders-

    If you do not want rounded borders on the  private plurk button then add this code instead:



/*Send Private Plurk Box*/
.friend_man.private_plurk {
background: #000000;
color: #ffffff !important;
}



I hope this tuto was easy to understand! If you're confused or have and questions, leave a comment or send us an email.

New Look For LayoutFREAK!

As you all have notice LayoutFREAK! has a new look! It's the beginning of a new year so why not update the look?

Actually, the main reason for the change is because the old layout had many problems. Some of you might have noticed that it took a really long time for the pages to load, the page navigations did not show all the layouts, and some of the features did not work properly. I also changed the layout because I was tired of the dark look

This year we will start posting tutorials to edit your own plurk layouts (in the near future) so if you have a tutorial you want to suggest, send it to us by email. We will also start publishing more custom-made layouts! Some of the custom made layouts that I will be posting will be layouts that I originally designed for Plurk Layouts, but unfortunately they cannot host free layouts anymore (see their article why).

Do you like the new look for LayoutFREAK?

PROBLEMS!!!!!!!!! -updated

 
I know all of you are having problems with your layouts because you see this picture:

           I'm really sorry for the inconvenience and I'm working on correcting this problem, unfortunately I can't fix it until I get back from exams.

So until things are fixed, I recommend NOT to download any layouts.

I will try to fix this problem as soon as possible!



--------------------------------------------------------------------------------------------

UPDATE-- 12-08-09 10:58 a.m.

Layouts are corrected and new links were added so everything should be fixed. If you have anymore problems, please let me know

Thanks for your patience :D
-------------------------------------------------------------------