Sunday, 29 May 2011

#3 Cute cbox

BY KRYSTAL ❤

Hope you all like these CUTE chatbox background
CLICK HERE TO LEARN HOW TO APPLY THIS cbox BACKGROUND! 

Photobucket
 
1. URL : http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/cute-1.gif
cbox size = width : 210 , height : 275
shoutmix size = width : 210 , height : 365

Photobucket
 

2. URL : http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/CUTE1.gif
cbox size = width : 190 , height : 325 
shoutmix size = width : 190 , height : 415

Photobucket
 

3. URL : http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/cute2.jpg
cbox size = width : 200 , height : 340
shoutmix size = width : 200 , height : 430

Photobucket
 

4. URL : http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/cute4.jpg
cbox size = width : 200 , height : 395 
shoutmix size = width : 200 , height : 485

Photobucket
 

5. URL : http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/cute5.jpg
cbox size = width : 200 , height : 305
shoutmix size = width : 200 , height : 395

Photobucket
 

6. URL : http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/cute6.jpg
cbox size = width : 200 , height : 305
shoutmix size = width : 200 , height : 395

Photobucket
 

7. URL : http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/cute3.jpg
cbox size = width : 200 , height : 345
shoutmix size = width : 200 , height : 435

Photobucket
 

8. URL : http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/cute7.jpg
cbox size = width : 190 , height : 260
shoutmix size = width : 190 , height : 350

Photobucket
 

9. URL : http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/cute8.gif 
cbox size = width : 200 , height : 315
shoutmix size = width : 200 , height : 405

Photobucket
 

10. URL : http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/cute9.gif
cbox size = width : 200 , height : 315 
shoutmix size = width : 200 , height : 405

Photobucket
 

11. URL : http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/cute10.gif
cbox size = width : 200 , height : 315
shoutmix size = width : 200 , height : 405


If you still don't know how to apply the background ,
send me your blogger email & pass , I will help you apply it .
OR
Send me your chatbox code to me on facebook inbox (sometimes this method does not work)

Sunday, 1 May 2011

Add image in front of post title (2)

This tutorial is for template from Template Designer.

Design -> Edit html Find this code below (ctrl+f)
h3.post-title {
It should look something like this , delete this code
h3.post-title {
  margin: 0;
  font: $(post.title.font);
}
Add the code below :-
h3.post-title {background-image: url(http://dl7.glitter-graphics.net/pub/1822/1822977ocowzh2qvg.gif);
background-repeat:no-repeat;
border: 0px double #FFFFFF;
margin-bottom: 6px;
font: $(post.title.font);padding: 10px 3px 15px 75px;
line-height: 2.0em;
text-transform:uppercase;
letter-spacing:.1em;
}
Change http://dl7.glitter-graphics.net/pub/1822/1822977ocowzh2qvg.gif with the link of the image you want.
Change the padding to align to suit the image you want.
Change the last padding if the image is far away from the image :)
PREVIEW until the image is align beside the title lastly "SAVE"