• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Facebook Style?

S

Samichio

Guest
www.facebook.com

Auf dieser nicht ganz unbekannten Seite ist oben so ein blauer Balken der immer oben, links und rechts "klebt".
Ich habe bereits versucht dies so zu programmieren, bin aber gescheitert.
Wie mache ich das am besten?
 
du gibst dem seitenhintergrund eine farbe UND eine hintergrundgrafik für den blauen streifen.
diese grafik muss nur wenige pixel breit sein.
du positionierst sie top und machst repeat-x
das wars auch schon
 
Warte Warte...

Okay das mit der hintergrund farbe hab ich geschnallt.
nur wie läuft das mit dem balken jetzt?
Ich bin ein Newbe also brauch ich ein bisschen sorry
 
du erstellst dir eine farbige grafik.
meinetwegen 30px hoch und 1px breit, als beispiel.
die bindest du dann so etwa in deinen body ein
Code: 
body{
background-image:url("pfad-zur-grafik.jpg");
background-position: top;
background-repeat: repeat-x;
}
und tadaaa...ein farbiger balken, der sich endlos am oberen bildrand erstreckt, wie breit der viewport auch immer werden mag.
 
ich habs noch nicht hochgeladen befindet sich noch alles am pc1 da gibts keine url
 
Kann man nicht einfach einen Befehl einbaun mit dem sich die Bilder in die Länge ziehen?
Umso breiter das Fenster umso breiter das Bild?
 
gibts da auch keine lokalen pfade?
ja kann man auch. ist aber in dem fall nicht wirklich nötig und umständlicher

EDIT:
so wie ich nach deinen bisherigen postings deinen wissensstand einschätze, solltest du dich mal mit den grundlagen befassen, bevor du weiter machst.
http://www.css4you.de/
 
Das problem ist nähmlich das ich unter dem Balken eine Grafik habe und die sollte sich nicht wiederholen... sondern eher stretchen
 
Okay... Ich weiß das klingt doof aber ich muss es komplett sehn um es zu begreifen...

<body>
<div id="shape1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:1090px; height:101px; z-index:1"><img border=0 width="100%" height="100%" alt="" src="images/shape15538994.gif"></div>
</body>

Wo muss ich hier den Befehl ein bauen um solch eine leiste zu bekommen?

 
wenn du dir mein codebeispiel oben genau ansiehst, beantwortet sich die frage eigentlich von selber.
ich hab dir gesagt, dass dein body mit diesen angaben versehen werden muss und das steht auch so im codebeispiel!
dein code ist grausamer kuddelmuddel.
mal veraltete html-attribute. mal style-attribute.

meinen obigen code kannst du so
HTML: 
<style type=text/css>
body{
background-image:url("pfad-zur-grafik.jpg");
background-position: top;
background-repeat: repeat-x;
}
</style>
im <head> parken oder besser in eine externe .css auslagern
oder so
HTML: 
<body style="background-image:url("pfad-zur-grafik.jpg"); background-position: top; background-repeat: repeat-x;">
direkt den body in-code stylen

und noch mal den guten rat, dir die grundlagen anzueignen!
die meisten fragen erübrigen sich dann!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben