<b>kostenlose REGISTRIERUNG</b>

GFX-Sector - HTML, CSS


 
GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Hintergrund-Bilder auf Forum/Homepage einbinden » Hallo Gast [Anmelden|kostenlos Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen

HTML, CSS

Einfache Scriptsprachen und deren Layout mit HTML und CSS
Neues Thema erstellen Antwort erstellen

Hintergrund-Bilder auf Forum/Homepage einbinden

     Deutsche Version  English version
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »

oxyd
Zauberstabbenutzer


oxyd hat kein Avatar

Dabei seit: 18.07.2008
Beiträge: 10

Guthaben: 40 Sector Coins
Aktienbestand: 0 Stück


Spacer
Hintergrund-Bilder auf Forum/Homepage einbinden

Hintergrund-Bilder auf Forum/Homepage einbinden

      

Hallo zusammen,

für mich als Laie eine fast unlösbare Aufgabe, aber ich frage einfach mal die Profis hier in der Runde.

Ist es möglich (beispielsweise wie in einem Forum wie dieses WBB) dieses Background Bild (bg.gif) so zu ändern, dass man ggf ein paar Grafiken oder Bilder vom Hintergrund an die Tabellenspalten hier anknüpfen/anzeigen lassen kann?

Im Forum ist dieses Background-Bild wenige Pixel groß und wird via CSS-Code eingebunden. Vielleicht hilft euch das ja weiter.

Denke mal es ist egal ob für Foren oder normale Websites, lediglich die Größe und der Abstand muss berechnet werden oder?

Würde mich sehr über ein paar Hilfestellungen freuen.
Hintergrund-Bilder auf Forum/Homepage einbinden 28.04.2013 14:11 oxyd ist offline Beiträge von oxyd suchen

Thanatos Thanatos ist männlich
Designartist


Avatar von Thanatos

Dabei seit: 02.05.2010
Beiträge: 1.261

Guthaben: 1.030 Sector Coins
Aktienbestand: 0 Stück

Wohnort: Berlin
Programm: Photoshop, Wordpress, Joomla

Spacer
      

Ich verstehe nicht so ganz dein Problem. Hast du mal ein Beispiel?



Hintergrund-Bilder auf Forum/Homepage einbinden 28.04.2013 14:16 Thanatos ist offline Beiträge von Thanatos suchen

oxyd
Zauberstabbenutzer


oxyd hat kein Avatar

Dabei seit: 18.07.2008
Beiträge: 10

Guthaben: 40 Sector Coins
Aktienbestand: 0 Stück


Themenstarter Thema begonnen von oxyd
Spacer
      

Ja klar, sorry.

In dem rot markierten Bereich mit den "X" sollen dann beispielsweise Filmfiguren oder Ausschnitte zu sehen sein um das Thema der Seite etwas zu konkretisieren.

Hintergrund-Bilder auf Forum/Homepage einbinden 28.04.2013 14:28 oxyd ist offline Beiträge von oxyd suchen

Ephraim
You hoser, eh!


Avatar von Ephraim

Dabei seit: 17.03.2008
Beiträge: 9.087
Classing-Rank: Solid Intermediate

Guthaben: 412.282 Sector Coins
Aktienbestand: 0 Stück

Wohnort: Toronto, Kanada

Bereiche: (alle)
Frage stellen

Spacer
      

Mach dich über den Z-Index in CSS schlau, damit kannst du Bilder übereinander legen
Ansonsten einfach die Bilder in eine DIV packen und dann mit den Margin/Padding-Werten positionieren

Hintergrund-Bilder auf Forum/Homepage einbinden 28.04.2013 14:32 Ephraim ist offline Beiträge von Ephraim suchen

oxyd
Zauberstabbenutzer


oxyd hat kein Avatar

Dabei seit: 18.07.2008
Beiträge: 10

Guthaben: 40 Sector Coins
Aktienbestand: 0 Stück


Themenstarter Thema begonnen von oxyd
Spacer
      

Puh, das ist für mich gerad ein wenig viel auf einmal.
Gibt es jemanden, der sich damit ebenfalls auskennt und evtl ein wenig Zeit hat? Gerne auch gegen Bezahlung.

Hintergrund-Bilder auf Forum/Homepage einbinden 28.04.2013 14:48 oxyd ist offline Beiträge von oxyd suchen

Thanatos Thanatos ist männlich
Designartist


Avatar von Thanatos

Dabei seit: 02.05.2010
Beiträge: 1.261

Guthaben: 1.030 Sector Coins
Aktienbestand: 0 Stück

Wohnort: Berlin
Programm: Photoshop, Wordpress, Joomla

Spacer
      

Wenn der Hintergrund wie in deinem Beispiel nur aus einem Verlauf oder einer Farbe besteht solltest du alle weiteren Bilder die du darüber haben willst seperat per Divs einbinden. Und wie schon genannt wurde mit dem z-index arbeiten. Damit gibst du den Divs quasi werte und wenn ein Div einen höheren z-index als ein anderes hat liegt es davor. Hier ne sehr gute Seite zum lernen:

http://www.w3schools.com/cssref/pr_pos_z-index.asp

Wenn dein hintergrund aber sowieso aus einem riesen Bild besteht kannste deine Motive ja auch direkt in Photoshop raufhauen und es als ganzes Bild einbinden.

Ansonsten kann ich dir nur raten rumzuprobieren. Verändere immer eine Sache und schaus dir direkt an. Am besten besorgste dir das Addon "Firebug" das ist sehr gut, kannst direkt im Browser Veränderungen vornehmen (werden nur solange gespeichert bis die Seite aktualisiert wird) und schauen.



Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Thanatos: 28.04.2013 15:49.

Hintergrund-Bilder auf Forum/Homepage einbinden 28.04.2013 15:47 Thanatos ist offline Beiträge von Thanatos suchen
 
Spacer
   
GFX-Sector
unregistriert


 hat kein Avatar


Spacer

Hat dir das Thema gefallen?


Wenn dir das Thema Hintergrund-Bilder auf Forum/Homepage einbinden im Bereich HTML, CSS gefallen hat, würden wir uns sehr freuen, wenn Du Dich bei uns kostenlos registrieren oder anmelden würdest!

  • √ kostenlose Mitgliedschaft
  • √ Zugriff auf über 800 kostenlose Photoshop Tutorials
  • √ Zugriff auf über 100 GB Photoshop-Ressourcen (Brushes, Render, PSDs, ...)
  • √ große und aktive Battle-Section
  • √ konstruktives Feedback zu GFX-Werken
  • √ einzigartiges Design
  • √ eines der größten Grafikplattformen in Deutschland
  • √ uneingeschränkte Nutzung des Forums
  • √ werbefreies Forum nach Registrierung

Jetzt kostenlos registrieren und alle Vorteile als registriertes Mitglied genießen!

Neuer Beitrag 28.04.2013 15:49  
Baumstruktur | Brettstruktur
Neues Thema erstellen Antwort erstellen
GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Hintergrund-Bilder auf Forum/Homepage einbinden

Thematisch passende Themen zu Hintergrund-Bilder auf Forum/Homepage einbinden
Thread
Auf auf und davon (Forum: Archiv)
[Erledigt] Leopardgecko Forum braucht Header (Forum: Archiv für Anfragen)
Suche gute In-Ears, Kaufempfehlungen? (Forum: Allgemeine Diskussion)
wie bildern abspeichern für IE (Forum: Fragen & Probleme)
kreatief, drauf gekackt (Forum: Signaturen/Avatare)