myGully.com

myGully.com (https://mygully.com/index.php)
-   Grafikdesign (https://mygully.com/forumdisplay.php?f=75)
-   -   Hintergrund für Website soll sich nahtlos wiederholen (https://mygully.com/showthread.php?t=3310333)

Funky StylzZz 08.05.14 20:31

Hintergrund für Website soll sich nahtlos wiederholen
 
Hi Leute bin momentan an einem kleinen Projekt mit Joomla dran. Würde als Hintergrund gerne diesen Hintergrund nehmen: Link

Den Schwarzen Rand habe ich bereits weggeschnitten. Nun da die Seiten manchmal so lang sind das der Hintergrund wiederholt wird versuche ich seit Stunden etwas auszutüfteln damit alles nach einem Bild aussieht also damit beim wiederholen ein nahtloser Übergang besteht. Ich kriege leider nichts gescheites auf die Reihe habt ihr Ideen wie ichs anstellen könnte und könntet mir weiterhelfen?

Großen Dank :)
MFG Funky

hank_p 08.05.14 23:59

was steht denn im css beim alten hintergrund drin fixed -festehend oder was anderes schau mal danach!

simkay 09.05.14 14:00

Kacheln kann man das Bild nicht wirklich. Das beste wäre wirklich das Bild per jquery an den Bildschirm anzupassen und zu fixen.

pommes73 20.07.14 02:04

Vergrößere das Bild, so dass es den Browser ausfüllt und dann per css ein
Code:

no-repeat fixed;
einfügen.

glasblok 23.07.14 03:33

Zitat:

Zitat von login2 (Beitrag 25778917)
denk auch dran dich mit dem urheber in verbindung zu setzen bevor das dein hintergrund wird

Stimmt, aber was hindert ihn daran zur nächsten FFW zu gehen und fragen ob er ein Bild von gerollten oder gestapelten C-Rohren machen darf.
Die sagen bestimmt kein Problem.

Tollischuss 26.07.14 09:29

Versuch mal die Seite :
hxxp://www.w3schools.com/cssref/pr_background-position.asp
hatte mal ein ähnliches Problem Ich erinnere mich noch an top left
no-repeat
und
center center fixed
Einfach ausproprobieren - Bild muß oben links Stehen und sich nicht wiederholen.
Find aber die Musterseite die ich mal gemacht hatte nicht mehr.
und ich hab viel zu viel gemacht.
Kannst auch die Seiten project und seven besuchen- und in den Tutorials wühlen.
Habe noch eine Seite vergessen
hxxp://css-tricks.com/perfect-full-page-background-image/
Hoffe verstosse damit nicht gegen Bordregeln

MrTee 29.07.14 19:47

Zitat:

Zitat von pommes73 (Beitrag 25774454)
Vergrößere das Bild, so dass es den Browser ausfüllt und dann per css ein
Code:

no-repeat fixed;
einfügen.

Würde ich nicht machen, da damit die Dateigröße riesig wird.
Außerdem gibt es IMMER Leute mit größeren Bildschirmen, heutzutage fährt man mit 1900 PX breite nicht mehr die sichere Schiene.

Mein Tipp:

Zitat:

background-size:cover;
Vergrößert das Bild automatisch auf die gewünschte Größe.
Es kann lediglich sein, dass am Rand etwas abgeschnitten wird.


Alle Zeitangaben in WEZ +1. Es ist jetzt 05:15 Uhr.

Powered by vBulletin® (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.