like button facebook

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
matrixxakos
Δημοσιεύσεις: 95
Εγγραφή: 27 Φεβ 2011 07:54

like button facebook

Δημοσίευση από matrixxakos » 03 Απρ 2011 22:29

κατεβασα το like code απο το facebook.

Κώδικας: Επιλογή όλων

<iframe src="http&#58;//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fstaticfbml%2Fedit.php%3Fowner_id%3D189204074444763%26app_id%3D4949752878%23%21%2Fpages%2FDespoina-Vandi-VOTE%2F163597233696895%3Fsk%3Dwall&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border&#58;none; overflow&#58;hidden; width&#58;450px; height&#58;21px;" allowTransparency="true"></iframe>
αυτο ειναι. θελω να το βαλω στο κατο μερος του div moy το οποιο ειναι σαν απο αυτο στο tuttorial της css

Κώδικας: Επιλογή όλων

#container &#123;
margin&#58; 0 auto;
padding&#58; 0 auto;
width&#58; 1100px;
height&#58;960px;
background-image&#58;url&#40;main_back.gif&#41;;
&#125;

#header &#123;
background-image&#58;url&#40;main_banner.jpg&#41;;
width&#58; 1100px;
height&#58; 50px;
margin&#58; 0;
padding&#58; 0;
&#125;

#main_content &#123;
background&#58;none;
width&#58; 1060px;
height&#58;780px;
padding-top&#58;20px;
padding-bottom&#58;20px;
padding-left&#58;20px;
padding-right&#58;20px;
&#125;
#retouch &#123;
float&#58;left;
background-image&#58;url&#40;vandi3.jpg&#41;;
width&#58; 218px;
height&#58; 143px;
margin-left&#58;50px;
padding-top&#58;40px;
text-align&#58;center;
line-height&#58;15px;
font-family&#58;Verdana, Arial, Helvetica, sans-serif;
font-size&#58;11px;
color&#58;#ffffff;
&#125;
html

Κώδικας: Επιλογή όλων

<body>
<div id="container">
<div id="header"></div>
<div id="main_content">
<div id="retouch"><iframe src="http&#58;//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fstaticfbml%2Fedit.php%3Fowner_id%3D189204074444763%26app_id%3D4949752878%23%21%2Fpages%2FDespoina-Vandi-VOTE%2F163597233696895%3Fsk%3Dwall&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=180" scrolling="no" frameborder="0" style="border&#58;none; overflow&#58;hidden; width&#58;300px; height&#58;21px;" allowTransparency="true"></iframe></div>
<div id="content1"></div>
<div id="content2"></div>
<div id="content3"></div>
<div id="funny"></div>
<div id="funny2"></div>
<div id="funny3"></div>
<div id="funny4"></div>
</div>
</body>
</html>


πως το παω το λικε τερμα κατο του div και οχι στο κεντρο που το βαζει μονο του??? ευχαριστω

matrixxakos
Δημοσιεύσεις: 95
Εγγραφή: 27 Φεβ 2011 07:54

like button facebook

Δημοσίευση από matrixxakos » 15 Απρ 2011 23:18

kapios na voithisei parakalo?

pimpogio
Δημοσιεύσεις: 1080
Εγγραφή: 28 Δεκ 2010 14:08

like button facebook

Δημοσίευση από pimpogio » 19 Απρ 2011 16:33

ξερω γω με position:absolute;bottom:10px;
δοκιμασε κατι τετοιο

Άβαταρ μέλους
unik
Δημοσιεύσεις: 60
Εγγραφή: 11 Απρ 2008 18:05
Τοποθεσία: Θεσσαλονίκη

like button facebook

Δημοσίευση από unik » 12 Μάιος 2011 14:54

Από την στιγμή που το #retouch έχει σταθερό ύψος.
Βάλε το iframe σε ένα div πχ:

Κώδικας: Επιλογή όλων

<div id="fb-like">
 <iframe>....</iframe>
</div>
και δώσε στα css:

Κώδικας: Επιλογή όλων

#fb-like &#123;
 margin-top&#58;60px;
&#125;
πειραματίσου με to 60px για να το φέρεις εκεί που θέλεις.

[/code]

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες