Schattenkatzen
Herzlich Willkommen! Willst du dich einloggen? Bei Fragen kannst du dich immer an unsere beiden Administratoren wenden.

Liebe Grüsse,
Schattenkatzen & Co


Willkommen! Tauche ein in die Welt der Schattenkatzen und werde ein treuer Krieger.
 

Teilen | 
 

 Ein kleiner HTML - Kurs

Nach unten 
Gehe zu Seite : Zurück  1, 2, 3
AutorNachricht
Asuka
Heiler [(Chat)Moderator]
avatar

Anzahl der Beiträge : 256
Anmeldedatum : 01.07.13
Ort : Irgendwo in meiner eigenen verrückten Welt ~

BeitragThema: Re: Ein kleiner HTML - Kurs   Di 29 Okt 2013 - 15:29

hmm ... Ich ne Streberin ? Nie im Leben ! xD

Wann geht's den weiter ? *fragend Blick* xD
Und womit geht's weiter ?
Nach oben Nach unten
Flammensturm
Seelenretter [Admin]
avatar

Anzahl der Beiträge : 472
Anmeldedatum : 28.08.13
Ort : Q_Q Als ob das euch was angehen würde

BeitragThema: Re: Ein kleiner HTML - Kurs   Mi 30 Okt 2013 - 15:42

Tja, das wollte ich euch fragen, ihr lieben Schülerchen ^o^

Ihr könnt mir sagen, was ihr denn gerne machen wollt. Die Forenvorstellung jedoch noch nicht. Falls ihr irgendwie irgendwo was gesehen habt, was ihr lernen wollt, könnt ihr das ja hier ansprechen und ich werde schauen, was sich machen lässt :3

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
You're a beautiful muffin, in a world full of cupcakes. '-'


nomnomnomnomnom *~*


Fick druf' :3


Wenn dich das Leben fickt, dann beweg' dich im Rhythmus - der Höhepunkt kommt erst noch ^-^


I'm a little pink jelly c:


Wozu ins Irrenhaus, wenn's zu mir viel kürzer ist? :D


Die kürzeste Verbindung zwischen zwei Punkten ist gewöhnlich wegen Bauarbeiten gesperrt '-'


Was Hänschen nicht lernt, wird Gretchen ihm schon beibringen. ^-^


Wer zuletzt lacht, denkt am Langsamsten. :3


Mein Hobby ist 'kicken', leider habe ich einen 'Sprachkehler'
Nach oben Nach unten
http://www.warriorcatsforyou.forumieren.com
Asuka
Heiler [(Chat)Moderator]
avatar

Anzahl der Beiträge : 256
Anmeldedatum : 01.07.13
Ort : Irgendwo in meiner eigenen verrückten Welt ~

BeitragThema: Re: Ein kleiner HTML - Kurs   Mi 30 Okt 2013 - 20:37

Wie man socche Überschriften wie hier: http://www.warriors-rpg.com/t5200-unsere-html-vorstellung macht würde ich gerne Wissen ^^
Nach oben Nach unten
Flammensturm
Seelenretter [Admin]
avatar

Anzahl der Beiträge : 472
Anmeldedatum : 28.08.13
Ort : Q_Q Als ob das euch was angehen würde

BeitragThema: Re: Ein kleiner HTML - Kurs   Do 31 Okt 2013 - 16:21

Die Überschriften selbst (Story, usw.) sind Bilder. Aber ich denke, du meinst eher, dieses nebeneinander stellen, oder? Oder interessierst du dich für den Schlagschatteneffekt bei den Bildern??

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
You're a beautiful muffin, in a world full of cupcakes. '-'


nomnomnomnomnom *~*


Fick druf' :3


Wenn dich das Leben fickt, dann beweg' dich im Rhythmus - der Höhepunkt kommt erst noch ^-^


I'm a little pink jelly c:


Wozu ins Irrenhaus, wenn's zu mir viel kürzer ist? :D


Die kürzeste Verbindung zwischen zwei Punkten ist gewöhnlich wegen Bauarbeiten gesperrt '-'


Was Hänschen nicht lernt, wird Gretchen ihm schon beibringen. ^-^


Wer zuletzt lacht, denkt am Langsamsten. :3


Mein Hobby ist 'kicken', leider habe ich einen 'Sprachkehler'
Nach oben Nach unten
http://www.warriorcatsforyou.forumieren.com
Asuka
Heiler [(Chat)Moderator]
avatar

Anzahl der Beiträge : 256
Anmeldedatum : 01.07.13
Ort : Irgendwo in meiner eigenen verrückten Welt ~

