#1 17. Mai 2011 Infofeld auf Bild anzeigen! Hey, würde gerne wissen wie man so etwas hinbekommt dieses "Infofeld" im foot. http://img.jnafo.com/v-MeqilQ.jpg Würde dies gerne so umsetzen das nur unregistrierte user dies angezeigt bekommen danke für eure hilfe + Multi-Zitat Zitieren
#2 17. Mai 2011 AW: Infofeld auf Bild anzeigen! Mit Hilfe von z-index kannst du mehrere Layer übereinander legen und bestimmen, welcher oben liegt, ob ein User registriert ist bzw. nicht wird idR mit PHP überprüft und falls notwendig dann eben der HTML-Code ausgegeben. + Multi-Zitat Zitieren
#3 17. Mai 2011 AW: Infofeld auf Bild anzeigen! dankeschön Die frage wäre nun auch wie mache ich es um zu sagen wenn user registriert nicht anzeigen, wenn doch display -> soll als "DU musst Registriert sein, um dieses Bild zu sehen" sein. Bei dem Beispiel da oben nennt es sich adnote im quellcode wenn ich mich nicht irre oder? + Multi-Zitat Zitieren
#4 17. Mai 2011 AW: Infofeld auf Bild anzeigen! Du meinst ja diese Werbung, oder? Code: <center> <div id="tern" class="photoframe" style="background:url(http://img.jnafo.com/vi-MeqilQ.jpg) no-repeat; background-size:650px; width:650px; height:505px;"><div id="showad" style="top:480px;"><span><a id="displayad">Show Advertisement</a></span></div> <div id="advertisement" style="top:425px;"> <div id="close"> <a id="closead"><img src="./templates/default/jnafo/images/icons/001_07.png" /></a> </div> <div style="padding:10px;"> <!-- ADS --> <script type="text/javascript"><!-- google_ad_client = "ca-pub-2931362916779763"; /* Viewer */ google_ad_slot = "5849476037"; google_ad_width = 468; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div> </div> <b><font color="#027878">Image is resized to fit the viewer, click on "View Full Size" in the right menu to see the original size.</font></b> <br><br> </center> Das ist der Code, der dafür verwendet wird (+ dem Text unter dem Bild). Hier wird es nicht über z-index gemacht, sondern das angezeigt Bild wird als Hintergrundbild des divs #tern genommen und die Werbung ist dann automatisch darüber. Das ganze ist ziemlich simpel und wenn du mit einem Framework arbeitest (zB jQuery), kannst du bei Klick auf das Kreuz einfach den Layer mit der Werbung verstecken bzw. dessen visibility auf none setzen + Multi-Zitat Zitieren