Nederlands Ondersteuningsforum :
Wilt u reageren op dit bericht? Maak met een paar klikken een account aan of log in om door te gaan.

Health bars

Vorige onderwerp Volgende onderwerp Ga naar beneden

Opgeloste Topic Health bars

Bericht van CCDragon za 2 aug 2014 - 16:54

Ik ben op zoek naar een code om health bars te kunnen tonen in posts (ivm gevechten). Nu heb ik dit gegoogled en vond ik deze site: http://webdevrefinery.com/forums/topic/11040-health-bar/  Alleen snap ik de uitleg niet echt. De code lijkt een javascript, maar ik weet niet hoe ik de balkjes dan in de posts krijg.

Code:
function hpbar($current, $max) {
    $percent = round(($current/$max)*100);
    if ($percent >= 50) {
        $color = 'rgb(139,238,132)';
    }
    if ($percent >= 20 && $percent <= 50) {
        $color = 'rgb(215,174,111)';
    }
    if ($percent <= 20) {
        $color = 'rgb(164,72,72)';
    }
    return "<div style='border-radius: 10px; -webkit-box-shadow: inset 0 2px 5px #AAA; border: 1px solid; background: #FFF; width: 100px; height: 5px;'><div style='width: " . $percent . "%; background-color: " . $color . "; border-radius: 10px; height: 5px;'></div></div>";
}

De code is eigenlijk ontwikkeld voor een game, dus ik weet niet of het mogelijk is om dit toe te passen op actieforum..?


Health bars Userba10
       Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM |  TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

Terug naar boven Terug naar beneden

CCDragon

CCDragon
Medaille Forumlid
Medaille Forumlid

Vrouw
Aantal berichten : 365
Leeftijd : 28
Registratiedatum : 24-12-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

http://kanto-experience.actieforum.com


CCDragon is bedankt door de starter van dit topic.

Opgeloste Topic Re: Health bars

Bericht van Lone Wanderer za 2 aug 2014 - 17:19

Hm... hoe zie je het precies voor je dat je dit gebruikt? Wil je deze code bij elke post weer toevoegen? Want dan kun je namelijk net zo goed alleen het div-stukje eruit halen en daarin laten invullen hoeveel HP een pokémon nog heeft, dan heb je al die JS niet nodig Smile

Terug naar boven Terug naar beneden

Lone Wanderer

Lone Wanderer
Medaille Forumlid
Medaille Forumlid

Vrouw
Aantal berichten : 145
Registratiedatum : 26-07-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

http://hongerspelenRPG.actieforum.com


Lone Wanderer is bedankt door de starter van dit topic.

Opgeloste Topic Re: Health bars

Bericht van CCDragon zo 3 aug 2014 - 0:48

Ja ik wil het in de Gymgevechten gebruiken, zodat de Gymleider kan laten zien hoeveel HP zijn Pokémon en de Pokémon van zijn tegenstander heeft. Maar als je alleen het div stukje gebruikt krijg je dit:



Waar vind je dan het aantal HP in?


Health bars Userba10
       Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM |  TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

Terug naar boven Terug naar beneden

CCDragon

CCDragon
Medaille Forumlid
Medaille Forumlid

Vrouw
Aantal berichten : 365
Leeftijd : 28
Registratiedatum : 24-12-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

http://kanto-experience.actieforum.com


CCDragon is bedankt door de starter van dit topic.

Opgeloste Topic Re: Health bars

Bericht van Lone Wanderer zo 3 aug 2014 - 17:13



Like this (dus de capital-letters vervangen) :

Code:
<div style='border-radius: 10px; -webkit-box-shadow: inset 0 2px 5px #AAA; border: 1px solid; background: #FFF; width: 100px; height: 5px;'><div style='width: HIERHETAANTALPROCENTDATINGEVULDMOETZIJN%; background-color: HIERDEKLEURVANHETBALKJE; border-radius: 10px; height: 5px;'></div></div>

Terug naar boven Terug naar beneden

Lone Wanderer

Lone Wanderer
Medaille Forumlid
Medaille Forumlid

Vrouw
Aantal berichten : 145
Registratiedatum : 26-07-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

http://hongerspelenRPG.actieforum.com


Lone Wanderer is bedankt door de starter van dit topic.

Opgeloste Topic Re: Health bars

Bericht van CCDragon zo 3 aug 2014 - 21:48

Ja, dit is wat ik zocht! Super bedankt =D

[opgelost]Aanvraag opgelost en gesloten[/opgelost]


Health bars Userba10
       Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM |  TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

Terug naar boven Terug naar beneden

CCDragon

CCDragon
Medaille Forumlid
Medaille Forumlid

Vrouw
Aantal berichten : 365
Leeftijd : 28
Registratiedatum : 24-12-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

http://kanto-experience.actieforum.com


CCDragon is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum