StartseiteKalenderFAQSuchenMitgliederNutzergruppenAnmeldenLogin

 
 

 Das kleine Border 1x1

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten 
AutorNachricht
nighttimeblues

avatar
Anzahl der Beiträge : 113
Anmeldedatum : 22.04.12

BeitragThema: Das kleine Border 1x1   Fr Sep 27, 2013 11:50 am


DAS KLEINE BORDER 1x1

Tutorial written by Nepali. Please don't post anywhere without my permisson.


Kästchen sind vielseitig nutzbar ehem. Also lass uns doch etwas Spaß mit Kästchen haben!

So kann der Code für ein normales Kästchen aussehen. Natürlich könnt ihr höhe, länge, dicke des Rahmens und seine Farbe beliebig verändern.
Code:
<center> <div style="width: 400px; height: 50px; border: 2px solid #000; padding: 2px;"> Ich bin n' langweiliges Kästchen. </div> </center>
So sieht dann euer stinknormales Kästchen aus:

Ich bin n' langweiliges Kästchen.


Um euer Kästchen nun etwas spannender zu gestalten ist dieser Teil des Codes wichtig:
Code:
border: 2px solid #000
Ihr seht das 'solid'? Das steht dafür das der Rahmen eine ganze Linie ist.

Es gibt aber noch andere Möglichkeiten. Einfach das 'solid' ersetzen durch:

'dotted'
...schon besser.


'dashed'
...schon besser.


'double'
...schon besser.

(Hier muss border mindestens 3px sein!)

Noch mehr Spaß mit Kästchen! Was ihr noch machen könnt ist jede Seite des Kästchens beliebig zu gestalten. Ihr versteht?

Das heißt ihr definiert Border-Top, Border-Left, Border-Right und Border-Bottom, wie es euch gefällt.
Code:
<center> <div style="width: 400px; height: 20px; border-top: 2px dotted #870282; border-left: 2px solid #000000; border-right: 3px double #00B053; border-bottom: 9px solid #00D2A8; padding: 2px;"> Uh, schick, schick! </div> </center>
FABULOUS


Viel Spaß!

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://feverboard.bplaced.net/Upload/index.php
Indasa

avatar
Anzahl der Beiträge : 213
Anmeldedatum : 16.06.13
Ort : Da wo du nicht bist...

BeitragThema: Re: Das kleine Border 1x1   So Sep 14, 2014 2:33 pm

Ich finde es total hilfreich ^^
Weißt jemand denn wie man da das scrollen einstellen kann?

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://fantasywarriors.forumieren.com/
nighttimeblues

avatar
Anzahl der Beiträge : 113
Anmeldedatum : 22.04.12

BeitragThema: Re: Das kleine Border 1x1   So Sep 14, 2014 3:02 pm

Füg am Ende einfach ein "overflow : auto;" ein Smile Sollte klappen!

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://feverboard.bplaced.net/Upload/index.php
Gesponserte Inhalte



BeitragThema: Re: Das kleine Border 1x1   

Nach oben Nach unten
 

Das kleine Border 1x1

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben 

 Ähnliche Themen

-
» Eigene kleine Spiele in's Forum einbinden
» [Unerledigt]Die Kleine Schwester
» Unterforen als kleine links darstellen?
» Bildhosting - Probleme / Aktualisierung der Seite und andere kleine Problemchen
» Wie kann ich einstellen damit kleine Icons oben stehen, wo mabn nen Titel eingib
Seite 1 von 1

Befugnisse in diesem ForumSie können in diesem Forum nicht antworten
Wanted Searchboard ::  :: Ressourcen :: Tutorials-
Gehe zu:  
Foogle