BBCode Coupe du Monde 2018

[Francky Funky]

► Balise

Code : Tout sélectionner

[foot1]{TEXT1},{TEXT2},{TEXT3},{TEXT4}[/foot1]

► Remplacement HTML

Code : Tout sélectionner

<style type="text/css">
.foot {
background-color: transparent;
background-image: url("./images/cup2018.png");
width: 400px;
height: 100px;
}
.footleft {
float: left;
color: white;
font-weight: bold;
font-size: 15px;
padding-left: 20%;
padding-top: 39px;
}
.footright {
float: right;
color: white;
font-weight: bold;
font-size: 15px;
padding-right: 20%;
padding-top: 39px;
}
.scoreleft {
float: left;
color: white;
font-weight: bold;
font-size: 28px;
padding-left: 25%;
padding-top: 10px;
}
.scoreright {
float: right;
color: white;
font-weight: bold;
font-size: 28px;
padding-right: 25%;
padding-top: 10px;
}
.score {
display: inline-block;
width: 400px;
}
</style>
<div class="foot">
<div class="footleft">{TEXT1}</div><div class="footright">{TEXT2}</div>
<div class="score"><div class="scoreleft">{TEXT3}</div><div class="scoreright">{TEXT4}</div></div>
</div>

► Ligne d'aide

Code : Tout sélectionner

[foot1]Equipe 1,Equipe 2,Score 1,Score 2[/foot1]

►Résultat◄

[foot1]France,Italie,3,1[/foot1]

Uploadez l'image ci dessous dans le dossier images à la racine de votre forum !

cup2018.png

[Francky Funky]

Pour l'affichage correct sur le mchat, créer un second bbcode

► Balise

Code : Tout sélectionner

[foot]{TEXT1},{TEXT2},{TEXT3},{TEXT4}[/foot]

► Remplacement HTML

Code : Tout sélectionner

<style type="text/css">
.foot {
background-color: transparent;
background-image: url("./images/cup2018.png");
width: 400px;
height: 100px;
}
.footleft {
float: left;
color: white;
font-weight: bold;
font-size: 15px;
padding-left: 20%;
padding-top: 37px;
}
.footright {
float: right;
color: white;
font-weight: bold;
font-size: 15px;
padding-right: 20%;
padding-top: 37px;
}
.scoreleft {
float: left;
color: white;
font-weight: bold;
font-size: 25px;
padding-left: 25%;
}
.scoreright {
float: right;
color: white;
font-weight: bold;
font-size: 25px;
padding-right: 25%;
}
.score {
display: inline-block;
width: 400px;
}
</style>
<div class="foot">
<div class="footleft">{TEXT1}</div><div class="footright">{TEXT2}</div>
<div class="score"><div class="scoreleft">{TEXT3}</div><div class="scoreright">{TEXT4}</div></div>
</div>

► Ligne d'aide

Code : Tout sélectionner

[foot1]Equipe 1,Equipe 2,Score 1,Score 2[/foot1]

[Francky Funky]

► Balise

Code : Tout sélectionner

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

► Remplacement HTML

Code : Tout sélectionner

<div style="background:url('./images/cup2018.png');background-repeat:no-repeat;width:400px;height:100px;position:relative;display:inline-block">
<span style="top:39px;left:45px;position:absolute;color:white;font-size:15px;font-family:arial"><b>{TEXT1}</b></span>
<span style="top:39px;right:45px;position:absolute;color:white;font-size:15px;font-family:arial"><b>{TEXT2}</b></span>
<span style="top:65px;left:65px;position:absolute;color:white;font-size:28px;font-family:arial"><b>{NUMBER1}</b></span>
<span style="top:65px;right:65px;position:absolute;color:white;font-size:28px;font-family:arial"><b>{NUMBER2}</b></span></div>

► Ligne d'aide

Code : Tout sélectionner

[football]Equipe 1,Equipe 2,Score 1,Score 2[/football]

►Résultat◄

[football]France,Italie,3,1[/football]

Uploadez l'image ci dessous dans le dossier images à la racine de votre forum !

cup2018.png