BeitragThema: Re: Ein kleiner HTML - Kurs   Do 31 Okt 2013 - 18:05

Naja, gut zu wissen das es bilder sind ^^

es währe schön so etwas zum scrollen, was die bei der Story haben, zu können ^^
Nach oben Nach unten
Flammensturm
Seelenretter [Admin]
avatar

Anzahl der Beiträge : 472
Anmeldedatum : 28.08.13
Ort : Q_Q Als ob das euch was angehen würde

BeitragThema: Re: Ein kleiner HTML - Kurs   Fr 1 Nov 2013 - 17:01

Ah, also eine Scrollbox. Ich bin gleich an meinem normalen Computer, dann werde ich dazu schreiben.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
You're a beautiful muffin, in a world full of cupcakes. '-'


nomnomnomnomnom *~*


Fick druf' :3


Wenn dich das Leben fickt, dann beweg' dich im Rhythmus - der Höhepunkt kommt erst noch ^-^


I'm a little pink jelly c:


Wozu ins Irrenhaus, wenn's zu mir viel kürzer ist? :D


Die kürzeste Verbindung zwischen zwei Punkten ist gewöhnlich wegen Bauarbeiten gesperrt '-'


Was Hänschen nicht lernt, wird Gretchen ihm schon beibringen. ^-^


Wer zuletzt lacht, denkt am Langsamsten. :3


Mein Hobby ist 'kicken', leider habe ich einen 'Sprachkehler'
Nach oben Nach unten
http://www.warriorcatsforyou.forumieren.com
Kupferwind
Zweiter Anführer [Admin]
avatar

Anzahl der Beiträge : 658
Anmeldedatum : 27.06.13
Ort : Kuffiversum (Össi)

BeitragThema: Re: Ein kleiner HTML - Kurs   Sa 2 Nov 2013 - 16:50

Au jahh, das wird geil :D
Ich bin für Scrollboxen, keine Frage, aber macht ihr nur, ich bin ein dummer Naivling XD Ein POMMESZWETSCHKERL eben @Sunny XD

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
♥️♥️♥️♥️♥️♥️♥️♥️♥️♥️♥️♥️♥️♥️

Chiii!
|
v

Chiii! ---> <---Chiii!
^
|

Chiii!


Meowesome!

"KUFFI DU BIST 22?!" - "Nein, 21. *-*/" *DerGesichtsausdruckEinfachEpicKopfkino*

Ava ~ Flammensturm
Nach oben Nach unten
Flammensturm
Seelenretter [Admin]
avatar

Anzahl der Beiträge : 472
Anmeldedatum : 28.08.13
Ort : Q_Q Als ob das euch was angehen würde

BeitragThema: Re: Ein kleiner HTML - Kurs   Sa 2 Nov 2013 - 17:30

Die 4. Aufgabe

Soo jaa. Ein kleines, feines Tutorial wie man Scrollboxen macht. Es sieht schwierig aus, jedoch steckt nur ein einfacher Begriff dahinter und ihr würdet mir wahrscheinlich liebend gerne in den Arsch treten, weil es so einfach ist.

Wir kennen ja bereits den Code für einen schlichten Steckbrief:
Code:
<center><div style="background-color: #3e5f82; color: white; width: 400px; height: 300px"> Text </div></center>
Dort können wir ja einfach einen kleineren div reinsetzen, das sähe dann so aus:
Code:
<center><div style="background-color: #3e5f82; color: white; width: 400px; height: 300px"> <center><div style="background-color: #3e5f82; color: white; width: 400px; height: 200px"> Text </div></center></div></center>
Da es aber nichts bringen würde, wenn wir das so machen - dort ist ja derselbe Hintergrund - machen wir aus der zweiten eine Scrollbox.

Code:
<center><div style="background-color: #3e5f82; color: white; width: 400px; height: 300px"> <center><div style="color: white; width: 400px; height: 200px; overflow: auto">TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </div></center></div></center>
Ein kleines Zauberstückchen. Wir haben die Hintergrundfarbe entfernt und in den zweiten Div Code noch die Worte 'overflow: auto' eingefügt. Mit diesen machen wir die Scrollbox. Also easy going. Damit die Scrollbox aber auch richtig sichtbar ist, müssen wir schließlich mehr Text eingeben. Das habe ich bereits gemacht, wie ihr im Code sehen könnt.

Am Ende sieht der wunderbare Scrollboxcode dann so aus:

TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT


