X
   
  designfragen
  Boxen
 
Frage von hh-designs-test.de.tl:
Hallo,
ich hätte mal eine Frage...
Und zwar auf dieser Seite: http://www.musikonly.de.tl/Startseite.htm
Sind immer um das geschriebene solche gelbe Kasten, wissen Sie zufällig wie ich mir solche machen kann???
Würde mich über eine Antwort freuen!!!!
mfg
Hh-designs


So soll's aussehen: (grau / blau / grün / gelb / rot)
  Überschrift  
  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.  
     


Und so geht's:
1. Füge bei "Text über dem Design" den folgenden Code ein:
<style type="text/css">
table.Box{
width: 95%;
}
table.Box th.ol{
background-image:url(https://img.webme.com/pic/d/designfragen/ol_gray.png);
height: 29px;
width: 7px;
}
table.Box th.om{
background-image:url(https://img.webme.com/pic/d/designfragen/om_gray.png);
height: 29px;
font-weight: bold;
text-align: left;
padding-left: 10px;
}
table.Box th.or{
background-image:url(https://img.webme.com/pic/d/designfragen/or_gray.png);
height: 29px;
width: 7px;
}
table.Box td.ml{
background-image:url(https://img.webme.com/pic/d/designfragen/ml.png);
width: 7px;
}
table.Box td.mr{
background-image:url(https://img.webme.com/pic/d/designfragen/mr.png);
width: 7px;
}
table.Box td.ul{
background-image:url(https://img.webme.com/pic/d/designfragen/ul.png);
width: 7px;
height: 7px;
}
table.Box td.um{
background-image:url(https://img.webme.com/pic/d/designfragen/um.png);
height: 7px;
}
table.Box td.ur{
background-image:url(https://img.webme.com/pic/d/designfragen/ur.png);
width: 7px;
height: 7px;
}
</style>

2. Füge an der Stelle, an die der Text mit der Box soll, diesen Code im Quelltextmodus ein:
<table cellpadding="0" cellspacing="0" class="Box"><tr><th class="ol"></th><th class="om">HIER DIE ÜBERSCHRIFT</th><th class="or"></th></tr>
<tr><td class="ml"></td><td class="mm">HIER DER TEXT</td><td class="mr"></td></tr>
<tr><td class="ul"></td><td class="um"></td><td class="ur"></td></tr></table>

3. Fertig!
 
   
 
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden