[Forum] Beiträge schöner & übersichtlicher gestalten
Auf das Thema antworten
 Seite 1 von 1 [ 1 Beitrag ] 
Autor Nachricht
Offline Teno



-
Hallo, mein Name ist Teno.
Hallo, mein Name ist Teno.

12 10 12

Beiträge: 12638
Themen: 2742
Votings: 202
Ratings: 77
Shouts: 951
Bilder: 614
PNs: 998
Registriert:
Mo 19. Jan 2004, 23:55

Letzte Anmeldung:
Fr 12. Mär 2021, 15:52

Wohnort:
München





Profil

 Betreff des Beitrags: [Forum] Beiträge schöner & übersichtlicher gestalten
BeitragVerfasst: Mo 28. Jan 2008, 11:55 

In diesem guide erfährt ihr, wie ihr eure Beiträge & Themen noch schöner, übersichtlicher und praktischer gestalten könnt. Dazu stehen euch 2 Möglichkeiten zur Verfügung.

BB-Code *für alle*
HTML *nur für REDs*

ich schreibe die folgenden codes mit leerzeichen, damit sie wirkungslos sind und hier gelesen werden können.


BB-Code
-----------------------------------------------------------------------

[ b ] fetter Text [ /b ]
[ i ] kursiver Text [ /i ]
[ u ] unterstrichener Text [ /u ]



Schriftfarbe
[ color=darkred ] dunkelrote Textfarbe [ /color ]
[ color=orange ] orangene Textfarbe [ /color ]
........



Schriftgröße
[ size=12 ] Schriftgröße 12 [ /size ]



Zitate
[ quote ]
zitierter Text
[ /quote ]



gern auch mehrere in einem Beitrag

[ quote ]
zitierter Text
[ /quote ]
antwort aufs zitat


[ quote ]
zitierter Text
[ /quote ]
antwort aufs zitat



Bilder
[ img ] bildurl [ /img ]



links
[ url ] linkurl [ /url ]


Bild als Link
[ URL=url vom größeren bild] [ IMG ]url vom verkleinerten bild[ /IMG ][ /URL

ps: Bilder können super schnell, ohne anmelden, bis zu 4MB groß und für 1 jahr lang hier hochgeladen werden -> http://www.directupload.net/
als ergebnis kommt bereits der fertige code fürs forum raus. einfach copy & paste machen

-------------------------------------------------------------------








HTML *HTML-Rechte im SHOP erhältlich*
-----------------------------------------------------------------------

< b > fetter Text < /b >
< i > kursiver Text < /i >
< u > unterstrichener Text < /u >



Schriftfarbe
< font color="#8b0000" >dunkelrote Textfarbe < /font >
< font color="#1e90ff" > blaue Textfarbe < /font >

Liste mit ausreichenden Farbcodes

Kurze Erläuterung:
ff8045 sind 6 Ziffern die in 3x2 aufgeteilt werden -> ff 80 45
diese 3 Blöcke stehen für RGB (rot, grün, blau)
somit haben wir ff (Höchstwert 255) Rot, 80 Grün und 45 Blau.

der Mindestwert 000000 steht für Schwarz und der Höchstwert FFFFFF steht für Weiß.
*warum es Buchstaben gibt? siehe Hexadezimalsystem (A=10, B=11, C=12, D=13, E=14, F=15)



Schriftgröße
< font size="+1" > etwas größere Schrift < /font >
< font size="-1" > kleine Schriftgröße < /font >
< font color="1" > sehr kleine Schriftgröße < /font >

ps: größe und Farbe sind auch kombinierbar -> < font size="-1" color="FF0000" >


Ausrichtung
< div align="center" > zentrierte Inhalte </ div >



Link
< a href="www.redfist.de" target="self" title="Text bei Mauskontakt" > das ist der link </ a >

ps: target gibt an, ob die neue Seite im selben oder neuem Fenster geöffnet werden soll. self benutze ich dabei für ein neues Fenster.



Bilder
< img src="http://www.iso.org.nz/ISOsite/PageLayout/redfist2.gif" border="0" >

ps: border ist der Bildrahmen. Wer einen haben will gibt statt 0 ne 1 oder 2 ein.
ps: das bild kann auch als link benutzt werden.

< a href="http://www.iso.org.nz/ISOsite/PageLayout/redfist2NORMAL.gif" target="self" > < img src="http://www.iso.org.nz/ISOsite/PageLayout/redfist2KLEIN.gif" border="2" > </ a >


Tabelle
Die Tabelle sollte mit Vorsicht angewandt werden. Falsch angewendet kann sie die komplette Ansicht im aktuellen Thema ruinieren.
tr steht für eine Zeile, td für eine Zelle in dieser Zeile. jede Zelle und Zeile muss mit einem / auch ihr Ende finden.
Zwei td's nebeneinander < td > links < /td>< td > rechts < /td> stehen für 2 Zellen in einer Zeile.
bgcolor steh für die background-Farbe *hintergrundfarbe*
border ist erneut der Rahmen und die dazugehörige Ziffer die Stärke des Rahmens


< table border="1" bgcolor="orange">
< tr >
< td >
Inhalt Zelle 1
< /td >
< td >
Inhalt Zelle 2 *rechts von 1*
< /td >
< /tr >
< tr >
< td >
Inhalt Zelle 3 *unter 1*
< /td >
< td >
Inhalt Zelle 4 *unter 2*
< /td >
< /tr >
< /table >


So sieht das Ergebnis aus

<table border="1" bgcolor="orange">
<tr>
<td>
Inhalt Zelle 1
</td>
<td>
Inhalt Zelle 2 *rechts von 1*
</td>
</tr>
<tr>
<td>
Inhalt Zelle 3 *unter 1*
</td>
<td>
Inhalt Zelle 4 *unter 2*
</td>
</tr>
</table>


das Problem ist, dass die Tabelle irgendwie nicht am richtigen Ort steht.
Man könnte nun mit einem HTML Zeilenumbruch < br > Abhilfe schaffen doch müsste man dann jede einzelne Zeile damit versehen was in einer Mordsarbeit enden kann.

verwendet die Tabelle also nur, wen rd unbedingt sein muss und ihr euch die arbeit machen wollt, jeden Zeilumbruch mit einem < br > zu versehen

*wer eine andere Lösung kennt, kann diese gerne mitteilen,..habe mir bisher nie Gedanken darüber gemacht und Tabellen setze ich auch nur einmalig und fix bei den Fußballwetten oder ähnlichen an*


Das sollte für euch ausreichen. Wer weitere Feinheiten Kennenlernen will, muss sich per Dr. Google selbst schlau machen.


Zuletzt geändert von Teno am Mo 28. Jan 2008, 15:35, insgesamt 1-mal geändert.




:troll:
Beiträge der letzten Zeit anzeigen:  Sortiere nach  
Auf das Thema antworten
 Seite 1 von 1 [ 1 Beitrag ] 


Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast


Du darfst keine neuen Themen in diesem Forum erstellen.
Du darfst keine Antworten zu Themen in diesem Forum erstellen.
Du darfst deine Beiträge in diesem Forum nicht ändern.
Du darfst deine Beiträge in diesem Forum nicht löschen.
Du darfst keine Dateianhänge in diesem Forum erstellen.





phpBB skin developed by: phpBB Headquarters
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Deutsche Übersetzung durch phpBB.de

FAQ | ()