Natürlich könnt ihr seine Größen nach Belieben verändern oder einfach eine Scrollbox ohne richtigen Hintergrund codieren, aber die Scrollbox macht ihr trotzdem immer mit dem 'overflow: auto'.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
You're a beautiful muffin, in a world full of cupcakes. '-'


nomnomnomnomnom *~*


Fick druf' :3


Wenn dich das Leben fickt, dann beweg' dich im Rhythmus - der Höhepunkt kommt erst noch ^-^


I'm a little pink jelly c:


Wozu ins Irrenhaus, wenn's zu mir viel kürzer ist? :D


Die kürzeste Verbindung zwischen zwei Punkten ist gewöhnlich wegen Bauarbeiten gesperrt '-'


Was Hänschen nicht lernt, wird Gretchen ihm schon beibringen. ^-^


Wer zuletzt lacht, denkt am Langsamsten. :3


Mein Hobby ist 'kicken', leider habe ich einen 'Sprachkehler'
Nach oben Nach unten
http://www.warriorcatsforyou.forumieren.com
Asuka
Heiler [(Chat)Moderator]
avatar

Anzahl der Beiträge : 256
Anmeldedatum : 01.07.13
Ort : Irgendwo in meiner eigenen verrückten Welt ~

BeitragThema: Re: Ein kleiner HTML - Kurs   Sa 2 Nov 2013 - 21:17

Despite the lies that you're making
Your love is mine for the taking
My love is just waiting
To turn your tears to roses

Despite the lies that you're making
Your love is mine for the taking
My love is just waiting
To turn your tears to roses

I will be the one that's gonna hold you
I will be the one that you run to
My love is a burning consuming fire

No
You'll never be alone
When darkness comes
I'll light the night with stars
Hear my whispers in the dark
No
You'll never be alone
When darkness comes
You know I'm never far
Hear my whispers in the dark
(Whispers in the dark)

You feel so lonely and ragged
You lay here broken and naked
My love is just waiting
To clothe you in crimson roses







I will be the one that's gonna find you
I will be the one that's gonna guide you
My love is a burning consuming fire

No
You'll never be alone
When darkness comes
I'll light the night with stars
Hear my whispers in the dark
No
You'll never be alone
When darkness comes
You know I'm never far
Hear my whispers in the dark

No
You'll never be alone
When darkness comes
I'll light the night with stars
Hear my whispers in the dark
No
You'll never be alone
When darkness comes
You know I'm never far
Hear my whispers in the dark

Whispers in the dark
Whispers in the dark
Whispers in the dark



Code:
<Center><div style="background-Color: #009999; color: black; width: 300px; height: 400px"><Center><div style="background-color: #006600; color: black; width: 200 px; height: 300px; Overflow: auto">Despite the lies that you're making
Your love is mine for the taking
My love is just waiting
To turn your tears to roses

Despite the lies that you're making
Your love is mine for the taking
My love is just waiting
To turn your tears to roses

I will be the one that's gonna hold you
I will be the one that you run to
My love is a burning consuming fire

No
You'll never be alone
When darkness comes
I'll light the night with stars
Hear my whispers in the dark
No
You'll never be alone
When darkness comes
You know I'm never far
Hear my whispers in the dark
(Whispers in the dark)

You feel so lonely and ragged
You lay here broken and naked
My love is just waiting
To clothe you in crimson roses







I will be the one that's gonna find you
I will be the one that's gonna guide you
My love is a burning consuming fire

No
You'll never be alone
When darkness comes
I'll light the night with stars
Hear my whispers in the dark
No
You'll never be alone
When darkness comes
You know I'm never far
Hear my whispers in the dark

No
You'll never be alone
When darkness comes
I'll light the night with stars
Hear my whispers in the dark
No
You'll never be alone
When darkness comes
You know I'm never far
Hear my whispers in the dark

Whispers in the dark
Whispers in the dark
Whispers in the dark
</div></Center></div></Center>
Nach oben Nach unten
Flammensturm
Seelenretter [Admin]
avatar

Anzahl der Beiträge : 472
Anmeldedatum : 28.08.13
Ort : Q_Q Als ob das euch was angehen würde

BeitragThema: Re: Ein kleiner HTML - Kurs   So 3 Nov 2013 - 6:42

Perfekt, du hast alles richtig gemacht, Asuka :3

Jedoch würde ich dir empfehlen, alles klein zu schreiben (du schreibst Center am Anfang meist groß und hast dies bei Overflow auch gemacht), da manche Begriffe so nicht funktionieren :3

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
You're a beautiful muffin, in a world full of cupcakes. '-'


nomnomnomnomnom *~*


Fick druf' :3


