Webdesign / Tipps / Glas Design

Tipp von: Werner Zenk

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen.

Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht - ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg ...


Quelltext:
<style type="text/css">
.mitte{
 background-image: url(glas-mitte.jpg);
 padding: 20px;
 color: #7a7a7a;
 text-align: justify;
}

p:first-letter{
 float: left;
 color: #007d7d;
 font-size: 30px;
}
</style>

<table cellPadding=0 cellSpacing=0 align=center width="630">
 <tr>
  <td><img src="glas-oben.jpg" width=630 height=23></td>
 </tr>
 <tr>
  <td class="mitte">

   <p>Weit hinten, hinter den Wortbergen, fern der Länder ....</p>

</td>
 </tr>
 <tr>
  <td><img src="glas-unten.jpg" width=630 height=19></td>
 </tr>
</table>

Hinweis: Wenn Sie eine andere Breite der Bilder haben möchten, dann können Sie die Breite mit einem Grafikprogramm ändern. Der Quelltext sollte dann auch an die geänderte Breite angepasst werden.

Bilder:





    Und Ihre Meinung?
      Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?
Norbert71:
Sehr schön. Bitte mehr davon.

McFire:
Ich liebe fertige Arbeit !

tosca:
suuuuuuuuuuper, danke
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!  
 Das könnte Sie interessieren:
Überschrift mit Rahmen  Weicher Farbübergang in Containern  Tabellenbild 6  Spacer GIF  Glas Design  Transparentes Textfeld - Transparente Textfelder, Buttons und Eingabefelder.  Startseite  Haarlinien-Tabelle 2  Container mit Schatten  Stil  Der lange Weg zum guten Webdesigner  Hintergrundbild in Position  Die Typografie: Einheit oder Vielfalt?  …mehr
© 2000-2012 Homepage-Total.de Kontakt - Impressum - Banner