Page 1 sur 1

BBCode Team

Posté : dim. 23 déc. 2018 22:00
par FranckTH
► Balise

Code : Tout sélectionner

[team]{TEXT1},{TEXT2},{NUMBER1},{NUMBER2}[/team]


► Remplacement HTML

Code : Tout sélectionner

<style type="text/css">
.team1 {
background-color: #B1D2ED;
text-transform: uppercase;
font-weight: bold;
background: linear-gradient( 5deg, #91BFE6 0%, #91BFE6 50%, #B1D2ED 50%, #B1D2ED 100% );
}
.team2 {
background-color: #CEE6F5;
text-transform: uppercase;
font-weight: bold;
}
</style>
<div style="width: 500px; border: 3px solid #91BFE6; border-radius: 5px;">
   <div class="team1" style="width: 250px; display: inline-block; text-align: center;">{TEXT1}</div><div class="team2" style="width: 250px; float: right; text-align: center">{TEXT2}</div>
   <span class="team2" style="display: inline-block; width: 250px; text-align: center">{NUMBER1}</span><span class="team1" style="float: right; width: 250px; text-align: center">{NUMBER2}</span>
</div>


► Ligne d'aide

Code : Tout sélectionner

[team]Equipe1,Equipe2,1,2[/team]


► Aperçu
phpBB
FranckTH
01

Re: BBCode Team

Posté : ven. 14 juin 2019 19:45
par FranckTH
Comme vous avez pu pour certains ou certaines le constater, le CSS n'est plus interprété directement dans le html du bbocde dans l'acp... quel dommage, c'était franchement bien pratique

mais bon pas de souci, pour ceux ou celles qui auraient la version 3.2.7 de phpbb

Créer un fichier via Notepad++ appelé "custombbcode.css"

et ajoutez y dedans :

Code : Tout sélectionner

.team1 {
background-color: #B1D2ED;
text-transform: uppercase;
font-weight: bold;
background: linear-gradient( 5deg, #91BFE6 0%, #91BFE6 50%, #B1D2ED 50%, #B1D2ED 100% );
}
.team2 {
background-color: #CEE6F5;
text-transform: uppercase;
font-weight: bold;
}


Une fois terminé, ajoutez ce fichier custombbcode.css dans le dossier theme de votre style

Ouvrir le fichier CSS de votre style perso et ajoutez y à la fin :

Code : Tout sélectionner

@import url("custombbcode.css?v=3.2");


Pour la ligne bbcode html, rien ne change, mais vous savez désormais ou incorporer votre CSS