randomlayouts tutorial #1
SMALL LAYOUT
These are very easy to make, but if you dont follow directions youll mess it up.
here are the instructions:
.
.
.
HERE IS THE CODE. I WILL BREAK IT DOWN FOR YOU.
<div style="border-right: rgb(0,0,0) 2px ridge; background-position: left top; border-top: rgb(0,0,0) 2px ridge; background-image: url(http://i0006.photobucket.com/albums/0006/findstuff22/Best%20Images/Just%20For%20Fun/cupcakespink1.jpg); margin: auto; overflow: auto; border-left: rgb(0,0,0) 2px ridge; width: 500px; border-bottom: rgb(0,0,0) 2px ridge; background-repeat: repeat; height: 350px; background-color: transparent; text-align: center">
<div><span style="color: rgb(219,205,176)">.<br />
.<br />
.</span></div>
<div style="border-right: rgb(0,0,0) 3px double; background-position: right top; border-top: rgb(0,0,0) 3px double; margin: auto; overflow: auto; border-left: rgb(0,0,0) 3px double; width: 300px; border-bottom: rgb(0,0,0) 3px double; background-repeat: no-repeat; height: 250px; background-color: rgb(255,255,255); text-align: center"><span style="font-size: x-small"><span style="font-family: Century Gothic"><span style="font-family: Comic Sans MS">HERE IS THE CODE. I WILL BREAK IT DOWN FOR YOU.<br />
</span></span></span></div>
<span style="background-color: rgb(51,51,51)"><span style="font-size: x-small"><span style="font-family: Century Gothic"><font color="#dbcdb0">(</font><font color="#ddcdac">c</font><font color="#decca8">)</font><font color="#e0cca3">r</font><font color="#e1cb9f">a</font><font color="#e3cb9b">n</font><font color="#e5ca97">d</font><font color="#e6ca93">o</font><font color="#e8c98e">m</font><font color="#e9c98a">l</font><font color="#ebc886">a</font><font color="#e9c583">y</font><font color="#e6c280">o</font><font color="#e4bf7d">u</font><font color="#e1bc7a">t</font><font color="#dfb876">s</font><font color="#dcb573"> </font><font color="#dab270">:</font><font color="#d5ac6a">)</font></span></span></span></div>
See the bolded URL? take a picture from photo bucket and insert the DIRECT LINK there. we have found that if you use a print, like polka dots, it comes up bettter, and you can see the whole picture.
HOW TO ADD YOUR CREDIT LIKE OURS.
soo, see the (c) randomlayouts at the bottom? this isnt something you edit in the source!
once you put it back in so you can see yourself typing in the layout, click on the credit. for this tutorial we put INSERT YOUR COPYRIGHT :D. its just regular text, so you can edit it! you can leave the color, change the color. dont try moving it around, cause itll be messed up. change the color of the background if you want, or the text. comment on this if you need help. have fun (:
INSERT YOUR COPYRIGHT :D
need help? comment on xrocknrollx.. we never check this username anymore :/
love, xrocknrollx & xobelxo :D
FOR SOME REASON THE PICTURE ISNT SHOWING UP ON THIS QUOTE. BUT IT WILL ON A PROFILE, DONT WORRY :D