Wenn dich das Leben fickt, dann beweg' dich im Rhythmus - der Höhepunkt kommt erst noch ^-^


I'm a little pink jelly c:


Wozu ins Irrenhaus, wenn's zu mir viel kürzer ist? :D


Die kürzeste Verbindung zwischen zwei Punkten ist gewöhnlich wegen Bauarbeiten gesperrt '-'


Was Hänschen nicht lernt, wird Gretchen ihm schon beibringen. ^-^


Wer zuletzt lacht, denkt am Langsamsten. :3


Mein Hobby ist 'kicken', leider habe ich einen 'Sprachkehler'
Nach oben Nach unten
http://www.warriorcatsforyou.forumieren.com
Asuka
Heiler [(Chat)Moderator]
avatar

Anzahl der Beiträge : 256
Anmeldedatum : 01.07.13
Ort : Irgendwo in meiner eigenen verrückten Welt ~

BeitragThema: Re: Ein kleiner HTML - Kurs   Mo 4 Nov 2013 - 15:17

Alles klar ^^

Das der das groß schreibt ist nicht meine Schuld xD
Das macht mein PC/Browser von selbst o:
Nach oben Nach unten
Flammensturm
Seelenretter [Admin]
avatar

Anzahl der Beiträge : 472
Anmeldedatum : 28.08.13
Ort : Q_Q Als ob das euch was angehen würde

BeitragThema: Re: Ein kleiner HTML - Kurs   Mo 4 Nov 2013 - 15:18

Mh okay, aber achte trotzdem darauf. Du kannst ja mal in den Einstellungen nachsehen, ob das abstellbar ist oder du schreibst es im Nachhinein einfach klein '-'

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
You're a beautiful muffin, in a world full of cupcakes. '-'


nomnomnomnomnom *~*


Fick druf' :3


Wenn dich das Leben fickt, dann beweg' dich im Rhythmus - der Höhepunkt kommt erst noch ^-^


I'm a little pink jelly c:


Wozu ins Irrenhaus, wenn's zu mir viel kürzer ist? :D


Die kürzeste Verbindung zwischen zwei Punkten ist gewöhnlich wegen Bauarbeiten gesperrt '-'


Was Hänschen nicht lernt, wird Gretchen ihm schon beibringen. ^-^


Wer zuletzt lacht, denkt am Langsamsten. :3


Mein Hobby ist 'kicken', leider habe ich einen 'Sprachkehler'
Nach oben Nach unten
http://www.warriorcatsforyou.forumieren.com
Seejunges
Neugeborenes


Anzahl der Beiträge : 1
Anmeldedatum : 04.05.14

BeitragThema: Re: Ein kleiner HTML - Kurs   So 4 Mai 2014 - 15:30

Username: Seejunges
Warum willst du mitmachen?: Weil ich was über HTML lernen möchte
Hast du zuvor schon Mal mit HTML gearbeitet?: Ich habe mich mal ein wenig damit schlau gemacht, aber nicht viel
Kannst du schon etwas, wenn ja was?: Öhm... Naja normale Sätze schreiben halt und ein paar befehle am Anfang
Was willst du lernen?: Hauptsächlich HTML-Vorstellungen

So dann noch drei Dinge nebenbei:
Ist das hier denn noch aktuell/aktiv? Ich habe mir die fünf Seiten hi8er mal angesehen, der letzte Post war ja etwas länger her, wäre toll wenn es mit den Übungen weiter geht ^^

Und wenn ich angenommen werde mach ich die restlichen Übungen ach noch :P

Wo müssen ir diese Codes machen? Kann man die einfach hier im Eingabefeld machen`? xD


EDIT:
Wo wir das machen müssen hat sich geklärt, und ich habe die Aufgaben trotzdem schon gemacht ^^*

Aufgabe 1::
 

Aufgabe 2::
 

Aufgabe 3::
 

Aufgabe 4::
 
Nach oben Nach unten
Gesponserte Inhalte




BeitragThema: Re: Ein kleiner HTML - Kurs   

Nach oben Nach unten
 
Ein kleiner HTML - Kurs
Nach oben 
Seite 3 von 3Gehe zu Seite : Zurück  1, 2, 3
 Ähnliche Themen
-
» HTML Und Css Kurs || Schneesturm
» HTML Steckbrief Vorlage
» Kleiner Bach
» Ich biete HTML Codes
» HTML - Steckbriefvorlage

Befugnisse in diesem ForumSie können in diesem Forum nicht antworten
Schattenkatzen :: To be creative :: Sonstiges Kreatives-
Gehe zu: