Secções "Rainbow Style"

por Riqui BlackGangsta Sex maio 21, 2010 10:32 pm

Criei uma tecnica de secções muito interessante, ela vem modificada já com uma tecnica muito boa de bordas.
O resultado será este:

(barra de youtube nao vem com este codigo)
Codigo:

Código:: <div id="bordas"> <table style="margin: 0px auto;"> <div style="width: 500px; height: 50px;" class="structurediv" align="center"> <a href="#1">TITULO 1</a> <a href="#2">TITULO 2</a> <a href="#3">TITULO 3</a> <a href="#4">TITULO 4</a> </div> <td valign="top"> <div style="width: 502px; height: 300px; overflow-y: hidden;" class="structurediv"> <a name="1"> <div style="width: 500px; height: 300px; overflow: auto;" align="justify"> </a> escrevem1 </div> <a name="2"> <div style="width: 500px; height: 300px; overflow: auto;" align="justify"> </a> escrevem2 </div> <a name="3"> <div style="width: 500px; height: 300px; overflow: auto;" align="justify"> </a> escrevem3 </div> <a name="4"> <div style="width: 500px; height: 300px; overflow: auto;" align="justify"> </a> escrevem4 </div></td></tr></table> </div> <style> #bordas {width:300px height: 300px!important; border: 15px solid; -moz-border-bottom-colors:#FF0022 #FF0082 #FF00E2 #FF00FA #C300FF #3300FF #008CFF #00D4FF #00FFE2 #00FF82 #00FF3A #9DFF00 #FDFF00 #FFB900; -moz-border-top-colors:#FF0022 #FF0082 #FF00E2 #FF00FA #C300FF #3300FF #008CFF #00D4FF #00FFE2 #00FF82 #00FF3A #9DFF00 #FDFF00 #FFB900; -moz-border-left-colors:#FF0022 #FF0082 #FF00E2 #FF00FA #C300FF #3300FF #008CFF #00D4FF #00FFE2 #00FF82 #00FF3A #9DFF00 #FDFF00 #FFB900; -moz-border-right-colors:#FF0022 #FF0082 #FF00E2 #FF00FA #C300FF #3300FF #008CFF #00D4FF #00FFE2 #00FF82 #00FF3A #9DFF00 #FDFF00 #FFB900; padding:5px; background-color:#000!important; color:#fff!important; margin-left:16px; -moz-border-radius-topleft:20px; -moz-border-radius-bottomright:20px} </style>