Blogger

GamingDesignRotalt

 

CSS-Design: GamingDesign (Rot)

   


Designart: CSS-Design
Farben: Schwarz/Rot
Bewertung: 10/10
Erschienen: 13.Juni.2011 (18:55)
Designer: Omba
Getestet auf Firefox 4.0
Text über dem Design:
 
Text unter dem Design:

CSS-Code ohne Style Tags:
Header darf ausgetauscht werden! Copyright darf nicht geändert werden! Wenn Sie hilfe zum Design brauchen, bitte anschreiben! Dieses Design ist sehr umfangsreich.



Häufig gestellte Fragen zum Design:

Wie kann ich Header und Logo austauschen?
In diesem Design dürfen Logo und Header ausgetauscht werden. Dazu müssen Sie folgende Schritte beachten.
1. Laden Sie ihr Bild auf einer Bildhoster Seite, wie im Homepage-Baukasten (unter "Eigene Bilder verwalten") hoch.
2. Sie erhalten nun einen Link. Klicken Sie mit der rechten Maustaste auf diesen und kopieren Sie den Link. (Beispiel: https://img.webme.com/pic/o/omba/designbild.png) <<- So sollte der Link im Homepage-Baukasten aussehen.
3. Kommen wir nun zum einfügen.
       - Header: Um die Headergrafik auszutauschen, gehen Sie zu CSS-Code ohne Style Tags und suchen nach diesem Abschnitt:

#headertop { width:100%; position:absolute; left: 0%; height: 310px; margin-top: -0px; background-image: url(https://img.webme.com/pic/o/omba-test/gamingheader.jpg); }

Tauschen Sie die Rot-Markierte URL mit ihren Link aus. (Das Bild muss eine Größe von 849x310 Pixeln haben!)
Fertig! Ihr Header wurde nun eingefügt. 

       - Logo: Um das Logo zu ändern, gehen Sie zu CSS-Code ohne Style Tags und suchen nach diesem Abschnitt:

#logo {  position: absolute;  left: 50%;  top: 230px;  margin-left: -454px; width: 280px;  height: 50px;  background-image: url(https://img.webme.com/pic/o/omba-test/deinlogogaming.png); }

Auch hier einfach den Link austauschen. Bitte verstellen Sie nichts an Margin-Left, height, position oder sonstiges. Dadurch kann das Design beschätigt werden.

Wie kann ich die Links (Link 1, Link2...) und die Links unten (Ps3, xBox 360...) ändern?
Um die Links im blauen Kasten zu ändern, gehen Sie zu Text unter dem Design. Hier suchen Sie folgenden Code: (WICHTIG! Nicht mit dem Code für die anderen Links verwechseln!)

<div id="feld"> <a href="http://link1.de" _fcksavedurl="http://link1.de">Link1</a> | <a href="http://link2.de" _fcksavedurl="http://link2.de">Link2</a> | <a href="http://link3.de" _fcksavedurl="http://link3.de">Link3</a> | <a href="http://link4.de" _fcksavedurl="http://link4.de">Link4</a> | <a href="http://link5.de" _fcksavedurl="http://link5">Link5</a> | <a href="http://link6.de" _fcksavedurl="http://link6.de">Link6</a> </div>

Rot: Im roten Bereich müssen eure Links rein! Also auf was verlinkt werden soll. Der Link muss 2mal rein!
Grün: Der Text der dann zu sehen ist. Klickt man auf "Link1" wird auf http://link1.de verlinkt.

Dies zählt auch für die unter der Navi aufgelisteten Links und für die ganz unten aufgelisteten Links.
Einzigster unterschied ist, das die Links unter der Navi <div id="unten"> davor stehen haben und die ganz unteren Links <div id="footer"> .

Bei weiteren Fragen, schreibt uns einfach über Kontakt an!


=> Willst du auch eine kostenlose Homepage? Dann klicke hier! <=
"