Webmaster-Shop

Butterffly




 
 
<body bgcolor="#000000" style="margin: 0 0 0 0;" background="http://BACKGROUND-IMAGE-URL">
<style type="text/css">
<!--
td.headline2{visibility:hidden;width:0px;}
td.headline_bar_left{visibility:hidden;width:0px;}
td.headline_bar_right{visibility:hidden;width:0px;}
td.headline_bar_middle{visibility:hidden;width:0px;}
td.edit_nav_headline{background-image: url(http://NAV-HEADLINE-BG-IMAGE-URL);background-repeat:no-repeat;}
td.nav_bar_left{background-image: url(http://NAV-BAR-LEFT-BG-IMAGE-URL);background-repeat:no-repeat;}
td.nav_bar_right{background-image: url(http://NAV-BAR-RIGHT-BG-IMAGE-URL);background-repeat:no-repeat;}
td.nav_bar_bottom{background-image: url(http://NAV-BAR-BOTTOM-BG-IMAGE-URL);background-repeat:no-repeat;}
td.edit_nav_main{background-image:url(http://BUTTON-IMAGE-URL);}

td.edit_nav_main:hover{background-image: url(URL) !important;background-color: #000000 !important;}
a:link {color:#FFFF00;font-size: 15px;}
a:visited {color:#FFFF00;font-size: 15px;}
a.menu:hover{color:#FFFF00;font-size: 14px; text-decoration: overline underline;!important;} td.edit_nav_main:hover{background-image: url(URL) !important;background-color: #000000 !important;}
a:link {color:#FFFF00;font-size: 15px;}
a:visited {color:#FFFF00;font-size: 15px;}
a.menu:hover{color:#FFFF00;font-size: 14px; text-decoration: overline underline;!important;}

td.headline3{background-image: url(http://BUTTON-IMAGE-URL2)
);background-repeat:no-repeat;

td.rb_bar_left{background-image: url(http://RIGHT BOXES-BAR-LEFT-IMAGE-URL);background-repeat:no-repeat;}
td.rb_bar_right{background-image: url(http://RIGHT BOXES-BAR-RIGHT-IMAGE-URL);background-repeat:no-repeat;}
td.rb_bar_bottom{background-image: url(http://RIGHT-BOX-BAR-BOTTOM-IMAGE-URL);background-repeat:no-repeat;}
td.edit_rechts_headline{background-image: url(http://RIGHT-BOX-HEADLINE-IMAGE-URL);background-repeat:no-repeat;}

td.cont {background-image: none;background-color: #xxxxxx;}
td.edit_content_headline3{heigth: 60px;background-image: url(http://CONTENT-HEADLINE3-IMAGE-URL);background-repeat:repeat;}
td.edit_content_headline{background-image: url(http://CONTENT-HEADLINE-IMAGE-URL);background-repeat:no-repeat;}

td.edit_right_box{background-image:url(http: your image.jpg); background-color:#xxxxxx;}
-->
</style>
<style type="text/css">
<!--
td.edit_header{background-image: url(http://HEADER-IMAGE-URL);
-->
</style>
 
Click!!
 

Hello! It is high time to create your own design! Edit the css code above! Code works in the ''BUTTERFLY'' layout!!
After editing the code paste it to the ''Text at top of page'' area in the ''Edit Design'' page.. Lastly click ''Save'' button.
Login > Edit design > Text at top of page > Save !!


To change the background of right box:


<style type="text/css">
<!--
td.edit_right_box{background-image:url(http: your image.jpg); background-color:#xxxxxx;}
-->
</style>


To change the background of content:


<style type="text/css">
<!--
td.cont {background-image: none;background-color: #xxxxxx;}
-->
</style>



Size of the header: 1000x158 px
Number of right box: 5
Navigation width: 234 px
Content: 510px
Width boxes on the right: 180px
Width Design: 1000px