>> 
Kästen
Erklärung (Kästen selbst gestalten)
Textarea
<textarea readonly="readonly" cols="12" rows="2">TEXT</textarea>
Beispielkästen von A-Z :)
KASTEN MIT GEPUNKTETEM RAND
SCDI, abbreviatio Syndromis Comparatis Defectu Immunitatis,[1] sive SIDA (Syndroma Immunodefectus Adquisiti),[2] sive AIDS (a voce Anglica),[3] est syndroma in qua ob lymphocytorum T depletionem
manifestationum summa sunt inter quas normaliter non pathogenicorum microorganismorum infectiones et tumorum surrectiones, seu in generali populatione communium, seu immunocompromissarum personarum
propriorum, seu eius qui talem syndromen ostendit peculiarum. Syndromes causa est Virus Immunitarii Defectus Humanae, VIDH (Anglice: HIV). Syndrome, hodierno rerum statu, est substantialiter
incurabilis, sensu ne totaliter virus ex hospite eradicari possit, nihilominus hodiernae therapiae, valde melius usis in emersionis puncto in decadis 80 principio toleratae, viraemiam imminuere in
minimas aut non graves libras consequuntur, lymphocyticam reinculturam et normalioris vitae prosecutionem permittentes.
<div style="BORDER-COLOR: #FF6A6A 6px dotted; HEIGHT: 180px;width 200px; TEXT-ALIGN: center; OVERFLOW: auto">
<p>DEIN TEXT</p>
</div>
Ihr koennt die Groeße verändert indem ihr bei WIDTH (Breite) eine andere Pixel zahl angibt (zB 300px) und die höhe bei HIGHT verdändern (zB 200px)
KASTEN MIT GEPUNKTETEM RAND
<div style="BORDER-RIGHT: #FF6A6A 20px dotted; BORDER-TOP: #FF6A6A 20px dotted; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #FF6A6A 20px dotted; WIDTH: 230px; BORDER-BOTTOM: #FF6A6A 20px dotted; HEIGHT: 180px; TEXT-ALIGN: center">DEIN TEXT</font></div>
KASTEN MIT GESTRICHELTEM RAND
<div style="BORDER: #FF6A6A 6px dashed; HEIGHT: 180px; WIDTH 230px; TEXT-ALIGN: center; OVERFLOW: auto">
<p>DEIN TEXT</p>
</div>
>KASTEN MIT DOPPELTEM RAND
<div style="BORDER: #FF6A6A 6px double; HEIGHT: 180px; WIDTH 230px; TEXT-ALIGN: center; OVERFLOW: auto">
<p>DEIN TEXT</p>
</div>
KASTEN MIT GANZEM RAND
<div style="BORDER: #FF6A6A 6px solid; HEIGHT: 180px; WIDTH 230px; TEXT-ALIGN: center; OVERFLOW: auto">
<p>DEIN TEXT</p>
</div>
KASTEN MIT 3D-Rand
<div style="BORDER: #FF6A6A 6px ridge; HEIGHT: 180px;width: 230px; TEXT-ALIGN: center">
<p>DEIN TEXT</p>
</div>
KASTEN MIT 3D-Rand
<div style="BORDER: #FF6A6A 6px groove; HEIGHT: 180px;width: 230px; TEXT-ALIGN: center; OVERFLOW: auto">
<p>DEIN TEXT</p>
</div>
|
GEPUNKTETER KASTEN
|
<table bordercolor="#000000" border="1" style="BORDER-BOTTOM: 3px dotted; BORDER-LEFT: 3px dotted; BORDER-RIGHT: 3px dotted; BORDER-TOP: 3px dotted">
<tr>
<td><div style="OVERFLOW: auto; WIDTH: 230px; HEIGHT: 180px" align="center">DEIN TEXT</div>
</td>
</tr>
</table>
<div style="BORDER: #FF6A6A 6px solid; HEIGHT: 180px; WIDTH: 230px;background:
#0198c2; TEXT-ALIGN: center; OVERFLOW: auto">
<p>DEIN TEXT</p>
</div>
bei background:url(DEINEURL) einfach eure Grafikadresse einbinden
<div style="BORDER: #000000 2px solid; HEIGHT: 180px; WIDTH: 230px;background:url(http://sienc.jimdo.com/s/cc_images/cache_1308068614.jpg?t=1245008278); TEXT-ALIGN: center; OVERFLOW: auto">
<p>DEIN TEXT</p>
</div>
|
KASTEN MIT HINTERGRUNDBILD UND
VERBESSERTEM RAHMEN
|
<table border="1" style="">
<tr>
<td>
<div style="OVERFLOW: auto; WIDTH: 230px;background: url(http://sienc.jimdo.com/s/cc_images/cache_1308068614.jpg?t=1245008278); HEIGHT: 180px" align="center">
TEXT
</div>
</td>
</tr>
</table>
wie ihr seht koennt ihr die Rahmen nach belieben umgestalten ;)
<div style="BORDER-RIGHT: #000000 5px solid; BORDER-TOP: #ff6a6a px solid; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #ff6a6a 1px solid; WIDTH: 300px;
BORDER-BOTTOM: #000000 5px double; TOP: -134217728px; HEIGHT: 250px; background:url(http://sienc.jimdo.com/s/cc_images/cache_1308068614.jpg?t=1245008278); TEXT-ALIGN: center; OVERFLOW: auto">
TEXT
</div>
Kasten mit Scrolleffekt (Hintergrund + Farben können natürlich beliebig geändert werden )
<div style="overflow:auto; width:350px; height:250px; padding:0px; border:4px white solid;
background-image:url(http://sienc.jimdo.com/s/cc_images/cache_1308068614.jpg?t=1245008278); background-repeat:repeat; background-attachment:fixed; color: #000;">
<center>
<font style="background: #fff;">Dein Text !!</font>
</center>
</div>
<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2" height="200" width="200">DEIN TEXT</marquee>
Der Code für den Kasten:
<div style="background-color: #ffffff; border: #000000 1px solid; padding: 5px; width: 200px; height:2000; font-family: trebuchet ms; font-size: 11;"><font
face="Verdana,Geneva,Arial,Helvetica" size=
"2">TEXT TEXT TEX</font></div>
Informationen: Ihr könnt die Höhe und die Breite natürlich genau anpassen.
Der Kasten soll größer werden? Dann änder die px Zahl bei high, ich würde aber nichtmehr als 3000px empfehlen. Die Breite ist zu schmal, der Text, dass Bild geht drüber hinaus? Ändert die Px-Zahl bei width mehr als 2500px ist nicht empfehlenswert.
Die Hintergrundfarbe des Kasten soll schwarz, oder irgendeine andere Farbe haben? Dann änder bei background-color: #ffffff das "ffffff" auf 000000 für schwarz um.
Wichtig, dass # muss vor dem Hexcode stehen bleiben!
Bei Fragen, fragt einfach.
hzuzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzhDEIN TEXT
Druckversion
Diese Seite weiterempfehlen 