1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

"Ecken-Schnipsel" einfügen (z.B. Werbung etc.)

Dieses Thema im Forum "Design" wurde erstellt von rftc, 25. März 2007.

  1. rftc

    rftc Well-Known Member

    Registriert seit:
    22. Dezember 2005
    Beiträge:
    132
    Zustimmungen:
    0
    Floating Grafik ("Ecken-Schnipsel") einfügen (z.B. Werbung etc.)

    Hallo ihr WP-Jünger!

    Ich suche verzweifelt nach einem Thread, der die Einbindung einer Grafik in der Ecke des Browserfensters erläutert. Leider weiss ich nicht, wie man dies nennt, daher war meine Suche erfolglos :(

    Was ich mir vorstelle: in der rechten unteren Ecke meines Blogs (bzw. in der Ecke des Browserfensters) soll eine Grafik (z.B. in Form eines 45° geneigten Bandes) permanent angezeigt werden und evtl. auch verlinkt werden können. Weiss jemand, wie man sowas einbindet? irgendein float div container im main index file oder so?

    Würde mich freuen, wenn einer, der sowas bei sich auf dem Blog hat, mir hier weiterhelfen könnte...

    Vielen Dank und Gruss

    Livio

    -----------
    Theme: Kubrick 2.0.2

     
    #1 rftc, 25. März 2007
    Zuletzt bearbeitet: 25. März 2007
  2. cb2206

    cb2206 New Member

    Registriert seit:
    25. März 2007
    Beiträge:
    1
    Zustimmungen:
    0
    Hi rftc,

    Schau dir mal den Code des Plugins Too Cool for IE an. Das macht genau das was du erreichen möchtest.

    Leider arbeitet es mit anderen Plugins/Erweiterungen, die auch solche Overlays benutzen nicht so gut zusammen. (z.B. mit dem Lightbox Plugin)

    Viele Grüße,
    Christian
     
  3. Olafb

    Olafb Well-Known Member

    Registriert seit:
    31. Dezember 2005
    Beiträge:
    1.623
    Zustimmungen:
    0
    Ich würd ganz am Ende des Codes (footer.php) vor </body> einfügen:
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    dann in die CSS
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    aus'm Kopf, also mit Vorsicht zu genießen.
     
  4. punctilio

    punctilio Well-Known Member

    Registriert seit:
    23. Dezember 2006
    Beiträge:
    79
    Zustimmungen:
    0
    Meinst du sowas in der Art?
     
  5. Olafb

    Olafb Well-Known Member

    Registriert seit:
    31. Dezember 2005
    Beiträge:
    1.623
    Zustimmungen:
    0
    :mrgreen: das ist ja mal ein schlechtes Beispiel :D
     
  6. rftc

    rftc Well-Known Member

    Registriert seit:
    22. Dezember 2005
    Beiträge:
    132
    Zustimmungen:
    0
    :) ah jetzt geht was :)

    @punctillo: ähm...Ja! sowas in der Art, aber es sollte eigentlich immer in der Ecke bleiben, d.h. nicht fix am oberen Ende des Blogs...

    @Olaf: ist der Vorschlaf von Dir eine fixe Lösung oder geht das eben auch wie grad beschrieben, dass die Grafik immer z.B. unten rechts im Browser-Fenster bleibt?

    schonmal ein herzliches Danke für den Input, auch an cb2206!
     
  7. Olafb

    Olafb Well-Known Member

    Registriert seit:
    31. Dezember 2005
    Beiträge:
    1.623
    Zustimmungen:
    0
    So, genug vorgeschlafen :)
    Du hättest ja mal probieren können :(
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  8. rftc

    rftc Well-Known Member

    Registriert seit:
    22. Dezember 2005
    Beiträge:
    132
    Zustimmungen:
    0
    hehe...ja, freud'scher Verschreiber :)

    war leider nicht zuhause...probier heute abend weiter...

    Vielen lieben Dank für den Input...schreibe ein Feedback wenn ich "fertig" bin :)

    Gruss Livio
     
  9. rftc

    rftc Well-Known Member

    Registriert seit:
    22. Dezember 2005
    Beiträge:
    132
    Zustimmungen:
    0
    Olafb, der Mann der Stunde :)

    so, hab mal was Provisorisches gebastelt, noch nicht bombig, aber tut's mal für'n Anfang :)

    Olaf, wie kann ich jetzt machen, dass das Bild immer unten rechts bleibt, auch wenn ich scrolle?

    War schon mal Klasse deine Hilfe!!

    Danke und Gruss

    Livio
     
  10. jaman

    jaman Member

    Registriert seit:
    29. Dezember 2005
    Beiträge:
    8
    Zustimmungen:
    0
    hallo,

    so funzt das bei mir...
    <style type="text/css">
    <!--
    #corner
    {
    position:fixed;
    _position:absolute;
    bottom:0;
    _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
    background:red;
    -->
    </style>

    <div id="corner">'position:fixed' in Internet Explorer</div>

    die seite muss dann allerdings im quirks mode laufen...
     
    #10 jaman, 25. März 2007
    Zuletzt bearbeitet: 30. November 2007
  11. rftc

    rftc Well-Known Member

    Registriert seit:
    22. Dezember 2005
    Beiträge:
    132
    Zustimmungen:
    0
    @jaman: danke für den Input, ist ähnlich Deine Lösung...

    @Olafb: hab's selbst rausbekommen, position: fixed lässt die Grafik wo sie ist, sogar IE 7 weiss dies jetzt :)

    Danke nochmals!

    p.s. wieder mal eine neue Frage, vielleicht weisst Du dies grad wieder einmal Olafb?

    --> meine youtube-class (Film wie Bilder als "class="alignleft" mit Text umlaufen lassen sieht in IE besch** aus...wieso übernimmt der nicht die selben margins wie z.B. Mozilla?? Weiss hier einer Rat?

    Vielen Dank euch allen!

    Gruss und gute Nacht

    Livio
     
  12. ben

    ben Well-Known Member

    Registriert seit:
    15. Juni 2005
    Beiträge:
    426
    Zustimmungen:
    0
    quellcode anschauen, quellcode anschauen quellcode anschauen.

    Ich habe von anderen Seiten schon so einige tricks gelernt weil ich mir - wenn ich was entdecke - immer den quellcode(+css) anschaue.

    mit einem gescheiten editor (ich benutze Proton und WsciTE) ist das nichtmal so eine sucharbeit. Firebug ist auch eine schöne Firefox-extension, um direkt fremde seiten zu manipulieren (natürlich nur auf deinem Schirm)
    Ich schreibe meiner Freundin damit ab und zu ihr Horoskop um ;)
     
  13. Olafb

    Olafb Well-Known Member

    Registriert seit:
    31. Dezember 2005
    Beiträge:
    1.623
    Zustimmungen:
    0
    Nur am Rande, das mit fixed beschrieb ich in meiner 1. Lösung, da du nachfragtest nahm ich an so wolltest du nicht.

    Zum IE:
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    _margin-top mit dem Wert spielen bis es passt
     
  14. rftc

    rftc Well-Known Member

    Registriert seit:
    22. Dezember 2005
    Beiträge:
    132
    Zustimmungen:
    0
    @ben: ja, danke, probier ich meist auch, aber wenn man schon weiss, dass was fehlt, und nicht dass was falsch ist, ist es schwierig als Programmier-Laie...trotzdem danke...

    @olafb: du hast recht, aber da ich erst am Sonntag-Abend ausprobieren konnte, hab ich natürlich deinen Folge-Post schon gesehen, und direkt mit absolute probiert...durch deinen ersten Post bin ich dann auch draufgekommen...also danke und sorry für meinen ungünstigen Probier-Weg :confused:

    jetzt schau ich, wie ich das mit den Margins hinbekomm...auch dafür: Danke vielmals...

    Einen guten Start in die Woche und bis später,

    Gruss Livio
     
    #14 rftc, 26. März 2007
    Zuletzt bearbeitet: 26. März 2007
  15. rftc

    rftc Well-Known Member

    Registriert seit:
    22. Dezember 2005
    Beiträge:
    132
    Zustimmungen:
    0
    @Olafb:

    ich hab jetzt mal dies eingefügt, aber meinen IE7 interessiert das überhaupt nicht? Ist das ein 7er Problem, oder ist es bei Euch auch immer noch völlig falsch platziert?

    .youtube {
    float: left;
    width: 193px;
    height: 160px;
    margin: -14px 0px 10px 0px;
    _margin-top: -14px;
    _margin-bottom: 10px;
    }
     
  16. rftc

    rftc Well-Known Member

    Registriert seit:
    22. Dezember 2005
    Beiträge:
    132
    Zustimmungen:
    0
    hab nun auch dies mal probiert:

    * html .youtube {
    _margin-top: 4px;
    }

    aber irgendwie reagiert da genau gar nichts :((

    weiss jemand weiter?

    Vielen Dank!

    --> ich erstell daraus jetzt einen neuen Thread wenn's recht ist :)
     
    #16 rftc, 26. März 2007
    Zuletzt bearbeitet: 26. März 2007
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden