This is a snippet of more beautiful Spy Report. You will need basic Bootstrap pack CSS to adapt this by yourself since it may contain some content from my game.
Bootstrap: getbootstrap.com/
Display All
Bootstrap: getbootstrap.com/
HTML Source Code
- <div class="card-box" style="background: linear-gradient(to top, rgba(9, 26, 47, 1) 70%,rgba(9, 26, 47,0.7) 100%), url({$CDN}/2.0/overview/{$biome}.png); background-position:top; background-repeat:no-repeat;">
- <a href="game.php?page=galaxy&galaxy={$targetPlanet.galaxy}&system={$targetPlanet.system}">{$title}</a>
- <div class="col-12"> </div>
- {foreach $spyData as $Class => $elementIDs}
- <div class="stellaron">{$LNG.tech.$Class}</div>
- <div class="row">
- {foreach $elementIDs as $elementID => $amount}
- <!-- Builds and Research -->
- {if ($Class == 0 || $Class == 100) && $amount != 0}
- <div class="col-1 col-md-1" {if $Class == 0}style="background: linear-gradient(to left, rgba(9, 26, 47, 0.7) 100%,rgba(9, 26, 47,0.9) 100%), url({$CDN}/2.0/buildings/tile/{$biome}.png); background-size:contain; background-repeat: no-repeat;background-position: center;"{/if}><a onclick="return Dialog.info({$elementID})" href="#"><img src="{$CDN}/vars/2.0/{$elementID}.png" class="img-circle" alt="" width="20px" height="20px;"></a></div>
- <div class="col-2 col-md-2">{$amount|number}</div>
- <!-- Resources -->
- {elseif $Class == 900}
- <div class="col-1 col-md-1"><img src="{$CDN}/2.0/abstract/resource/{$elementID}.png" class="img-circle" alt="" width="20px" height="20px;"></div>
- <div class="hidden-xs hidden-sm col-md-2">{$amount|number}</div>
- <div class="col-2 hidden-md hidden-lg">{shortly_number($amount)}</div>
- <!-- Else -->
- {elseif ($Class == 200 || $Class == 400) && $amount != 0}
- <div class="col-6 col-md-4">{$LNG.tech.$elementID}</div>
- <div class="col-6 col-md-2">{$amount|number}</div>
- {/if}
- {/foreach}
- </div>
- <div class="col-12"> </div>
- {/foreach}
- <div class="spyRaportFooter">
- <a href="game.php?page=fleetTable&galaxy={$targetPlanet.galaxy}&system={$targetPlanet.system}&planet={$targetPlanet.planet}&planettype={$targetPlanet.planet_type}&target_mission=1">{$LNG.type_mission_1}</a>
- <br>{if $targetChance >= $spyChance}{$LNG.sys_mess_spy_destroyed}{else}{sprintf($LNG.sys_mess_spy_lostproba, $targetChance)}{/if}
- {if $isBattleSim}<br><a href="game.php?page=battleSimulator{foreach $spyData as $Class => $elementIDs}{foreach $elementIDs as $elementID => $amount}&im[{$elementID}]={$amount}{/foreach}{/foreach}">{$LNG.fl_simulate}</a>{/if}
- </div>
- </div>
The post was edited 2 times, last by Qwa ().