Neuigkeiten

Autor Thema: Template erweitern "Image unten rechts gefixt auf der Seite"  (Gelesen 349 mal)

Offline ArTo

  • Frisch an Board
  • **
  • Beiträge: 53
Guten Tag Leute,

ich möchte bei mir auf der Seite ein Image unten rechts fixiert haben so das es immer an der unteren rechten seite bleibt bzw. an der Ecke.

Ich habe mehrere möglichkeiten versucht bei mir klappt es einfach nicht mit dem richtigen code.
Wenn jemand fit von euch ist und mir da ein Tip geben könnte wäre echt klasse.

Mein Template habe ich schon einigermaßen verändert so das es zum Shop passt.
Im Anhang ist mal ein Sample. Oben wie es jetzt ist und das untere wie es ca. aussehen soll!

Hier mal ein Link zur Testpage da könnt ihr den Code einsehen bzw wo ich da anfangen kann.
http://test.jdm-shop.de/

Gruß Arthur


Linkback: http://www.modified-shop.org/forum/index.php?topic=22647.0

t10: Landingpagemanager

Offline cannewitz

  • Mitglied
  • ***
  • Beiträge: 152
  • Geschlecht: Männlich
    • Service Homepage
Re: Template erweitern "Image unten rechts gefixt auf der Seite"
« Antwort #1 am: 06. Oktober 2012, 00:49:41 »
Hallo Arthur.
Das kannste z.Bsp. so lösen:
In der Index.html einen Bereich anlegen
Code: PHP
  1. <div class ="ca12a"></div>

In deiner Stylesheet:
Code: PHP
  1. .ca12a {position: fixed;
  2. z-index: 0; // oder -1
  3. right: 0px;
  4. bottom: 0px;
  5. width: 110px; height: 110px;
  6. background-image: url(img/DeinBild.gif); background-repeat: no-repeat}

Dabei mit z-index probieren ... ich denke -1 oder 0

Gruß.

Offline ArTo

  • Frisch an Board
  • **
  • Beiträge: 53
Re: Template erweitern "Image unten rechts gefixt auf der Seite"
« Antwort #2 am: 07. Oktober 2012, 14:44:19 »
Hey,
ok das klappt soweit.

Nun Problem, wenn ich seite breiter oder schmaler mache wandert der BG hin und her genau so wie scrollen nach oben und unten also er soll gefixt da unten an der ecke bleiben!
Habe auch wieder einige befehle versucht aber iwie wenn das eine klappt dann das andere nicht!

Gruß Arthur

Offline ShishaChris

  • Fördermitglied
  • *****
  • Beiträge: 181
  • Geschlecht: Männlich
Re: Template erweitern "Image unten rechts gefixt auf der Seite"
« Antwort #3 am: 07. Oktober 2012, 17:23:56 »
Wollte gerade nen Vorschlag Posten und habe orher nochmal in deinem Shop vorbei geschaut und sah, das du es ja jetzt doch hinbekommen hast ;)

Also bei mir bleibt er zumindest beim Scrollen an der selben stelle sitze.

Gruß

Offline ArTo

  • Frisch an Board
  • **
  • Beiträge: 53
Re: Template erweitern "Image unten rechts gefixt auf der Seite"
« Antwort #4 am: 07. Oktober 2012, 17:32:34 »
Hey,
bei mir ist das nicht so.
sowohl vertical als auch horizontal verschiebt sich das image immer noch!

Offline ShishaChris

  • Fördermitglied
  • *****
  • Beiträge: 181
  • Geschlecht: Männlich
Re: Template erweitern "Image unten rechts gefixt auf der Seite"
« Antwort #5 am: 07. Oktober 2012, 19:38:52 »
Wie gesagt, bei mir is alles fest ;).. Haste ma deine Chronik von deinem Browser geleert ?

Offline ArTo

  • Frisch an Board
  • **
  • Beiträge: 53
Re: Template erweitern "Image unten rechts gefixt auf der Seite"
« Antwort #6 am: 07. Oktober 2012, 19:43:00 »
Jop grad gemacht,
funkt nicht in FF sowie IE
am anfang wo ich das eingefügt habe war es wenigstens beim scrollen fest, verstehe ich nicht !

Offline ShishaChris

  • Fördermitglied
  • *****
  • Beiträge: 181
  • Geschlecht: Männlich
Re: Template erweitern "Image unten rechts gefixt auf der Seite"
« Antwort #7 am: 07. Oktober 2012, 19:57:24 »
Komische Sache !!

Habe es jetzt mit Chrome, Internet Explorer und Firefox getestet und bekomme überall das selbe Ergenis, das es gefixd ist.

Offline ArTo

  • Frisch an Board
  • **
  • Beiträge: 53
Re: Template erweitern "Image unten rechts gefixt auf der Seite"
« Antwort #8 am: 07. Oktober 2012, 20:12:45 »
vielleicht reden wir an einander vorbei?

Ich will das das Image unten rechts an der Seite ist und mit der seite sich verschiebt wenn ich z.b den Browser schmaler oder breiter mache.
Sollte ich hochscrollen dann muss geht die seite hoch und das image sollte verschwinden weil es ja unten rechts hängt.
Genau so wie breiter oder schmaler, immer an der weißen ecke bleiben!

Offline cannewitz

  • Mitglied
  • ***
  • Beiträge: 152
  • Geschlecht: Männlich
    • Service Homepage
Re: Template erweitern "Image unten rechts gefixt auf der Seite"
« Antwort #9 am: 08. Oktober 2012, 13:07:21 »
Hallo ArTo.
Damit wird aber der Shop um einiges breiter!

In Index ganz am Ende:
Code: PHP
  1. <div class="ca12a"></div>

und in der Stylesheet:
Code: PHP
  1. .ca12a {
  2.     position: relative;
  3.     z-index: -1;
  4.         margin-top:-200px; /*diesen Wert anpassen*/
  5.     width: 1320px; /*diesen Wert anpassen*/
  6.     height: 353px;
  7.     background-image: url("http://test.jdm-shop.de/templates/jdm_v1/img/bomb_sample.png");
  8.     background-repeat: no-repeat;
  9.         background-position: right bottom;
  10. }

Gruß. ;-)


Teile per facebook Teile per linkedin Teile per twitter

xx
Content Manager Links um "noindex", "index", "follow", "nofollow" erweitern?

Begonnen von nicnero

2 Antworten
1377 Aufrufe
Letzter Beitrag 02. Dezember 2011, 20:41:22
von nicnero
topicsolved
Artikelfelder: "Jetzt kaufen" und "ANSEHEN" soll mehr nach rechts

Begonnen von ShadowSAW

7 Antworten
784 Aufrufe
Letzter Beitrag 15. August 2011, 15:59:32
von Tomcraft
clip
Buttons "In den Warenkorb" und "Details" 40px nach rechts schieben

Begonnen von Tarcaljas

3 Antworten
218 Aufrufe
Letzter Beitrag 28. November 2013, 12:14:45
von Kawabiker
xx
Fehler "Weisse Seite" nach neuem Template

Begonnen von miamit

15 Antworten
611 Aufrufe
Letzter Beitrag 12. August 2012, 15:42:25
von miamit