Comment faire flotter un bloc (ou une région) dans Drupal?

Question

J'ai vu qu'il y a un module appelé Floating block qui devrait faire ce que je recherche: mais il duplique le bloc flottant, le rendant totalement inutilisable.

Pouvez-vous s'il vous plaît me dire d'autres façons d'accomplir cela?

Answer 1

Par "float", voulez-vous dire que l'attribut CSS "float" est appliqué?

Vous pouvez le faire facilement en regardant le code source HTML pour obtenir l'identifiant du bloc div (habituellement "block-block-3" ou quelque chose) puis en ajoutant un nouveau style est le CSS pour le faire flotter.

Recherchez ce dans la source HTML pour identifier l'ID de bloc correct:

<div id="block-block-4" class="yadda yadda"> 
My block content 
</div> 

ensuite dans le fichier CSS de votre thème actif ajouter une entrée comme ceci:

#block-block-4 { float: left; } 

Si vous voulez dire que vous voulez à float dans la même position que l'utilisateur fait défiler, vous pouvez utiliser un plugin jQuery assez facilement pour le faire. J'ai utilisé StickyFloat avant avec un bon succès. Utilisez l'astuce ci-dessus pour identifier l'identifiant de bloc correct à lier. Inclure jQuery et les scripts de plug-in, puis liez comme si:

$('#block-block-4').stickyfloat({ duration: 400 }); 

Answer 2

Encore mieux, si vous utilisez correctement CSS, vous pouvez accomplir cela sans modules ou plug-ins supplémentaires.

Le module "Floating Block" ne sélectionne réellement que le bloc et la position de l'ensemble est fixe.

Avec l'exemple ci-dessus:

#block-block-4 { 
    position: fixed; 
    top: 100px; 
    left: 100px; 
} 

Answer 3

position: [fixed, absolute, relative] 

ces valeurs remplacent float: si vous avez besoin de le forcer, utilisez

position: inherit !important; 

alors vous devriez être en mesure d'utiliser

float: [left, right];