hey

how to make a custom box with a interior box/ without an interoir box

here is the one with interior box. here is the code

<div class=”popup2-moremenu”><div class=”floaty-boat”><br><img src=”http://i1198.photobucket.com/albums/aa450/newcol0ny/Untitledddd-1.jpg”/></div></div><div class=”gr-box gr-genericbox”><br><i class=”gr1”><i></i></i> <i class=”gr2”><i></i></i> <i class=”gr3”><i></i></i><div class=”gr-top”><div class=”gr”><b><i class=”tri”></i><br /></b></div></div><div class=”gr-body”><div class=”gr”><div class=”grf-indent pp” align=”center”>

<img src=”http://i1198.photobucket.com/albums/aa450/newcol0ny/101fromspeedwobble.png” border=”0” alt=”Photobucket”></a> 

:thumb185298485::thumb191618550::thumb191618825:

<b><sup>* NOTE: YOU MUST FINISH YOUR HALF FIRST 

i do not trade based on skill but character so DO NOT BE AFRAID TO ASK ME! </b>

<div></div><i class=”gr3 gb”></i><i class=”gr2 gb”></i><i class=”gr1 gb gb1”></i>

the fist “paragraph” is the beginning code for the “interior box” as well as the box background. as you can see it says “http://i1198.photobucket.com/albums/aa450/newcol0ny/Untitledddd-1.jpg” that is the link ( i would recommend imageshak to photobucket USE IMAGESHACK) of the background which is the purple vintage wallpaper. DONT TOUCH ANYTHING ELSE IN THAT FIRST “paragraph”

next i have my header this is the “html” code you can easily copy from photobucket. just paste that right under your top box code. the header is braxton headshot.

next line is stamp thumbnails you can easily get from deviations

then is text you just type that right under everything

then last is the closing of the box. dont touch this or put anything under it.

—now without the box!

the code for this is more complex only because of the ‘buttons’

CODE

<div class=”popup2-moremenu”>

<div class=”floaty-boat”><img src=”http://i1198.photobucket.com/albums/aa450/newcol0ny/Untitledddd-1.jpg”></div>

<div class=”gr-box gr-genericbox”>

<a href=”http://s1198.photobucket.com/albums/aa450/newcol0ny/?action=view&amp;current=142frommeller-1.png” target=”_blank”><img src=”http://i1198.photobucket.com/albums/aa450/newcol0ny/142frommeller-1.png” border=”0” alt=”Photobucket”></a>

<a href=”http://t0tem.tumblr.com” class=”smbutton smbutton-blue smbutton-big”><span class= preview>TUMBLR</span></a>  <a href=”https://twitter.com/#!/newcol0ny” class=”smbutton smbutton-green smbutton-big”><span class= preview>TWITTER</span></a>  <a href=”http://abrandnewcol0ny.deviantart.com/journal/POINT-COMMISH-PRICES-221201348” class=”smbutton smbutton-big”><span class= preview>COMMISH ME</span></a>  <a href=”http://s1210.photobucket.com/albums/cc407/Ocol0nies/” class=”smbutton smbutton-green smbutton-big”><span class= preview>OCREFS</span></a>  <a href=”http://www.youtube.com/user/haileymi?feature=mhee” class=”smbutton smbutton-blue smbutton-big”><span class= preview>YOUTUBE</span></a>

</div></div>

AGAIN ONLY TOUCH THE “LINK” to change your ‘wallpaper’

then i insterted a picture which is the next html code

then i added buttons for links!  you can look at more buttons here http://browse.deviantart.com/?qh=&section=&q=custom+box+buttons or you can add your own links to words and play around with it.

all these ‘extra things’ are in the middle of the sandwitch between the top code and the bottom </div></div> DONT PUT ANYTHING UNDER THERE!! i hope that helped!!