|
GreyFox
|
| Titel: Wie wurde diese Seite erstellt ? |
22.02.2010 13:47 |
|
|
Anmeldungsdatum: 28.04.2008
Beiträge: 212
|
http://www.teamfortress.com/
Um diese Seite geht es. Ich hab ein paar Fragen dazu wie man bestimmte Teile realisiert.
1. Es wurden zwei Hintergrundbilder benutzt. Der Farbübergang und dann das Grau.
Wie setzte man das am besten um ? Frames ? Aber dann kann man die ganze Seite nicht mehr im ganzen scrollen. Über Divs auch nicht ganz einfach weil und damit komme ich zum Zweiten :
2. Wie bekommt man alles in die mitte ? Tabelen sind doof zu handhaben. Alles ins center schreiben ist doof zu handhaben. und man kann das auch nicht alles über divs machen.
oder ?
|
 |
|
| |
|
bitsnack
|
| Titel: Wie wurde diese Seite erstellt ? |
22.02.2010 14:13 |
|
|
Anmeldungsdatum: 30.01.2009
Beiträge: 3.551
1 Mitglied findet diesen Beitrag gut
|
Hi,
1. Das ganze ist wesentlich einfacher als du vlt denkst:
Zitat: body { background: url(verlauf.png) top repeat-x #333333; }
verlauf.png ist dabei das Bild mit dem Verlauf, und #333333 die Farbe des restlichen Hintergrundes. top sorgt dafür dass der Hintergrund ganz oben beginnt, und repeat-x bringt das Hintergrundbild dazu sich nur in Richtung der x-Achse zu repetieren.
2. Das div indem der Content sitzt musst du einfach mit margin zentrieren:
Zitat: #content { margin:0 auto; }
Die 0 ist die Anzahl-Pixel die der Abstand oben und unten haben soll, auto sorgt dafür dass sich das div rechts und links automatisch in die Mitte verschiebt. Dafür braucht das div allerdings eine feste breite (Tipp: nicht grösser als 960px)
greez
Gh0stc0der
|
 |
|
| |
|
GreyFox
|
| Titel: Wie wurde diese Seite erstellt ? |
22.02.2010 17:49 |
|
|
Anmeldungsdatum: 28.04.2008
Beiträge: 212
|
Herzlichen Dank
Aber das mit dem Div hab ich in leicht veränderter Form getestet
Ich hatte dann Probleme weitere Divs zu Platzieren. und Bilder an ihren Bestimmungsort zu bringen ^^
Ich werde es nochmal Testen und Berichten.
|
 |
|
| |
|
Jonniboy
|
| Titel: Wie wurde diese Seite erstellt ? |
22.02.2010 18:25 |
|
4.072 Punkte (?)[Gesperrt]
Anmeldungsdatum: 28.09.2008
Beiträge: 6.362
|
Danke für die Codes, kann ich auch gebrauchen, Ghostcoder!
________________________________________ L3oop's pcfReader - keinen Beitrag verpassen! Download ganz unten: Download
|
 |
|
| |
|
MyFrena
|
| Titel: Wie wurde diese Seite erstellt ? |
01.04.2010 19:15 |
|
|
Anmeldungsdatum: 01.04.2010
Beiträge: 5
|
Hol Dir doch Firebug. Das ist eine App für Firefox. Damit kannst Du auf die Teile der Seite klicken und Firebug zeigt dir die Quelltexte an. Damit kann man die meisten Seitenprogrammierungen super nachvollziehen.
[Zuletzt bearbeitet: 01.04.2010 19:15]
|
 |
|
| |
|
|
|
|