» BBCode Box Facebook
Ce BBCode vous permet d'intégrer une mini box (boîte) à la Facebook.
Tout d'abord, nous allons ajouter de nouvelles classes dans votre fichier de style. Pour cela, ouvrez le fichier «
styles/{VOTRE_THEME}/theme/content.css » et à la fin ajoutez :
Code : Tout sélectionner
/* Left Text / Right Text (style Facebook)
------------------------------------------- */
.ltext {
float: left;
}
.rtext {
overflow: hidden;
}
.box_shadow {
min-height: 158px;
max-height: 158px;
background-color: #CADCEB;
/*box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset, 0px 1px 1px rgba(0, 0, 0, 0.05);*/
box-shadow: 0px 0px 0px 2px rgba(18, 163, 235, 0.1) inset, 0px 1px 1px rgba(18, 163, 235, 0.05);
}
.box_img {
min-width: 158px;
max-width: 158px;
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
min-height: 158px;
max-height: 158px;
}
.box_title {
font-family: Georgia,"lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 18px;
font-weight: 500;
color: #105289;
padding: 10px;
line-height: 22px;
margin-bottom: 5px;
max-height: 110px;
overflow: hidden;
word-wrap: break-word;
}
.box_text {
font-family: helvetica,arial,sans-serif;
color: #105289;
padding: 10px;
line-height: 16px;
max-height: 80px;
overflow: hidden;
text-align: justify;
}
Une fois modifié, n'oubliez pas de purger le cache. Sans quoi les modifications ne seront pas prises en compte.
Ensuite, il faut créer un nouveau BBCode.
Balise BBCode:
Code HTML de remplacement:
Code : Tout sélectionner
<div class="box_shadow">
<div class="ltext">
<div class="box_img">
<img src="{URL}" alt="{URL}" />
</div>
</div>
<div class="rtext">
<div class="box_title">{TEXT2}</div>
<div class="box_text">{TEXT3}</div>
</div>
</div>
Ligne d'aide:
Code : Tout sélectionner
Boîte Facebook : [boxfb|url=adresse de l'image (max 158x158)]Votre titre|Votre texte[/boxfb]
Attention : vos images doivent faire 158x158 maximum, sans quoi cela risque de poser problème.