Ανανεωμένο Facebook Like Box.

Το τελευταίο διάστημα το Facebook έχει κάνει αλλαγές στον τρόπο παρουσίασης του "Like Box".
Αν θυμάστε κάποτε εμφάνιζε τις εικόνες των Fans με το όνομα από κάτω. Αυτό μας έδινε τη δυνατότητα να κρύψουμε τις frame-borders, τις γραμμές που δημιουργούνται όταν προσθέτουμε ένα iframe gadget, όπως είναι και το "Like Box".

Με τον παρακάτω κώδικα θα μπορέσετε να παρακάμψετε τις γραμμές αυτές.

Προσθέστε τον παρακάτω κώδικα σαν gadget στο sidebar ή όπου αλλού επιθυμείτε να το έχετε:

<style>

/**

 * Facebook widget styling

 */

 

.facebookOuter {

width: 299px;

position: relative;

padding:0; 

}

.facebookOuter, .facebookOuter:before, .facebookOuter:after {

 

}

.facebookOuter:before, .facebookOuter:after {

content: "";

position: absolute;

bottom: -3px;

left: 2px;

right: 2px;

height: 1px;

border-top: none;

}

.facebookOuter:after {

left: 4px;

right: 4px;

}

.facebookInner {

width: 300px;   margin-left: 0px;

overflow:hidden;

}

div.fb-widget { width: 300px; height: 500px; overflow: hidden; margin-left: -1px; margin-top: -2px; }

 

</style>

 

<div class="facebookOuter">

<div class="facebookInner">

<div class="fb-widget">

<iframe src="//www.facebook.com/plugins/likebox.php?href=ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK&amp;width=301&amp;height=500&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=false&amp;appId=165111413574616" style="border: none; height: 500px; overflow: hidden; width: 301px;"></iframe>

         </div>

</div>

</div> 




Αντικαταστήστε  "ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK" με το δικό σας και αποθηκεύστε.

πηγη