YUKU BACKGROUND TUTORIAL

This is how to Create a Web Page in Yuku Forums using premade codes


The first one is a 2 layer Background

Make sure you have all the Tiles you are going to use uploaded to Photobucket or Tiny Pics etc

Ok Lets get Started

Copy this code exactly, from first < to last >


<div class="tags" style="border: 3px solid White; padding: 35px; background-image: url(Here); text-align: center;">
<div class="tags" style="border: 3px solid White; padding: 25px; background: White url(HERE); text-align: center;">
<div class="tags" style="border: 3px solid White; padding: 10px; background: White; text-align: center;">
<img src="Your Image goes Here">
</div></div></div>



Open a reply box in Yuku

Look at the bottom of the reply box and UNTICK the convert urls box

 

Click html box ( it turns Yellow)

 

Delete whatever is inside the box


 



Then Control V to paste your code
it should now look like this


 


Place your cursor inside the Brackets, and highlight the word Here, hit delete on your keyboard , your cursor
should now be between the empty brackets

Go to PhotoBucket, or which ever you use, and copy the direct link of the tile you want to use


 

Paste into your code where the word Here was. (Your cursor should still be between the brackets)
Do this for the other tile you want to use for your second layer

Untick the html box and you should see your Background


 


Don't worry if it seem's small, it will get bigger when you add text and images
Click inside the new background until you see your cursor, Delete the little icon and start
adding your images and text

When you are happy with your background, click post and your done

 

If you are feeling Brave you can try a 3 Panel code

 
<div class="tags" style="border: 3px solid White; padding: 35px; background-image: url(Here); text-align: center;">
<div class="tags" style="border: 3px solid White; padding: 25px; background-image: url(HERE); text-align: center;">
<div class="tags" style="border: 3px solid White; padding: 15px; background-image: url(HERE); text-align: center;">
<div class="tags" style="border: 3px solid White; padding: 10px; background: White; text-align: center;">
<img src="HERE">
</div></div></div></div>



Have Fun and don't forget to post your Results 

Tutorial written by Dawn  RCR Jan 2009

Page codes and design Dawn