AutoItHelp v3.3.16.1 with external CSS loading

[argumentum]

Added the ability to load a custom CSS file where you can change the look of help pages as you would with any html file displaying in Internet Explorer.
Also, all external links open in your default browser.

This area is to share your CSS coloring or report a problem with the file.

Examples of how it could look are:

Buuf:

Spoiler

Dark:

Spoiler

Light ( default )

Spoiler

or just forego all themes and use High Contrast in the OS

Spoiler

 The general idea is that is your PC. Make it look as you wish  

The file is in the file downloads area. Replace the v3.3.16.1 CHM with the one in the ZIP along with the CSS file of your choosing to the same folder the CHM is at.

Edited July 5 by argumentum

[argumentum]

Notes:

---

When using the help file in a monitor with scaling, right click AutoIt3Help.exe and in the compatibility tab, click "Change high DPI settings". On the new window click the checkbox for "High DPI scaling override".

That's it. Simple.

---

Now the problem would be the 1080px resolution on the CSS files when on a gigantic monitor.
Change it to 8080px ?. Something to make it wide enough for the grater pixel density.

---

Made a script to take an html 2 chm for testing when you wish to try more things in css/html/js.
Also made a CHM w/modernizr to test the ability to use newer CSS/JS/HTML .

Edited March 24 by argumentum

[Zedna]

Looks nice. 

I will not use it but I like to learn how such kind of hacks can be done 😉

I'm just curious why this isn't in Examples section of the forum ...

 

[argumentum]

50 minutes ago, Zedna said:

I will not use it but I like to learn how such kind of hacks can be done

How can you learn if you don't use what you'd like to learn from ?

53 minutes ago, Zedna said:

I'm just curious why this isn't in Examples section of the forum

Is not an example on how to learn html, css, chm. Is a product.
And I thought that it should have a discussion thread just in case anyone would like to talk about it.
Because it was used

In a future AutoIt release these features may come in the standard distribution but for now, an updated version. Not a full revision of the help file but fixed some things that needed attention.
Like clicking an external link and having to have IE11 handle it internally within the chm. So I rewrote those links to open in the user's browser.
Some internal links going nowhere where fixed but again, not a full revision.

[Zedna]

Quote

How can you learn if you don't use what you'd like to learn from ?

Just by looking at sources

[argumentum]

lol, right click on any page in the help file and select "View Source"
The way I got most of sources was by unpack/decompile the CHM file.

[Andreik]

tr.yellow,tr.yellowbold {
    background-color:#808000 /* #ffff9C */
}

This is eye hurting but the overall colors are nicely picked. It's a shame that it's not the entire chm theme aware. In dark mode it gives you a feeling of two different applications when you see half of the application in light mode. Anyway, awesome work @argumentum.

[argumentum]

13 minutes ago, Andreik said:

This is eye hurting but the overall colors are nicely picked.

I am, admittedly, not very good with colors. I'm never pleased with my choosing.
If you make a nice looking Theme/CSS, do share it here ( maybe with a small pic. too as a preview ) so we all can have the CSS.

Edited March 18 by argumentum

[Andreik]

I have also bad tastes at colors, I changed just this striking yellow to #635435 and I am happy with the final result.

[argumentum]

... and, none of the $tag* .htm are patched to load the CSS. ( update coming up this week I guess )
I'll add the stuff @donnyh13 told me of too.

5 hours ago, Andreik said:

I changed just this striking yellow to #635435 and I am happy with the final result

What page were you looking at when looking at it ?

[argumentum]

Uploaded the new version ( 1.0.2 ) fixing the $tag* pages.
CSS looks better too. So I took new sample pics.

[Andreik]

8 hours ago, argumentum said:

... and, none of the $tag* .htm are patched to load the CSS. ( update coming up this week I guess )
I'll add the stuff @donnyh13 told me of too.

What page were you looking at when looking at it ?

Installation Directory

[donnyh13]

Everything looks pretty cool @argumentum, very nice work! I had never thought of modifying the colour scheme for the Help file before, and it actually never bothered me before, as I have a pretty basic Windows light look, so everything blended well. But now you got me curious to try making a "pretty" help file -- despite the fact that I also have color-coordination disability

[donnyh13]

I was wondering what I modify to get rid of this white background for the open Script button? I've tried everything and can't get the white background to go away. It apparently isn't considered a link.

 

Edited March 20 by donnyh13

[argumentum]

That is an object ?, ...not a link.

Spoiler

{
document.write('<div class="codeSnippetContainerTab codeSnippetContainerTabSingle" dir="ltr">');
document.write('<object id=hhctrl type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><param name="Command" value="ShortCut"><param name="Font" value="Verdana,10pt"><param name="Text" value="Text:Open this Script"><param name="Item1" value=",Examples\\HelpFile\\MsgBox[2].au3,"></object>');
document.write('<\/div>');
}

 

therefore it has the theme colors of the OS.
I'd have to learn how to "CSS it". It was never in the original code/html, because the use I gave it was never intended.
If I use the "dark css" on the "buuf OS theme" I get

I have not found a way to change it  

Anyone knowing how to color it, post the code, plz.

...also the reason I added in the ReadMe.txt:
"The CSS file will only affect the CHM and not the whole window (HTML Help Control).
A window theme is part of the OS."
Because the pics I posted are the OS theme with the CSS theme and the SciTE theme. Then it looks quite good.

Edited March 19 by argumentum

[donnyh13]

Thanks for looking into it @argumentum. I'll just change the theme if it bugs me, I guess.

[argumentum]

Well, it bugs me too. I'll keep at it ( not OCD like ( as usual )  ) but, hopefully I'll fond a way  to copy'n'paste  to get it done.

[argumentum]

@donnyh13

Yes we can. All I have to do is add CSS and edit over 3000 files in bulk flawlessly 😅
Pet project. I have to get back to work  

Testers are welcome  

    TestExampleLinkThing.zip

[SmOke_N]

22 minutes ago, argumentum said:

@donnyh13

Yes we can. All I have to do is add CSS and edit over 3000 files in bulk flawlessly 😅
Pet project. I have to get back to work  

Testers are welcome  

     TestExampleLinkThing.zip 6.54 kB · 0 downloads

Just state it's by design so it stands out <smh>

[donnyh13]

Looks and works great @argumentum, thanks so much for your digging!

When I opened the example, it is a little unformatted tho? Probably because it is just a snippet?

21 hours ago, argumentum said:

edit over 3000 files in bulk flawlessly

Oh, is that all? 🥴

I would offer to help as time permitted, but I don't have the first clue of how to do it pretty sure "flawlessly" wouldn't end up being correct terminology.

Edited March 20 by donnyh13