Username: 
Password:    
Remember Me

Search by :  Username E-mail Region Interest AOL IM ICQ Number Yahoo! ID MSN Username Jabber

LCP (sic_vita_est) wrote in rp_tutorials,

sorry for double-posting, derped and refined it a bit
If you want something like this in this exact same size:


You can use this code:
<div style="margin:0 auto 10px auto;width:400px;overflow:hidden;"><div style="background:url(http://4.bp.blogspot.com/-I8AgHgLEonM/Uut1NBsI0oI/AAAAAAAAAHw/pRttzmJMycw/s1600/IMG.jpg);width:400px;height:285px;overflow:hidden;background-size:cover;"><div style="padding:5px;width:320px;margin:125px 50px;"><font face="courier new" color="#666666">Just an old sweet song keeps Georgia on my mind</font></div></div></div>

Where "courier new" is the font and "#666666" is the font colour.

If you want your image bigger, change the width:400px;height:285px to what you want, but scale it according to the original image for best results (1600x1131). Making your image bigger you will also have to change the first width:400px and you may need to make adjustments to "padding:5px;width:340px;margin:125px 50px;" where margin:125px 50px indents your text down from the top by 125px and to the right by 50px, width:340px means that from the starting point of 50px across, your text will stretch 340px to the right (total of 390px out of the current image width of 400px).