facebook comme la boîte de flux de hauteur

Comment contrôler le facebook comme la boîte de stream partie de la hauteur de seul. Normal pour réduire la hauteur de l'ensemble de la zone, mais si essaie de se contrôler fans images ne sont pas affichés.

Le css .fan_box .page_stream{ ...,width:300px} à .fan_box .page_stream{...,width:150px}

je demande, car le flux de boîte à l'intérieur de l'iframe

Avez-vous jamais obtenir une réponse à cette question, je suis toujours à la recherche d'une solution. Essayé de jQuery, mais ça ne marchera pas parce que c'est dans une iframe. Essayé en passant un paramètre css avec une hauteur de l'élément comme un autre fb: éléments de cette fonctionnalité, mais pas de chance.

OriginalL'auteur ArK | 2010-08-14

  1. 4

    Il n'y a pas un moyen de changer la hauteur. Facebook n'offre pas un moyen de modifier la hauteur et il n'y a pas un moyen de changer la hauteur à l'aide de JavaScript et de CSS.

    Pourquoi je ne peux pas le faire avec du JavaScript et du CSS?

    CSS ne s'applique pas via un iFrame parce que c'est comment un iFrame fonctionne, c'est en fait une fenêtre à une autre page avec sa propre feuille de style CSS.

    Javascript ne vous permettra pas d'accéder au contenu d'une iFrame si l'URL de l'iFrame est différent de celui de la page qui contient l'iFrame. Faire:

    document.getElementById('iframeID').contentWindow.document

    Vous donnera l'avertissement suivant dans le navigateur Chrome.

    Unsafe JavaScript attempt to access frame with URL... Domains, protocols and ports must match.

    La raison pour cela est de prévenir les attaques de type XSS. Voici plus d'informations sur le Même La Politique De L'Origine.

    OriginalL'auteur squinlan

  2. 1

    J'ai vu cela sur le Aime de la page et pensé que je lui répondre que vous pouvez utiliser le "data-height' attribut:

    data-height="250"

    A fonctionné pour moi. Voici mon exemple:

    http://www.skonet.com/Resources/Articles/Index.aspx

    C'est seulement en mesure de raccourcir les données de hauteur. Il semble que le max de données de hauteur est quelque part autour de 300 pixels.
    Ah. Bon de garder à l'esprit. Merci.

    OriginalL'auteur Skowronek

  3. 1

    vous pouvez réduire la hauteur de la div contenant le, de cacher son débordement et si vous voulez pousser le haut, en dessous de la position absolue de l'élément avec un z-index supérieur de la sorte:

    <div style="position:absolute;z-index:2;top:0;left:0;width:300px;height:130px;background-color:#c0c;opacity:0.5;filter:alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";"></div>
<div style="height:140px;width:140px;overflow:hidden;background-color:#0c0; margin-top: 60px;color: #fff;padding: 30px;font-family:arial;">
    facebook like box goes here - only the green part will be visible if you make the pink box white and take out the 0.5 opacity and the bottom will get cut off so you can just display whatever part you want
</div>

    OriginalL'auteur Tania

  4. 0

    Je suppose que vous les gars encore besoin d'elle, et c'est le plus précis truc que je peux fournir et ses aussi en promettant de travailler avec tous les jours changement de facebook comme la boîte par facebook.

    Son un peu délicat, mais va travailler pour vous les gars..

    créer deux seprate comme une boîte de la même page, et de les fermer en seprate div droit dans mon cas

    <div class="up1">
facbook like box 1 code
<div class="up2">
facbook like box 2 code

    Maintenant dans le css

    utiliser la position absolue de la classe up1

    .up1 {
position:absolute;
z-index:99999;
background-color:white;
}

    et up2

    .up2 {
    padding-top:87px;
    }

    Ce qu'il fait il va mettre la zone 1 de la zone 2 de cacher son facebook comme et bla bla donner l'impression que vous avez une boîte qui contient l'image et le streaming de votre choix longueur

    OriginalL'auteur Ubaid Rehman

  5. 0

    Je regardais autour de moi parce que j'avais un problème comme celui-ci. Facebook n'a pas de moyen standard de la personnalisation du flux si le visage et la tête sont vérifiées.

    La solution est de prendre différemment. Si vous avez besoin de flux tant que 1000px, il suffit de décocher tout sauf le ruisseau. Cela va changer sa hauteur à partir de la valeur par défaut 300px de quelque valeur que ce soit vous tapez dans le champ hauteur.

    Voir un exemple ci-dessous:

    <div class="fb-like-box" data-href="https://www.facebook.com/MadeinHeavenEvents" data-width="800" data-height="2000" data-colorscheme="light" data-show-faces="false" data-header="false" data-stream="true" data-show-border="true"></div>

    Alors si vous avez encore besoin l'un de visages, d'obtenir un nouveau code et de régler la hauteur différemment, puis décochez les autres. Ci-dessous est un exemple:

    <div class="fb-like-box" data-href="https://www.facebook.com/MadeinHeavenEvents" data-width="800" data-height="500" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

    N'oubliez pas d'ajouter le kit de développement avant de ces codes.

    Je sais que c'est un long temps depuis que cela a été posté, mais voici la solution qui m'a aidé aujourd'hui

    OriginalL'auteur Ekene

  6. 0

    Oui les données de hauteur de 250 fonctionnera comme c'réduire l'extérieur iframe

    Maintenant essayer de définir les données de hauteur de 1000 - il est encore 300px hauteur,

    parce que l'intérieur de la div à l'intérieur de l'iframe codé en dur à 300px et
    vous ne pouvez pas contrôler qu'il est dans une croix de domaine iframe...

    OriginalL'auteur Max Chernyshov

  7. -1
    <div class="fb-like-box" data-href="http://www.facebook.com/example" data-width="292" data-height="250" data-show-faces="true" data-stream="false" data-header="false"></div>

    Ajuster la height dans le présent code, à ce qui fonctionne le mieux pour vous.

    OriginalL'auteur Jide Ogunsanya