Post by fran121 on Sept 26, 2007 22:20:28 GMT -5
Simple box with border N°1
-------------------------------
- here you can change the thickness (1px) and color of the border (rgb(213, 93, 95)), as well as the padding (7px) and the width of the box (351px)
- if you don't want any border, put (0px) for the thickness
<div style="border: 1px solid rgb(213, 93, 95); padding: 7px; width: 351px;">
<h3 align="center">Title of the box</h3>
<p>text with first letter bolded</p>
<p align="center"><i>text italique and centered</i></p>
</div>
Simple box N°2
------------------
- here you can change the thickness (1px) and color of the border (rgb(226, 225, 139)), as well as the padding (7px), the width of the box (351px) and the top margin (10px)
- if you don't want any border, put (0px) for the thickness
<div style="border: 1px solid rgb(226, 225, 139); padding: 7px; width: 351px; margin-top: 10px;">
<h3 align="center">Title of the box</h3>
<ul style="margin: 0pt; padding-left: 20px; padding-right: 15px; padding-bottom: 15px;">
<li><b>Bold text</b>Normal text<br><br></li>
</ul>
</div>
Simple rollbox
----------------
- here, if the text length is less than 200px heigh, the box will not roll
- you can change the 2 sizes :
WIDTH: 315px and HEIGHT: 200px
<DIV style="OVERFLOW: auto; WIDTH: 315px; HEIGHT: 200px">
(here you put your text)
</DIV>
Rollbox with background picture
--------------------------------------
- background picture size = 747 X 600
<TABLE cellSpacing=0 cellPadding=0 width=747 border=0>
<TBODY>
<TR>
<TD align=middle width=747 height=20><FONT size=2> <STRONG><FONT color=#ff7200>Title of the box</FONT></STRONG> </FONT></TD>
</TR>
<TR>
<TD vAlign=top align=middle width=747 background=http://background_picture.jpg height=600>
<DIV style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; FLOAT: left; MARGIN-LEFT: 0px; OVERFLOW: auto; BORDER-LEFT: 0px; WIDTH: 747px; BORDER-BOTTOM: 0px; HEIGHT: 600px; BACKGROUND-COLOR: transparent">
(here you put all you want to have inside the box)
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
-------------------------------
- here you can change the thickness (1px) and color of the border (rgb(213, 93, 95)), as well as the padding (7px) and the width of the box (351px)
- if you don't want any border, put (0px) for the thickness
<div style="border: 1px solid rgb(213, 93, 95); padding: 7px; width: 351px;">
<h3 align="center">Title of the box</h3>
<p>text with first letter bolded</p>
<p align="center"><i>text italique and centered</i></p>
</div>
Simple box N°2
------------------
- here you can change the thickness (1px) and color of the border (rgb(226, 225, 139)), as well as the padding (7px), the width of the box (351px) and the top margin (10px)
- if you don't want any border, put (0px) for the thickness
<div style="border: 1px solid rgb(226, 225, 139); padding: 7px; width: 351px; margin-top: 10px;">
<h3 align="center">Title of the box</h3>
<ul style="margin: 0pt; padding-left: 20px; padding-right: 15px; padding-bottom: 15px;">
<li><b>Bold text</b>Normal text<br><br></li>
</ul>
</div>
Simple rollbox
----------------
- here, if the text length is less than 200px heigh, the box will not roll
- you can change the 2 sizes :
WIDTH: 315px and HEIGHT: 200px
<DIV style="OVERFLOW: auto; WIDTH: 315px; HEIGHT: 200px">
(here you put your text)
</DIV>
Rollbox with background picture
--------------------------------------
- background picture size = 747 X 600
<TABLE cellSpacing=0 cellPadding=0 width=747 border=0>
<TBODY>
<TR>
<TD align=middle width=747 height=20><FONT size=2> <STRONG><FONT color=#ff7200>Title of the box</FONT></STRONG> </FONT></TD>
</TR>
<TR>
<TD vAlign=top align=middle width=747 background=http://background_picture.jpg height=600>
<DIV style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; FLOAT: left; MARGIN-LEFT: 0px; OVERFLOW: auto; BORDER-LEFT: 0px; WIDTH: 747px; BORDER-BOTTOM: 0px; HEIGHT: 600px; BACKGROUND-COLOR: transparent">
(here you put all you want to have inside the box)
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>