tutorials
  Zusatzboxen
 

Eine weitere rechte Box für das Design "Iceblue"

<!-- CSS für die Positionierung -->

<style type="text/css">
<!--
table.rb_neu{position:absolute;left:8px;top:800px;}
-->
</style>

<!-- Hier beginnt jetzt die eigentliche rechte Box -->

<table class="rb_neu" width="168" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" class="sidebar_heading" background="https://img.webme.com/designs/iceblue/images/heading_right.gif">&nbsp;</td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #fafbfc;padding:5px;" background="https://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty">Hier kommt jetzt Euer Text rein<br><br><p><br><br></td>
</tr>
<tr>
<td background="https://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer">
&nbsp;</td>
</tr>
</table>


Die Blauen Werte stehen für die Positionierung: in dem Beispiel oben:  8px von der linken Seite  und 800px von oben.

Der Pink Wert ist die Klasse - wollt Ihr eine weitere Box einfügen müßt Ihr die bezeichnung ändern rb_neu2 das könnt ihr  fortsetzen und noch weitere Boxen einfügen.

Der rote Link steht für den original Balken über den Boxen - der passt sich normalerweise den anderen CSS - Codes der Boxen an - wollt Ihr ihn allerdings separat ändern müßt ihr die Klasse ändern in  "sidebar_heading1" .

Beim grünen Link gilt dasselbe, wie für den roten Link allerdings könnt Ihr den ohn Klassenänderung einfach austauschen.

.

Wenn Ihr noch eine Überschrift einfügen wollt müßt Ihr den unten abgebildeten Teil oben austauschen.

 

<table class="rb_neu" width="182" border="0" cellspacing="0" cellpadding="0" id="table1">

<tr>

<td height="24" class="sidebar_heading" background="https://img.webme.com/designs/iceblue/images/heading_right.gif">Hier Überschrift</td>

</tr>

Jetzt noch die Erklärung, wie Ihr die CSS-Codes einfügt:


CSS-Codes einfügen



 
 
 
Aktualisieren # Diese Seite Drucken ein Bild Zurück Vor ein Bild ein Bild ein Bild nur IE

Impressum | Rechtliche Hinweise | News

© success4you , Tutorials-Area 2007

 
 
http://www.bambusratte.com/taf.php?%20bgcolor=c5c5c5&txtcolor=000000&anrede=s&site=http:tutorials-%20area.de.tl&bgpic=http:img.webme.com/pic/t/tutorials-area/tutback2.gif&nametaf=Tell-A-Friend
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden