| | | |

Willkommen Gast! (Anmelden - Registrieren)



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste

Antwort schreiben 
 
Themabewertung:
  • 3 Bewertungen - 5 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
 wer?
2013-05-02 - Forum erstellt
Verfasser Nachricht
Olaf
Admin
*****
Online
Beiträge: 687
Registriert seit: 02.May 2013
Bewertung 50
gegebene Thanks: 65
erhaltene 141 Thanks
in 106 Beiträgen

Punkte:  3.760.299,54

Artikel:

(Alle Artikel anzeigen)

Attachments: 13
Beitrag #25 down up
RE: 2013-05-02 - Forum erstellt • 05.10.2013 02:14

2 neue BB-Codes habe ich mal mit eingebaut:


1. padding - damit kann man den Abstand in allen Richtungen angeben. Normalerweise wird eine Zahl gefolgt von px (Pixel) eingegeben, man kann aber auch z.Bsp. 10px 20px 30px 40 px schreiben.

Die Werte stehen dann für folgende Abstände:

10 zu top (oberer Abstand)
20 zu rechts (Abstand von rechts)
30 zu bottom (unterer Abstand)
40 zu links (Abstand von links)

Als Faustformel kann man sich merken, daß es oben beginnt und in Uhrzeigersinn die Werte stehen.

Code:
[padding=5px]
text
[/padding]


Das zweite was ich eingebaut habe ist etwas schwieriger und sollte nur von Leuten eingesetzt werden, die wissen, was sie tun bzw. über CSS Kenntnisse verfügen!

Im Prinzip sind alle CSS Befehle erlaubt, und was man damit bewerkstelligen kann, zeige ich mal hier:

Test Test Test
geht auch formatiert mit allen anderen BB-Codes
Glowschrift
Shadow Schrift

Bilder, Videos etc kann man so umrahmen oder besonders hervorheben:

[Bild: 3db0037.gif]

Selbst einen Spoiler kann man hier einbringen:
[Bild: 3db0011.gif]


.. so schön kann CSS sein - oder auch, der Spielerei sind hier keine Grenzen gesetzt!



Hier noch den vollständigen Code, welchen ich für die Box verwendet habe:

Code:
[style=border:8px ridge #006600; border-radius: 25px; background: #00ff33; width: 400px; height: 400px;]
[padding=10px]Test Test Test
[align=center][i][b]geht auch formatiert mit allen anderen BB-Codes[/b][/i][/align]
[glow=#C86C00 -4px -4px 6px, #C86C00 4px 4px 6px, #C86C00 -4px 4px 6px, #C86C00 4px -4px 6px]Glowschrift[/glow]
[align=right][shadow=#A2815A 1px 1px 1px, #A2815A 2px 2px 1px, #8E7456 3px 3px 1px]Shadow Schrift[/shadow][/align]

Bilder, Videos etc kann man so umrahmen oder besonders hervorheben:

[img]http://olaf-asmus.de/smilies/3D big/3db0037.gif[/img]

[align=center]Selbst einen Spoiler kann man hier einbringen:
[spoiler=Spoiler][img]http://olaf-asmus.de/smilies/3D big/3db0011.gif[/img][/spoiler][/align]

[hr10][/hr10]

.. so schön kann CSS sein - oder auch, der Spielerei sind hier keine Grenzen gesetzt!
[/padding]
[/style]

Von daher kann ein jeder seine Beiträge frei gestalten, was hier ziemlich bunt werden könnte. Eine BB-Code FAQ dazu werde ich noch erstellen und den anderen hinzufügen. Die Buttons werde ich ebenfalls noch einbauen.

05.10.2013 02:14
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden Diese Nachricht in einer Antwort zitieren


  down up
Antwort schreiben 


Nachrichten in diesem Thema
2013-05-02 - Forum erstellt - Olaf - 02.05.2013, 19:25
RE: 2013-05-02 - Forum erstellt - Olaf - 05.10.2013 02:14

Gehe zu:

Themen Berechtigungen
Du darfst nicht Antworten erstellen in diesen Thema Du darfst nicht HTML benutzen in diesen Thema
Du darfst nicht deine Beiträge editieren in diesen Thema Du darfst MyCode benutzen in diesen Thema
Du darfst nicht deine Beiträge löschen in diesen Thema Du darfst Smilies benutzen in diesen Thema
Du darfst nicht an Umfragen teilnehmen in diesen Thema Du darfst IMG and Video MyCode benutzen in diesen Thema

Forenstyle:




Informationen Rechtliches und Support Kategorien Partnerseiten
Forenteam FAQ webBrett Intern alfahosting.de
Termine ToDo Support Diskussionen web-brett.de
RSS-Feed Nutzungsbedingungen Computer demonseye.com
Archiv Kontakt Musik & Video
Statistik Impressum Grafiken - Fotos - Bilder
Linkverzeichnis