Suche im Forum:
Suchen


Autor Nachricht
Beitrag09.07.2009 um 11:13 (UTC)    
Titel: Header im Design CSS einfügen

Hallo.
Ich benutze für meine Homepage das CSS Design.
Kann mir vielleicht einer sagen, wie ich da einen Header einbringen kann?
Wäre für eine rasche Antwort sehr dankbar.
MfG.
Fusion-Arts


Zuletzt bearbeitet von fusion-arts am 09.07.2009, 12:34, insgesamt einmal bearbeitet
Beitrag09.07.2009 um 11:30 (UTC)    
Titel:

Hallo,

Im Design CSS hat der Header die "ID" #header_container .
das bekommt ein background-image:url(Hier Header-URL);
Das Feld bekommt die Breite und Höhe des Headers. Und sollte auch
noch positioniert werden im Design .

Navigation im Design CSS = #nav_container
Rechte Box im Design CSS = #sidebar_container
Navi-Buttons im Design CSS = li.nav_element
Navi-Links im Design CSS = li.nav_element a
Besucherzähler im Design CSS = #counter

Gruß Wolfgang


Zuletzt bearbeitet von 24939 am 09.07.2009, 12:34, insgesamt 2-mal bearbeitet
Beitrag09.07.2009 um 11:34 (UTC)    
Titel:

@24939:

Allerdings kann man auch die Klasse für den Header einfach "#Header" nennen,und dann über dem Design einfügen mit "<div id="Header">Hier kann man auf dem Header schreiben Wink</div>".

War aber nur ein Vorschlag Wink [/quote]
______________


Das Forum für alle die sich mit Computern auskennen und/oder sich über Konsolen und Spiele unterhalten wollen !
Beitrag09.07.2009 um 11:35 (UTC)    
Titel:

ok, und wo muss ich dann das #header_container hinschreiben?
Beitrag09.07.2009 um 11:37 (UTC)    
Titel:

Ja, Richtig, man kann Klassen / IDs frei erfinden ,
diese müssen dann aber immer mit <div id=".........."> Inhalt </div>
gefüllt werden.

Warum ich zuerst immer die Baukasten-Klassen nenne , ist einfach :
Der User füllt seine Felder dann bquem über das gewohnte baukasten-menü.
Was bei frei erfundenen Klassen und IDs nicht geht Wink
Beitrag09.07.2009 um 11:39 (UTC)    
Titel:

Das #header_container kommt ins Feld "CSS-Code ohne Style Tags".Dann kannst du mit "background-image: url(HIER HEADER URL);" und "background-repeat: no-repeat" den Header einfügen ud bestimmen,ob er lang gezogen werden soll,oder sich (nur wenn er falsche länge hat) wiederholt.Mit "margin: 0px 0px 0px 0px" kannst du ihn positionieren.Die Margin-Werte musst du noch anpassen Wink
______________


Das Forum für alle die sich mit Computern auskennen und/oder sich über Konsolen und Spiele unterhalten wollen !
Beitrag09.07.2009 um 11:44 (UTC)    
Titel:

fusion-arts hat Folgendes geschrieben:
ok, und wo muss ich dann das #header_container hinschreiben?


Ich vermute mal , du machst deine ersten Schritte mit dem Design "CSS" ?
Hast du eine Hilfe-Seite , nach der du vorgehst ?

Im Baukasten-Design "CSS" werden die CSS-Codes im Feld "css ohne style-tags eingefügt !
Ohne style-tags heisst : Ohne das <style type="text/css"> und ohne </style>

Dann müsstest du für dich entscheiden, auf welche Art du deine Felder positionieren möchtest .
Es gibt verschiedene Möglichkeiten ein Design zu positionieren .
Einmal mit position:absolute; und festen Pixel-Angaben ,
- oder durch float:left; und float:right; / oder mit margin (Außenabstände)

Beispiel mit float:left; - Positionierung / Header :
Zitat:

#header_container {
float:left;
left:10px;
width: 980px;
height: 100px;
border: 1px solid #000000;
background-color:#XXXXXX;
background-image:url(Hier Header-URL); }


Beachte bei der Breite des Headers auch die Bildschirmauflösung 1024 x 768.
Besucher mit 1024 x 768 sehen ca 1000 Pixel Breite einer Website,
wenn du Links und Rechts vom Design noch 10 pixel sauberen Abstand haben möchtest
zum Bildschirmrand ... dann bleiben dir 980 Pixel Breite für das Design,
also auch dem Header Wink


Zuletzt bearbeitet von 24939 am 09.07.2009, 12:47, insgesamt 2-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de