Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

link for image on CSS ( before and after a git push )

1586502436

Edited 1586512788
Hello, I have a concern about the images used for a custom character sheet. for my prototype I use images on my github page; I wish to use the image in the fork I made on roll20 git, before to push a request for my sheet I used something like &nbsp;&nbsp;&nbsp; in my dev css&nbsp; : <a href="https://github.com/aloade/pathfinder/raw/master/image/button.jpg" rel="nofollow">https://github.com/aloade/pathfinder/raw/master/image/button.jpg</a> &nbsp;&nbsp;&nbsp; on the game : <a href="https://imgsrv.roll20.net/?src=https%3A//github.com/aloade/pathfinder/raw/master/image/button.jpg" rel="nofollow">https://imgsrv.roll20.net/?src=https%3A//github.com/aloade/pathfinder/raw/master/image/button.jpg</a> the images are shown correctly in the fork I made from Roll20 &nbsp;&nbsp;&nbsp; in the css sheet : <a href="https://github.com/aloade/roll20-character-sheets/raw/master/Pathfinder%20Adventurer's/image/button.jpg" rel="nofollow">https://github.com/aloade/roll20-character-sheets/raw/master/Pathfinder%20Adventurer's/image/button.jpg</a> &nbsp;&nbsp;&nbsp; on the game : <a href="https://imgsrv.roll20.net/?src=https%3A//github.com/aloade/roll20-character-sheets/raw/master/Pathfinder%20Adventurer's/image/button.jpg" rel="nofollow">https://imgsrv.roll20.net/?src=https%3A//github.com/aloade/roll20-character-sheets/raw/master/Pathfinder%20Adventurer's/image/button.jpg</a> the link in CSS are shown correctly but in game I got an error. if I push to Roll20 git, I am afraid to have the same kind of error. to be clear before to push I will change the links &nbsp;&nbsp;&nbsp; <a href="https://github.com/aloade/roll20-character-sheets/raw/master/Pathfinder%20Adventurer's" rel="nofollow">https://github.com/aloade/roll20-character-sheets/raw/master/Pathfinder%20Adventurer's</a> &nbsp;&nbsp;&nbsp; to &nbsp;&nbsp;&nbsp; <a href="https://github.com/Roll20/roll20-character-sheets/raw/master/Pathfinder%20Adventurer's" rel="nofollow">https://github.com/Roll20/roll20-character-sheets/raw/master/Pathfinder%20Adventurer's</a>
1586506756
GiGs
Pro
Sheet Author
API Scripter
This is a better format for the image links: raw.githubusercontent.com/Roll20/roll20-character-sheets/master/ Pathfinder%20Adventurer's/image/button.jpg Notice if you click any of the working links, it gets redirected to the raw.githubusercontent.com domain anyway. Furthermore, the link you posted above that isnt working: it looks like thats not to your fork, or the official repo. It should have Roll20 or your github name between github.com/ and /roll20-character-sheets
1586510328

Edited 1586510982
&nbsp;&nbsp;&nbsp; Notice if you click any of the working links, it gets redirected to the raw.githubusercontent.com domain anyway. I had alredy noticed this comportement, I had a doubt about the correct root of the URL, thank you for the info. Oh you right I badly typed the URL for the fourth images ( i changed it ) ... anyway on your advice I will request the pull on roll20 git directly with github.com/Roll20/roll20-character-sheets thank you for the response !
1586592045
vÍnce
Pro
Sheet Author
Totally agree with you GiGs, unfortunately I'm seeing that roll20 automatically changes the url which is breaking images on some sheets.&nbsp; <a href="https://app.roll20.net/forum/permalink/8428726/" rel="nofollow">https://app.roll20.net/forum/permalink/8428726/</a> example; the sheet's html is using this url for the logo <a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AD%26D_1E/images/logo.png" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AD%26D_1E/images/logo.png</a> but once the sheet is loaded by the vtt, the url changes to <a href="https://imgsrv.roll20.net?src=https%3A//raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AD%2526D_1E/images/logo.png" rel="nofollow">https://imgsrv.roll20.net?src=https%3A//raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AD%2526D_1E/images/logo.png</a> and breaks.
1586595005
GiGs
Pro
Sheet Author
API Scripter
Vince, It looks like the other people posting in that thread were victims of a temporary image server failure, maybe not the same as your issue. I just posted my theory about that AD&amp;D sheet issue and a possible fix in that thread.
1586595813

Edited 1586596156
I got some problems with space in the character sheet I used. You musn't convert special character in CSS befoce roll20 compile the file; in your case in CSS :&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AD&amp;D_1E/images/logo.png" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AD&amp;D_1E/images/logo.png</a> and not &nbsp;&nbsp;&nbsp; <a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AD%26D_1E/images/logo.png" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AD%26D_1E/images/logo.png</a> But you have a "&amp;", which is use as a separator for a query string, so when its converted to : &nbsp;&nbsp;&nbsp;&nbsp; <a href="https://imgsrv.roll20.net?src=https%3A//raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AD%26D_1E/images/logo.png" rel="nofollow">https://imgsrv.roll20.net?src=https%3A//raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AD%26D_1E/images/logo.png</a> the compiler think you sent : &nbsp;&nbsp;&nbsp; src = https%3A//raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AD &nbsp;&nbsp;&nbsp; D_1E/images/logo.png = NULL ( roll20 script compiler seems to decode only one time an URL, when the compiler encode two times ) @GiGS &nbsp;just saw you responded a similar response just a few minutes ago ^^
1586596801
vÍnce
Pro
Sheet Author
Thanks for the fix.&nbsp; I'll update the sheet. Cheers
1586604715
Andreas J.
Forum Champion
Sheet Author
Translator
It's things like there that makes me always encourage people to use folder and filenames that doesn't contain spaces or any "special characters other than a "-".
avoid specials character is a good idea, but If you are aware of how work query string it's ok. not to use : &amp; + = ok to use : space - _ accented characters ' " *
1586618132
vÍnce
Pro
Sheet Author
I agree, but the folder has existed for 5 years without issue and was created before I took over... I know it's not the first folder name to cause issues on roll20's repo.
1586618868
GiGs
Pro
Sheet Author
API Scripter
The other folder names caused issues for basically the same reason - they werent using purely alphanumeric names (and a very few extras), which is what you should do with stuff on the internet.