StartseiteNeueste BilderSuchenAnmeldenLogin

 
 

 Das kleine Border 1x1

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

nighttimeblues
Anzahl der Beiträge : 113
Anmeldedatum : 22.04.12

Das kleine Border 1x1 Empty
BeitragThema: Das kleine Border 1x1   Das kleine Border 1x1 EmptyFr 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
http://feverboard.bplaced.net/Upload/index.php
Indasa

Indasa
Anzahl der Beiträge : 215
Anmeldedatum : 16.06.13
Ort : Da wo du nicht bist...

Das kleine Border 1x1 Empty
BeitragThema: Re: Das kleine Border 1x1   Das kleine Border 1x1 EmptySo 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
http://fantasywarriors.forumieren.com/
nighttimeblues

nighttimeblues
Anzahl der Beiträge : 113
Anmeldedatum : 22.04.12

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

Füg am Ende einfach ein "overflow : auto;" ein Smile Sollte klappen!
Nach oben Nach unten
http://feverboard.bplaced.net/Upload/index.php
Gesponserte Inhalte



Das kleine Border 1x1 Empty
BeitragThema: Re: Das kleine Border 1x1   Das kleine Border 1x1 Empty

Nach oben Nach unten
 

Das kleine Border 1x1

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben 

 Ähnliche Themen

-
» Crossing Border ~ Ian Thomas
» ;kleine Elfe
» Kleine Halbschwester
» Kleine Animationen
» Eine kleine Idee. <3
Seite 1 von 1

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