Photo Shopper JokerPlayerSpezial

Einführung



Einführung für das Design Baukasten !



Zunächst zeige ich euch die Buasteine für das Design, dazu bitte ich euch auf den folgende Bild zu klicken !


Analysiert bitte dieses Bild ganz genau !



Um ein solches Design selber erstellen zu können, braucht ihr auch dazu den richtigen code.
Diesen Code habe ich euch als Vorlage hier rein kopiert!

Falls ihr keine eigene Grafiken (Buttons, Headers, Hintergründe, Bars, Hovers, Rechteboxen) habt, habe ich für euch eine große Auswahl an Vorlagen erstellt !
>>>
klicke hier<<<


Hier der Code:


<style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;background-position:center;background-repeat:no-repeat; }
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
td.headline{visibility: hidden;}
-->

</style>
<style type="text/css">
<!--
td.edit_header_full{background-image: url(hier kommt der Header Bild URL); width: 1000px; height: 200px;}
td.nav:hover{background-image: url(hier kommt der Hover Bild Effect Button URL)}
td.nav{background-image: url(hier kommt der Button Bild URL);}
td.edit_below_nav{visibility: hidden;}
td.edit_content{background-image: url(url);width: 0px;}
td.edit_rechts_cbg{background-image: url(URL);}
td.nav a{color: #2EFF00;font-size: 12px;font-weight: bold;text-align: center;}
body {background-image:url(hier kommt der hintergrundbild URL);background-attachment: fixed;}
td.edit_navi_headbg{background-image: url(url);}
td.edit_rechts_sbg{visibility: hidden; width: 0px ;}
td.edit_rechts_bottom{background-image: url(url);}
td.shouty{color:#19FF00;background-image: url(hier kommt der Rechte Box Hintergrundbild URL);background-color: #000000;border: 3px solid #FFFFFF;}
td.shouty2{color:#19FF00;background-image: url(
hier kommt der Rechte Box Hintergrundbild URL);background-color: #000000;border: 3px solid #FFFFFF;}
td.shouty3{color:#19FF00;background-image: url(
hier kommt der Rechte Box Hintergrundbild URL
);background-color: #000000;border: 3px solid #FFFFFF;}
td.shouty4{color:#19FF00;background-image: url(
hier kommt der Rechte Box Hintergrundbild URL
);background-color: #000000;border: 3px solid #FFFFFF;}
td.shouty5{color:#19FF00;background-image: url(
hier kommt der Rechte Box Hintergrundbild URL
);background-color: #000000;border: 3px solid #FFFFFF;}
td.shouty,    {border: solid #48C500 2px;}
td.shouty2,  {border: solid #48C500 2px;}
td.shouty3,  {border: solid #48C500 2px;}
td.shouty4,  {border: solid #48C500 2px;}
td.shouty5   {border: solid #48C500 2px;}
td.edit_rb_footer{visibility: hidden; width: 0px ;}
td.edit_content_top{background-image: url(hier kommt der Bar Oben Bild URL);}
td.edit_content_top:hover{background-image: url(hier kommt der Bar Oben Bild URL);} 
td.edit_content_bottom2{background-image: url(hier kommt der Bar Unten Bild URL);}
td.edit_content_bottom{visibility: hidden;width: 0px;}
td.nav_heading{background-image: url(hier kommt der Hover Links Bild URL);}
td.sidebar_heading{background-image:url(hier kommt der Hover Rechts Bild URL);}
td.nav_heading a{color: #000000;font-size: 12px;font-weight: bold;text-align: center;}
td.edit_content_bottom2 a{color: #000000;font-size: 12px;font-weight: bold;text-align: center;}
td.sidebar_heading a{color: #000000;font-size: 12px;font-weight: bold;text-align: center;}
td.headline2{color: #000000;font-size: 12px;font-weight: bold;}

td#nav_Navigation{background-image: url(hier kommt der Themen Button Bild URL);}

td#nav_Extras{background-image: url(
hier kommt der Themen Button Bild URL);}
td#nav_Vorlagen{background-image: url(
hier kommt der Themen Button Bild URL
);}
td#nav_Awards{background-image: url(
hier kommt der Themen Button Bild URL
);}
td#nav_Service{background-image: url(
hier kommt der Themen Button Bild URL
);}

<!--
td#nav_leer1{visibility:hidden;height: 33px;}
//--> </style><style type="text/css"> 
<!--
td#nav_leer2{visibility:hidden;height: 33px;}
//--> </style><style type="text/css"> 
<!--
td#nav_leer3{visibility:hidden;height: 33px;}
//--> </style><style type="text/css">
<!--
td#nav_leer4{visibility:hidden;height: 33px;}
//--> </style><style type="text/css"> 
<!--
td#nav_leer5{visibility:hidden;height: 33px;}
//--> </style><style type="text/css"> 
<!--
td#nav_leer6{visibility:hidden;height: 33px;}
//--> </style><style type="text/css"> 
<!--
td#nav_leer7{visibility:hidden;height: 33px;}
//--> </style><style type="text/css">
<!--
td#nav_leer8{visibility:hidden;height: 33px;}
//--> </style><style type="text/css">



-->
</style>



Beschreibung:


XXXX= Dieser Bereich darf nicht veränder werden !
XXXX= Abmessung des Headers !
XXXX= Farbe und Schriftgröße der texta auf den Buttons !
XXXX= Farbe und Breite für die Rahmen der rechten Boxen !
XXXX= Dort kommen die URL`s der jeweiligen Grafiken b.z.w. Bilder !

Header<<<
Hover Effect Button<<<
Button<<<
Hintergrund<<<
Rechteboxen<<<
Bar Oben<<<
Bar Unten<<<
Hover Rechts<<<
Hover Links<<<

XXXX= Titel für die Themen Buttons ! Du kannst auch einen anderen titel wählen, der muss aber mit dem titel der seite übereinstimmen !
XXXX= Abstand Buttons !



Wo füge ich das Design ein ?

Schritt 1: Logge dich unter deinem Namen auf www.homepage-baukasten.de ein,

Schritt 2: Gehe anschließend auf "Design einstellen",

Schritt 3: Wählst das Design "Iceblue",

Schritt 4: Klcike auf "erweiterte Einstellungen",

Schritt 5: Fügst den Code unter "Text über dem Design" ein.



Um dein Design mittig zu zentrieren, füge diese folgenden Codes in die folgenden stellen ein !

Dieser Code kommt bei "Text über dem Design" ,

<div align="center"> <table border="0" width="70%"> <tr> <td>


Dieser Code kommt bei "
Text unter dem Design" ,

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

 

Heute waren schon 1 Besucher (41 Hits) hier!
Kostenloser Counter! IPCOUNTING.DE - Kostenloser Counter! => Willst du auch eine kostenlose Homepage? Dann klicke hier! <=