myGully.com - Bild mit "gefällt mir"-Button verlinken

myGully.com (https://mygully.com/index.php)

- Entwicklung & Programmierung (https://mygully.com/forumdisplay.php?f=72)

- - Bild mit "gefällt mir"-Button verlinken (https://mygully.com/showthread.php?t=2394221)

Bild mit "gefällt mir"-Button verlinken

Hallo Leute,

Ich habe in Facebook eine Seite erstellt. Dort habe ich in der Seite einen eigenen "gefällt mir"-Button, den ich mit dem originalen verlinken möchte. Das heißt, wenn man darauf klickt, soll man auch das "gefällt mir" auslösen, sodass derjenige dann ein Fan wird.

Es geht beispielsweise um diese Seite:
[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

Kann mir da jemand weiterhelfen? Den Link der gerade drin ist habe ich wie folgt hinzugefügt: Rechtsklick auf orig. gefällt mir --> Link-Adresse kopieren --> eingesetzt

Ich brauche Hilfe..^^

Gruss

Du kannst dir bei Facebook einen eigenen Like-Button bauen, den kannst du in die Webseite integrieren. Du kannst den Like-Button auf [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...] Seite erstellen. Und den bindest du einfach in deine eigene Seite bei Facebook ein. Das sollte funktionieren. =)

Ja, danach bekomme ich einen Code. Aber ich weis nicht, wie ich den Code über das Bild setzen kann und an einem bestimmten Bereich. Weist du wie das geht?

Code für Facebook FBML

Code:

<meta http-equiv="X-UA-Compatible" content="IE=8" >



<style type="text/css">

<!–

body, html {

width: 520px;

height: 1000px;

margin: 0px;

position: relative;

}



#head {

width: 520px;

height: 223px;

margin: 0px;

background-image: url("http://img7.imagebanana.com/img/ytwcwvzf/FACEBOOKlandingpageZEL_01.jpg");

}



#middle {

width: 520px;

height: 40px;

margin: 0px;

background-image: url("http://img7.imagebanana.com/img/fxscjksy/FACEBOOKlandingpageZEL_02.jpg");

}



#footer {

width: 520px;

height: 737px;

margin: 0px;

background-image: url("http://img7.imagebanana.com/img/7uk9qc92/FACEBOOKlandingpageZEL_03.jpg");

}

–>

</style>



<a href="http://www.facebook.com/pages/Zel-Restaurant/270662702949074" target="_self">

<div id="head">

</div></a>

<a href="http://www.facebook.com/ajax/signup_dialog.php?page_id=270662702949074&next=http%3A%2F%2Fwww.facebook.com%2Fpages%2FZel-Restaurant%2F270662702949074" target="_self">

<div id="middle">

</div>

</a>

<div id="middle2">

</div>

<div id="footer">

</div>

Code für Button

Code:

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com/pages/Zel-Restaurant/270662702949074&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:80px;" allowTransparency="true">

Ich muss jetzt beispielsweise den Button genau in der Mitte vom Gesamtbild platzieren, aber so, dass das Bild darunter ist und der Button auf dem Bild ist.

Wie kann ich das machen`?

Du könntest den iframe in eine div-Box packen und diese per ID oder Klasse oder inline-Style so positionieren, wie du es brauchst. Meinetwegen mit "position:absolute; right:100px; top:100px; z-index:5;".

Ich habe selber noch keine Seite für Facebook gemacht, aber es wird wohl so etwas wie mit einer normalen Webseite gehen. Und in die "normale Webseite" bindest du halt den iframe für den Like-Button ein.

#edit
Wenn ich das nebenher nochmal erwähnen darf: Diese Schriftart, mit der du z.B. "Türkische Spezialitäten - Döner - Pizza - Grill" schreibst, sieht (entschuldige) scheiße aus. Findest du da nicht noch eine bessere? Die sieht aus wie zu aus einer Zeit, in der Röhrenbildschirme ausschließlich grün/schwarz darstellen konnten...

hehe, ja ok, dann ändere ich die Schriftart..^^
Dein Tipp ist denke ich schon gut, nur kenne ich mich da sehr wenig aus, könntest du mir den kleinen code in den großen einsetzen und den posten? Ich denke kaum, dass das eine arbeit ist^^ ich ändere dann die Schriftart :D