Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

Bild zwischen Header und Header Bild einblenden ?

Eingetragen von trunkx (7)
am 22.04.2014 - 02:03 Uhr in
  • Themes & Theming
  • Drupal 7.x

Hallo,

Ich habe folgendes Problem und bitte um eure Hilfe.

Ich habe einen Header der aus einem Logo besteht.
Direkt darunter hätte ich gern ein Bild welches sich ändert wenn ich auf eine andere Unterseite ich gehe.
Das ganze hätte ich soweit mit Hilfe von Blocks schon geschafft.

Jetzt möchte ich allerdings einen Bild (Button) genau zwischen Header und Header Bild einblenden.

Um besser zu verstehen was ich meine habe ich eine kleine Skizze angefertigt:

Hat vllt. jemand eine Idee wie man so etwas am einfachsten realisieren könnte ?

Danke schon mal im vorhinein.

‹ Aufwändige, individuelle Startseite / Landingpage Bild zwischen Header und Header Bild einblenden ? ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Du könntest

Eingetragen von ronald (3857)
am 22.04.2014 - 08:08 Uhr

im Template dafür einen neuen Bereich anlegen.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Danke für die

Eingetragen von trunkx (7)
am 22.04.2014 - 11:10 Uhr

Danke für die Antwort.

Könntest du mir das vielleicht ein bisschen detaillierter erklären ?

wenn ich einen Bereich zwischen Header und Header Bild mache und
dort dann den Button einfüge schiebt es mir doch das ganze Header Bild nach unten oder ?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Halllo, Du könntest doch

Eingetragen von oteno (775)
am 22.04.2014 - 11:53 Uhr

Halllo,
Du könntest doch einfach einen div um die beiden Bereiche legen und das Bild darin als Hintergrund festlegen...
Gruß
Christian

  • Anmelden oder Registrieren um Kommentare zu schreiben

Da das alles mit CSS beschrieben wird

Eingetragen von ronald (3857)
am 22.04.2014 - 12:46 Uhr

kannst du für den Button eine relative Positionierung realisieren, die sich mit der Position des Bildes/Headers überlagert.

  • Anmelden oder Registrieren um Kommentare zu schreiben

danke für eure Tipps. Ich hab

Eingetragen von trunkx (7)
am 30.04.2014 - 16:03 Uhr

danke für eure Tipps. Ich hab das ganze jetzt mal mit css eingebunden mit folgendem code:

position: absolute;
z-index:10;
display:block;
content:' ';
top: 100px;
left: 1120px;
width:220px;
height: 219px;
background-image: url('images/button.gif');
background-repeat: no-repeat;

Wenn die Seite auf "Vollbild" angezeigt wird passt die Position des Buttons genau.
Wenn man das Fenster allerdings verkleinert rutscht der Button um 1120px
nach rechts und befindet sich dann außerhalb des Browser Fenster.

Der Button soll aber immer an der genau gleichen Position bleiben egal ob ich
das Fenster auf Vollbild hab oder nicht.

Hat jemand eine Idee wie man das schöner lösen könnte ?

Danke im vorhinein !

  • Anmelden oder Registrieren um Kommentare zu schreiben

Man müsste mal die komplette

Eingetragen von Goekmen (1013)
am 30.04.2014 - 20:36 Uhr

Man müsste mal die komplette Seite vorher sehen ansonsten kann man nur rumraten.
Auch bei Vollbild wird die Position aber nur auf deinem Monitor, bei deiner Auflösung stimmen. Wenn jemand einen höhere Auflösung hat, wird es da auch nicht mehr stimmen.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Anstelle von left: 1120px;

Eingetragen von nickstedt (30)
am 01.07.2014 - 15:44 Uhr

Anstelle von left: 1120px; z.B. right:25px; oder right:5%;

http://jsfiddle.net/A48tW/12/

g. nick

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 4 Tagen 1 Stunde
  • Hey danke
    vor 4 Tagen 19 Stunden
  • Update: jetzt gibt's ein
    vor 5 Tagen 13 Stunden
  • Hallo, im Prinzip habe ich
    vor 1 Woche 2 Tagen
  • Da scheint die Terminologie
    vor 1 Woche 3 Tagen
  • Kannst doch auch alles direkt
    vor 2 Wochen 8 Stunden
  • In der entsprechenden View
    vor 2 Wochen 8 Stunden
  • Dazu müsstest Du vermutlich
    vor 2 Wochen 8 Stunden
  • gelöst
    vor 4 Wochen 3 Tagen
  • Ja natürlich. Dass ist etwas,
    vor 4 Wochen 4 Tagen

Statistik

Beiträge im Forum: 250233
Registrierte User: 20449

Neue User:

  • Mroppoofpaync
  • 4aficiona2
  • AppBuilder

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 13 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association