Antworten auf deine Fragen:
Neues Thema erstellen

Bloghintergrund

rabbiti

Noch nicht viel geschrieben

Hallo,

ich habe einen Bloghintergrund gestaltet - Größe 1920x1200 px.
Ich habe auch den Code um das Bild in meinem Blog einzufügen.
Grundsätzlich funktioniert es auch, nur leider wird das Bild immer
verkleinert dagestellt?
Weiß jemand, wie sich das Bild automatisch auf die Bildschrimgröße
anpasst?
Füge ich ein Bloghintergrund ein, den ich mir von jemanden lade, funktioniert
es.

****
<style type="text/css">
body {background-image:
url( background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<img border="0" src="g"/>
</div>
*****


Danke für schnelle Hilfe!
Gruß
rabbiti
 
Zuletzt bearbeitet:

rabbiti

Noch nicht viel geschrieben

sorry, verstehe ich nicht so ganz
ich habe oben noch den code eingefügt, den ich verwende

habe das so eingegen mit 100% 100% no-repeat
dann wirds aber wieder holt, das sieht blöd aus.
möchte einfach, dass sich der hintergrund auf die bildschirmgröße
skaliert
:-(
 
Zuletzt bearbeitet von einem Moderator:

Ossipower

Nicht mehr ganz neu hier

wenn du das so schreibst skaliert er das bild auf die größe.

hast du auch no-repeat geschrieben?

{background url () 100% 100% no-repeat;}
 
Zuletzt bearbeitet von einem Moderator:

rabbiti

Noch nicht viel geschrieben

AW: Bloghintergrund

ja alles genau so
hinter der klammer vom link zum bild
und die restlichen befehle (background-position: center; background-repeat: no-repeat; background-attachment: fixed;) gelöscht

da wird es aber wiederholt.

es muss an meinem bild liegen. lade ich ein fertiges runter funktioniert der code. habe es gerade noch einmal versucht
 

Top_Gun

Aktives Mitglied

AW: Bloghintergrund

Zu klein oder zu groß ist ne Definitionssache. Für meine Auflösung wäre es zB zu groß, für andere wiederrum evtl zu klein...

Code:
<style type="text/css">
body {
   background-image: url(pfad/hintergrund.jpg);
   background-position: top left;
   background-repeat: no-repeat;
}
</style>
 

Ossipower

Nicht mehr ganz neu hier

AW: Bloghintergrund

sorry, da kann ich dir auch nicht weiterhelfen. bin leider nur anfänger.

wenn ich was finde melde ich mich noch mal.

viel erfolg

gruß
ossipower
 

rabbiti

Noch nicht viel geschrieben

AW: Bloghintergrund

hallo top-gun
funktioniert auch nicht, da habe ich rechts und unten einen weißen balken
verstehe das nicht, wenn ich ein anderes bild einfüge funktioniert das.
das sind doch nur poplige *.jpgs?!?!
 

Top_Gun

Aktives Mitglied

AW: Bloghintergrund

Wie groß ist denn der weiße Streifen? Und ist der wirklich nur unten?

Probier mal das:
Code:
<style type="text/css">
* {
   margin:0;
   padding:0;
}
body {
   background-image: url(pfad/hintergrund.jpg);
   background-position: top left;
   background-repeat: no-repeat;
}
</style>
 

rabbiti

Noch nicht viel geschrieben

AW: Bloghintergrund

dann ist es NOCH kleiner! :)
mit dem code habe ich rechts und unten ca 20 cm(!) weißen balken
ansonsten waren nur gute 10 cm
 

rabbiti

Noch nicht viel geschrieben

achso, was mir bei dem code noch auffällt, da scrollt der hintergrund dann mit.
der soll ja fest stehen

hier der link zum blog perle4u.blogspot.com
das sieht man den zu kleinen hintergrund - sieht voll doof aus

code:
<style type="text/css">
body {background-image:
url( background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<img border="0" src="g"/>
</div>
 
Zuletzt bearbeitet von einem Moderator:

Herr_D

offline

AW: Bloghintergrund

achso, was mir bei dem code noch auffällt, da scrollt der hintergrund dann mit.
der soll ja fest stehen

Gib mal einen Link zur Seite...


Code:
<style type="text/css">
* {
   margin:0;
   padding:0;
}
body {
   background-image: url(pfad/hintergrund.jpg);
   background-position: top left; /* ist unnötig, weil Standard wenn dann andere angaben*/
   background-repeat: no-repeat; /* ist der Bildschrim größer als der BG gibt es einen Rand */
   background-attachment:fixed; /* nicht scrollen */
}
</style>
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.615
Beiträge
1.538.352
Mitglieder
67.528
Neuestes Mitglied
Links Stream es
Oben