HomeArtikelDownloadsForum
PCFreunde.deForumEntwicklungWebdesign
Besucher online: 804
Schnellsuche

Anzeigen

Community

Foren
Webdesign Seite 1/1
Wie wurde diese Seite erstellt ?
AntwortenNeues ThemaZur Themenliste
Seiten:
1
Nachricht
GreyFox
Titel: Wie wurde diese Seite erstellt ? 22.02.2010 13:47
207 Punkte (?)
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 ?
Private Nachricht senden  
 
bitsnack
Titel: Wie wurde diese Seite erstellt ? 22.02.2010 14:13
9.479 Punkte (?)
 
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
Private Nachricht senden  
 
GreyFox
Titel: Wie wurde diese Seite erstellt ? 22.02.2010 17:49
207 Punkte (?)
Anmeldungsdatum: 28.04.2008
Beiträge: 212
Herzlichen Dank :D

Aber das mit dem Div hab ich
in leicht veränderter Form getestet :wink:

Ich hatte dann Probleme weitere Divs zu Platzieren.
und Bilder an ihren Bestimmungsort zu bringen ^^

Ich werde es nochmal Testen und Berichten. :D
Private Nachricht senden  
 
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! :mrgreen:

________________________________________
L3oop's pcfReader - keinen Beitrag verpassen!
Download ganz unten: Download
Private Nachricht senden  
 
MyFrena
Titel: Wie wurde diese Seite erstellt ? 01.04.2010 19:15
5 Punkte (?)
 
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]
Private Nachricht senden  
 
AntwortenNeues ThemaZur Themenliste
Seiten:
1
Community Login
eMail:
Passwort:
Auto-Login