The Html structure of each scoreboard
Each scoreboard generated by Flexyscore has its own structure, this is not editable but it is the basis on which to create your own custom CSS.
Each Scoreboard is contained in a / div / element to which we attribute the sport name, e.g: containersoccer, containervolley, containerfootball etc..
<section id="boxes"> <div class="container containersoccer"> </div> </section>
Inside the main container we will find all the elements that appear on the scoreboard. these elements have recurring classes for each sport:
<div class="sgrlogo"></div> <div class="box boxtimer" id="timer">00:00</div> <div class="box boxhometeam" id="team_1">team_1</div> <div class="box boxhomepoints" id="points_1">0</div> <div class="space">-</div> <div class="box boxawaypoints" id="points_2">0</div> <div class="box boxawayteam" id="team_2">team_2</div> <div class="box boxmoment boxovertimeoff" id="ovt"><span><em id="overtime">T</em><strong id="moment">1</strong></span></div>
Each element can have one or more classes, this will help in compiling the custom CSS.
On the following pages you will find the structure and the relative variants of each scoreboard.
Flexyscore is a Powerful, Flexible and Customizable Score bug for Sport Live Stream and video production. Try Flexyscore for free!