Search in forum:
Search


Author Message
Post07/24/2011 at 7:31pm (UTC)    
Post subject: [Tutorial] More boxs in design butterfly

1/3 We need to go to Edit design.


2/3 We are going to Text at top of page and place the code.


3/3 Now i will explain the code that we will use.

Quote:
<table width="10" border="0" cellspacing="0" cellpadding="0"style="position:absolute;left:798px;top:1172px; width:201px">
<tr>

<td class="edit_navi_container">
<table width="10" border="0" cellspacing="10" cellpadding="0" height="13">
<tr>
<td width="182" align="left" valign="top" class="edit_bg_rightbox">

<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="http://theme.webme.com/designs/butterfly/images//headline_bg.gif" height="35" class="edit_rechts_headline">
<table width="182" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="edit_headline_bar_right_left" width="9"></td>
<td class="headline_bar_right" width="5"><img src="http://theme.webme.com/designs/butterfly/images_blau/head.gif" width="5" height="21"></td>
<td class="headline_bar_right_right" width="4"></td>
<td width="155" class="headline6"><strong>Title of the box</strong></td>

<td class="edit_headline6_right" width="9"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="35" align="left" valign="top" bgcolor="#4B595B" class="edit_right_box">
<table width="181" border="0" cellspacing="0" cellpadding="0">
<tr>

<td class="edit_rechts_headline2_left" width="9"></td>
<td width="164" height="5" background="http://theme.webme.com/designs/butterfly/images_blau/head.gif" class="edit_rechts_headline2"></td>
<td class="edit_rechts_headline2_right" width="9"></td>
</tr>
<tr>
<td class="rb_bar_left" width="9"> </td>
<td width="159" height="60" bgcolor="#FFFFFF" class="edit_right_box2" style="padding-left:5px;">
Contents of the box </td>
<td class="rb_bar_right" width="9"> </td>

</tr>
<tr>
<td class="rb_bar_bottom" colspan="3" height="9"></td>
</tr>
</table>
</td>
</tr>
</table>

</tr>
</table>
</td>
</tr>
</table>


The red color is the measure of high where it will be the box.
The orange color is a measure of bandwidth where it will be the box.
The green color is the title of the box.
The brown color is the content of the box.

Note: If you want to edit the images are marked in bold.

Preview:
http://img.webme.com/pic/d/design-ofw/vistaprevia.png

Greetings!
Design-OFW.
Display posts from previous:   


Powered by phpBB © 2001, 2005 phpBB Group