Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag27.06.2011 um 10:58 (UTC)    
Titel: Hilfe, Hintergrund!

Hallo, ich hoffe mir kann jemand helfen, ich kenne mich leider
nicht so gut mit CSS Designs aus, will aber meine Homepage ganz
nach meinen Wünschen gestalten. Laughing

Das klappt bis jetzt eigentlich auch ganz gut, ich habe schon einen eigenen
Header, und der Footer kommt auch vielleicht noch.

ABER...
Ich habe mir jetzt einen eigenen Hintergrund erstellt,
den ich für meine HP gerne verwenden würde.
Ich habe im Internet auch schon nach Codes gesucht, mit
denen man Hintergrundbilder einfügen kann,
aber kein Code funktioniert!! Sad
Könnt ihr mir vielleicht einen Code geben,
oder mir ein paart Tipps geben?
Dankeschön!

Und dann noch eine Kleinigkeit:
Gibts es auch einen Code mit dem man das Menü ändern
kann... ? ^^ Also wie bei den verschiedenen Designs das das so....
"Schaltflächen" sind? Smile
Beitrag27.06.2011 um 11:16 (UTC)    
Titel:

Sieh mal hier:
http://www.homepage-baukasten.de/forum/viewforum.php?f=26&sid=a17446147b4a0afa8ab5a4a730ba4a8f

Dort findest Du Anleitungengen wie Du ein Hintergrund (bild) einfügst.

Gruß vom SV Laar21
Beitrag27.06.2011 um 11:25 (UTC)    
Titel:

also als erstes solltest du mal dazu schreiben welches Design du für deine Homepage verwendest.

Hier mal ein Script für Design "RED" für deinen Hintergrund

/*Hintergrund des Designs, ansatzfreies Bild oder Farbton nehmen*/
body{background-image:url(http://img.webme.com/pic/m/micawa-test/background-red.jpg);background-color: #FF0000;background-attachment:fixed;background-repeat:repeat;}

alles rote musst du natürlich anpassen, das Script wird bei "Text über dem Design" eingefügt.

Die Navibuttos bekommst du so hin aber wieder bei Design "RED"

/*Navibuttons, normal,Breite 203,rechts und unten den grauen Abstand beachten*/
td.edit_button_bg{background-image:url(http://img.webme.com/pic/m/micawa-test/button-normal.jpg);
background-color: #C12A37;height:30px;border-right: 4px solid #C12A37;border-bottom: 5px solid #C12A37;}

/*Navibuttons, Hovereffekt, Breite 203,rechts und unten den grauen Abstand beachten*/
td.edit_button_bg:hover{background-image:url(http://img.webme.com/pic/m/micawa-test/button-hoover.jpg);
background-color:#DCB084;height:30px;border-right: 4px solid #C12A37;border-bottom: 5px solid #C12A37;}

/*Schriftfarbe der Navigation*/
a.rednav{font-family: arial;font-size: 13px;color: #000000;text-decoration: none;}
a.rednav:hover{font-family: arial;font-size: 13px;color: #000000;text-decoration: none;}

Oder siehe auch mal hier ==> http://6p-red.de.tl/

Wie ich es gemacht habe kannst du dir hier ==> http://micawa-modeschmuck-kult.de.tl/ oder auf meiner Testseite ==> http://micawa-test.de.tl/ ansehen
Beitrag27.06.2011 um 11:31 (UTC)    
Titel:

Für das Hintergrundbild folgenden Code bei "CSS-Code ohne Style-Tags" einfügen:
Zitat:
body {
background-image:url(BILDADRESSE);
background-repeat:no-repeat;
background-attachment:fixed;
}

Das rote ist deine Hintergrundbild-URL.
Das blaue sorgt dafür, dass das Hintergrundbild beim Scrollen an Ort und Stelle bleibt. Wenn dir das nicht gefällt, einfach die Zeile löschen Wink

Auf die Navigationselemente kann man vieles anwenden.
Ich gebe mal ein paar Beispiele:

li.nav_element {
list-style-type:none; = Aufzählungszeichen entfernen
float:left; = Menüpunkte nebeneinander anzeigen
}

Sonst alles, was man auf sog. Listenelemente anwenden kann.

Für den Nav-Container (beinhaltet das Menü) gibts natürlich auch Befehle, kleine Auswahl davon:

div#nav_container {
background-color:#XXYYZZ; = Hintergrundfarbe
background-image:url(ADRESSE); = Hintergrundbild
}

Will man die Menülinks modifizieren, nimmt man ungefähr den Code:

#nav_container a {
font-color:#XXYYZZ; = Schriftfarbe
font-size:00px; = Schriftgröße
margin-right:00px; = Abstand rechts, dann wirkt's nicht so gequetscht
}

Will man einen Effekt beim Überfahren mit der Maus haben, kopiert man den Code oben, ändert ihn nach Wunsch, und ersetzt das einsame a in der ersten Zeile durch a:hover

Bei den Codes mit Erklärungen: Diese und das Gleichheitszeichen haben natürlich nix im CSS-Code verloren Wink Einfügen auch hier bei "CSS-Code ohne Style-Tags".

Edit, da vergessen: Überflüssige Zeilen einfach löschen (oder gar nicht erst übernehmen Laughing )

So, ich hoffe du verstehst das alles auch Wink

Gruß,

TransInt

P.S.: Zweiter Edit, da verpennt im ersten zu schreiben:
@micawa: Einfach /home.htm der URL anfügen und schon ist man am Intro vorbei und kann selbst schauen Cool
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon


Zuletzt bearbeitet von transint am 27.06.2011, 12:36, insgesamt 2-mal bearbeitet
Beitrag27.06.2011 um 12:16 (UTC)    
Titel: =D

1000 Dank!! Endlich habe ich es!!!! Danke Danke Danke!!!!
Beitrag27.06.2011 um 13:35 (UTC)    
Titel:

Eine Kleinigkeit am Rande:

Dein Header ist so groß, der erzeugt bei mir einen waagerechten Scrollbalken.
Und ich habe schon einen Breitbild-Monitor (1366x768px)
(Sollte eigentlich reichen, kann ich mir auch nicht erkären Smile

Ändere doch den Code für den Header so:
Zitat:
<img src="http://img.webme.com/pic/f/freundschaftsbaendchen/hpheader.png" style="width:100%; max-width:1360px;">


Das bringt ihn auf volle Seitenbreite, macht ihn allerdings (bei entsprechend großen Bildschirmen) maximal 1360px (die volle Breite) breit.

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beiträge der letzten Zeit anzeigen:   


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