Foros del Web - Ver Mensaje Individual

abimaelrc · #5 (**permalink**) 03/05/2010, 16:48

Ejemplo:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html>
<head>
<style type="text/css">
*{margin: 0; padding: 0;}
body{background-color: #000;}
#left_menu{
    width: 135px;
    margin: 5px 5px;
}
.leftTop{
    background-image: url(left-top.jpg);
    background-position: top;
    background-repeat: no-repeat;
    height: 29px;
}
.leftBody{
    background-image: url(left-center.jpg);
    background-position: top;
    background-repeat: repeat-y;
    color: #fff;
    padding: 5px;
}
.leftBottom{
    background-image: url(left-bottom.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    height: 13px;
}
</style>
</head>
<body>
<div id="left_menu">
    <div class='leftTop'></div>
    <div class='leftBody'>aqui va el código que desees colocar</div>
    <div class='leftBottom'></div>
</div>
</body>
</html>

Ahí tienes la idea, si no entiendes lo que dice ese código, entonces te recomiendo que leas manuales como por ejemplo http://www.librosweb.es/