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

2 plaatsers

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..?

Terug naar boven Terug naar beneden

CCDragon

CCDragon
Actief Forumlid

Vrouw
Berichten : 365
Leeftijd : 31
Registratie : 24-12-12
Oprichter : Ja
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

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
Actief Forumlid

Vrouw
Berichten : 145
Registratie : 26-07-13
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

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?

Terug naar boven Terug naar beneden

CCDragon

CCDragon
Actief Forumlid

Vrouw
Berichten : 365
Leeftijd : 31
Registratie : 24-12-12
Oprichter : Ja
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

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
Actief Forumlid

Vrouw
Berichten : 145
Registratie : 26-07-13
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

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]

Terug naar boven Terug naar beneden

CCDragon

CCDragon
Actief Forumlid

Vrouw
Berichten : 365
Leeftijd : 31
Registratie : 24-12-12
Oprichter : Ja
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

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