Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> CSS Userstyle: HV Monster letters (A, B, C ...) to numbers (1, 2, 3 ...), Tired of playing the clicky game? Join the fabulous key-mashers!

 
post Sep 12 2012, 06:30
Post #1
ctxl



バカ
****
Group: Members
Posts: 424
Joined: 20-May 12
Level 455 (Godslayer)


>>>> this turns into >>> this >> or this > or (your favorite color)
Attached Image

Just replace #5C0D11 with your personal choice of color in the code, if so desired.

Requires [chrome.google.com] the Stylish add-on for Chrome or [addons.mozilla.org] the Stylish add-on for Firefox.

For HV 0.76.
Attached File  mon_num.css ( 3.38k ) Number of downloads: 2468


--------
Old versions that don't work with 0.76. If you want them for some reason.

Attached File  numbered_hv_monsters_firefox_v3.css ( 3.32k ) Number of downloads: 465

Attached File  numbered_hv_monsters_chrome_v3.css ( 3.26k ) Number of downloads: 276


This post has been edited by ctxl: May 27 2013, 15:27
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Sep 12 2012, 07:06
Post #2
varst



Peerless perverted long-hair-con of the Hentaiverse
***********
Group: Gold Star Club
Posts: 11,561
Joined: 30-March 10
Level 478 (Godslayer)


Well sir, this function should also be available in HVSTAT, which contains multiple features like this.
Still thanks for your effort (IMG:[invalid] style_emoticons/default/smile.gif)

Or maybe you can join their group?

This post has been edited by varst: Sep 12 2012, 07:07
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Sep 12 2012, 07:42
Post #3
ctxl



バカ
****
Group: Members
Posts: 424
Joined: 20-May 12
Level 455 (Godslayer)


QUOTE(varst @ Sep 11 2012, 22:06) *

Well sir, this function should also be available in HVSTAT, which contains multiple features like this.

I've searched high and low in HVSTAT options for a feature like this before writing up the userstyle, but couldn't find one. Could you point me in the right direction?

Maybe it's because I'm using the Chrome edition?
Edit: Yep. Looks like that's it.
I've been using the HV Statistics, Tracking, and Analysis Tool (Chrome Edition) 5.2.6
Whereas the latest version is 5.4.1.9 (IMG:[invalid] style_emoticons/default/rolleyes.gif)

CODE
Battle Enhancement:
    Highlight battle log
    Use alternate highlighting
    Show turn divider
    Show self effect durations
    Highlight duration badges - Orange: on  rounds; Red: on  rounds
    Final round reminder - minimum  rounds; Alert  rounds before end
    Show Battle Summary
    Show Proficiency Gain Summary
    Show Magic Proficiency
    Show Armor Proficiency
    Show Weapon Proficiency
    Alert on Powerup drops
Display Monster Stats:
    Show monster HP (Estimated)
    Show monster HP in percentage
    Show monster MP percentage
    Show monster SP percentage
    Show monster resistances
    Show monster classes and resistances from database
    Show monster attack type from database
    Show monster weaknesses from database
    Show monster resistances from database
Hide specific weaknesses/resitances:
    Slashing
    Crushing
    Piercing
    Fire
    Cold
    Elec
    Wind
    Holy
    Dark
    Soul
    Void
    Show monster power levels from database
    Show monster statistics on mouseover
    Alternative placement for mouseover popup
    Show monster effect durations
    Highlight duration badges - Orange: below  rounds; Red: below  rounds

I've got a fairly slow computer and it takes a fraction of a second for HVSTAT to kick in (resulting in a little flicker), whereas CSS styles are near-instantaneous. JavaScript just isn't really my thing (IMG:[invalid] style_emoticons/default/wink.gif)

This post has been edited by contagioncloud: Sep 12 2012, 07:47
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Sep 12 2012, 07:53
Post #4
varst



Peerless perverted long-hair-con of the Hentaiverse
***********
Group: Gold Star Club
Posts: 11,561
Joined: 30-March 10
Level 478 (Godslayer)


QUOTE(contagioncloud @ Sep 12 2012, 13:42) *

I've searched high and low in HVSTAT options for a feature like this before writing up the userstyle, but couldn't find one. Could you point me in the right direction?

Maybe it's because I'm using the Chrome edition?
Edit: Yep. Looks like that's it.
I've been using the HV Statistics, Tracking, and Analysis Tool (Chrome Edition) 5.2.6
Whereas the latest version is 5.4.1.9 (IMG:[invalid] style_emoticons/default/rolleyes.gif)

I've got a fairly slow computer and it takes a fraction of a second for HVSTAT to kick in (resulting in a little flicker), whereas CSS styles are near-instantaneous. JavaScript just isn't really my thing (IMG:[invalid] style_emoticons/default/wink.gif)


I've been using version 5.4.0 and that has been added (IMG:[invalid] style_emoticons/default/smile.gif)
Try 5.4.2.1, they've made a good effort to lower the loading time for HVSTAT.

And well...it's a bit slower than CSS, but it also has more functions!

Or you can try HVSTAT slim, which remove the tracking function while with the core elements (like round counter, letter-> number, more) remaining.

This post has been edited by varst: Sep 12 2012, 07:54
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Sep 12 2012, 08:20
Post #5
Evil Scorpio



● Public Enemy ●
*********
Group: Gold Star Club
Posts: 6,565
Joined: 9-May 10
Level 444 (Godslayer)


Works faster than Letter>Number function in HV STAT and even in HV STAT Slim. I like it.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Sep 12 2012, 08:42
Post #6
ctxl



バカ
****
Group: Members
Posts: 424
Joined: 20-May 12
Level 455 (Godslayer)


QUOTE(varst @ Sep 11 2012, 22:53) *

Try 5.4.2.1, they've made a good effort to lower the loading time for HVSTAT.

(IMG:[invalid] style_emoticons/default/ohmy.gif) It's muuuuch faster now, thank you very much! (Guess I should check that topic a little more often, eh?)

After messing around a bit, it seems that HVSTAT's coloring for the numbers is stuck on black... and that gave me an idea for a little update:

Attached Image

#5C0D11 for monsters that are still alive.
and #C10013 for those that are dead!

I'll update the first post with new files in a minute, but I simply changed the default background color and added a new selector:

CODE
#mainpane.cmp #battleform #monsterpane.btmp div[style$="opacity:0.3"] img.btmi {
background-color: #c10013;
}
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Sep 12 2012, 08:48
Post #7
varst



Peerless perverted long-hair-con of the Hentaiverse
***********
Group: Gold Star Club
Posts: 11,561
Joined: 30-March 10
Level 478 (Godslayer)


QUOTE(contagioncloud @ Sep 12 2012, 14:42) *

#5C0D11 for monsters that are still alive.
and #C10013 for those that are dead!


Well you know, you should suggest this god damn good idea to the HVSTAT team. Seriously. (IMG:[invalid] style_emoticons/default/smile.gif)
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Sep 12 2012, 08:59
Post #8
eovcoo5



おっぱい星人 (( • ̀ω•́ )✧)
********
Group: Members
Posts: 2,583
Joined: 16-September 10
Level 391 (Dovahkiin)


cool thank you so much it's useful !
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Sep 12 2012, 10:05
Post #9
ctxl



バカ
****
Group: Members
Posts: 424
Joined: 20-May 12
Level 455 (Godslayer)


QUOTE(varst @ Sep 11 2012, 23:48) *

Well you know, you should suggest this god damn good idea to the HVSTAT team. Seriously. (IMG:[invalid] style_emoticons/default/smile.gif)

Haha, thanks for the encouragement, but I took a look at the Git repository and their method is completely different.

I can't think of any way to add such color-changing functionality without sacrificing speed.

And since they're currently focused on making things faster, I'd rather not bother them for a trivial change (IMG:[invalid] style_emoticons/default/smile.gif)

CODE
function showMonsterNumber() {
    var targets = document.querySelectorAll('.btmi'), i = targets.length;
    while (i-- > 0) targets[i].parentNode.appendChild(document.createElement('div')).innerHTML = (i+1)%10;
    var style = '.btmi {display:none;} .btmi + div {height:25px; font-size:1.6em; font-family:HentaiVerse; color:black; padding-top:0.4em;}';
    var style2 = document.createElement('style');
    style2.innerHTML = style;
    document.head.appendChild(style2);
}

//isShowMonsterNumber stolen from HV Lite, and added by Ilirith

Final edit (version 3) updated in the first post:
  • Took a page out of the HVSTAT book and reduced selector specificity (smaller CSS file) + applied to entire domain (for random encounters)
  • Added monster 'J', aka number '0'. (Missed that, since I'm rather low-level and rarely get 10 monsters at once)
  • Tested in Firefox 3.0 + Stylish 1.0.9 (Yep, ancient versions for an ancient computer)

Double-checked the code to make sure nothing's missing/wrong so that this thread can rest peacefully.

Thanks for sticking around. (IMG:[invalid] style_emoticons/default/cool.gif)
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post May 25 2013, 12:26
Post #10
eqwer



Vanilla Fan
*******
Group: Members
Posts: 2,467
Joined: 19-June 11
Level 310 (Godslayer)


can't work now?
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Aug 6 2016, 16:21
Post #11
Question2



Casual Poster
****
Group: Members
Posts: 285
Joined: 22-November 09
Level 289 (Godslayer)


QUOTE(contagioncloud @ Sep 12 2012, 14:30) *

>>>> this turns into >>> this >> or this > or (your favorite color)
Attached Image

Just replace #5C0D11 with your personal choice of color in the code, if so desired.

Requires [chrome.google.com] the Stylish add-on for Chrome or [addons.mozilla.org] the Stylish add-on for Firefox.

For HV 0.76.
Attached File  mon_num.css ( 3.38k ) Number of downloads: 2468


--------
Old versions that don't work with 0.76. If you want them for some reason.

Attached File  numbered_hv_monsters_firefox_v3.css ( 3.32k ) Number of downloads: 465

Attached File  numbered_hv_monsters_chrome_v3.css ( 3.26k ) Number of downloads: 276



I tried to install this with stylish on firefox and i got an error saying that it apperas to be corrupt?
User is offlineProfile CardPM
Go to the top of the page
+Quote Post


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 


Lo-Fi Version Time is now: 29th March 2024 - 11:03