Register - Login
Views: 99354083
 Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies		 04-21-22 08:12:50 PM
Jul - Innocent Town - fun with alternate avatar versions New poll - New thread - New reply
Next newer thread | Next older thread
Kak

...
Level: 80


Posts: 1848/1928
EXP: 4753147
For next: 29822

Since: 09-03-13

From: ???

Since last post: 58 days
Last activity: 54 days
Posted on 06-18-21 10:38:50 PM Link | Quote
Post #1848
Since I happened to save multiple versions of the avatar in various states of completion, I figured I'd do the avatar mousehover trick, switching between the 100x100 and 200x200 versions.

it works well, though I had to touch up a bit the smaller avatar on the right side to make it more in-line with the larger avatar.

became ->



originally, I had done the hover replacement in a certain weird way, which worked, but had certain annoying drawbacks like the avatar being completely blank for previous posts... so I then looked at how Joe did it.

same base idea of replacing the background on hover, but definitely simpler execution (set image width to 0, and add padding so the otherwise obscured background becomes visible), so I lifted that and adapted it got inspired by what he did. the more you know I guess :V

____________________
--=[!]=--
Xkeeper

Level: 263


Posts: 25064/25343
EXP: 296651243
For next: 2309210

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 6 days
Last activity: 17 hours
Posted on 06-24-21 12:38:38 AM Link | Quote
neither of these load for me because they use http and the board defaults to https

either that or some other problem; the internet is stupid as hell

____________________
Kak

...
Level: 80


Posts: 1852/1928
EXP: 4753147
For next: 29822

Since: 09-03-13

From: ???

Since last post: 58 days
Last activity: 54 days
Posted on 06-24-21 04:34:00 AM Link | Quote
Post #1852
I double checked here with Firefox and Chrome, *both* in http and https. And it just works every time with no problems.

Does the mouse-hover effect on Joe's avatar fail to work on you too, since it's almost the same?

____________________
--=[!]=--
Kak

...
Level: 80


Posts: 1858/1928
EXP: 4753147
For next: 29822

Since: 09-03-13

From: ???

Since last post: 58 days
Last activity: 54 days
Posted on 06-24-21 09:20:54 AM Link | Quote
Post #1858
Originally posted by Xkeeper
neither of these load for me because they use http and the board defaults to https

okay, I tested this with Chromium, which does not have this problem. but someone else verified what happens with the original Chrome.

it turns out that, indeed, the problem is related to Chrome outright blocking http-only content (bplaced.net) on an https webpage.

and bplaced.net does not offer HTTPS to me. fuck.

____________________
--=[!]=--
Halian

Level: 75


Posts: 1381/1473
EXP: 3717109
For next: 109795

Since: 06-20-10

Pronouns: he/him
From: Central Florida

Since last post: 134 days
Last activity: 114 days
Posted on 06-27-21 01:12:29 AM (last edited by Halian at 07-11-21 06:12:55 AM) Link | Quote
stat screen
Hālian (he/him)
Lv 72
XP 3255666
3536 per post
68096 to next
4024 days
1381 posts (rank 66)

Equipment:

maple post-o-matic 9.3
Nonfunctional on Opera GX LVL2 (core: 76.0.4017.205) under Windows 7.

____________________
Thanks to maple and devurandom for parts of this layout, and to Markeee for the avatar.

Violators will be prosecuted to the fullest extent of the jam.
Kak

...
Level: 80


Posts: 1867/1928
EXP: 4753147
For next: 29822

Since: 09-03-13

From: ???

Since last post: 58 days
Last activity: 54 days
Posted on 06-28-21 04:40:29 PM Link | Quote
Post #1867
It's nonfunctional since I forgot to update the post's CSS.

It should work if you go to my profile, or if you mouse-hover this post instead.

____________________
--=[!]=--
Halian

Level: 75


Posts: 1394/1473
EXP: 3717109
For next: 109795

Since: 06-20-10

Pronouns: he/him
From: Central Florida

Since last post: 134 days
Last activity: 114 days
Posted on 06-28-21 05:38:29 PM (last edited by Halian at 07-11-21 06:05:18 AM) Link | Quote
stat screen
Hālian (he/him)
Lv 72
XP 3302436
3553 per post
21326 to next
4026 days
1394 posts (rank 66)

Equipment:

maple post-o-matic 9.3
Originally posted by Kak
It's nonfunctional since I forgot to update the post's CSS.

It should work if you go to my profile, or if you mouse-hover this post instead.

Yeah, now it works.

I wish I had the artistic ability or money to make/commission a set of mood avatars...

____________________
Thanks to maple and devurandom for parts of this layout, and to Markeee for the avatar.

Violators will be prosecuted to the fullest extent of the jam.
Next newer thread | Next older thread
Jul - Innocent Town - fun with alternate avatar versions New poll - New thread - New reply


Rusted Logic
Acmlmboard - commit 47be4dc [2021-08-23]
©2000-2022 Acmlm, Xkeeper, Kaito Sinclaire, et al.

29 database queries, 3 query cache hits.
Query execution time:  0.105214 seconds
Script execution time:  0.020255 seconds
Total render time:  0.125469 seconds


TidyHTML vomit below
line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 2 column 290 - Warning: unescaped & or unknown entity "&page"
line 119 column 11 - Warning: <form> isn't allowed in <table> elements
line 118 column 10 - Info: <table> previously mentioned
line 120 column 11 - Warning: missing <tr>
line 120 column 119 - Warning: missing </font> before </td>
line 124 column 16 - Warning: plain text isn't allowed in <tr> elements
line 120 column 11 - Info: <tr> previously mentioned
line 125 column 68 - Warning: missing </nobr> before </td>
line 141 column 68 - Warning: missing </nobr> before <tr>
line 147 column 35 - Warning: missing <tr>
line 147 column 50 - Warning: missing </font> before </td>
line 148 column 37 - Warning: unescaped & or unknown entity "&id"
line 147 column 196 - Warning: missing </font> before </table>
line 149 column 35 - Warning: missing <tr>
line 149 column 50 - Warning: missing </font> before </td>
line 149 column 91 - Warning: missing </font> before </table>
line 156 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 158 column 9 - Warning: missing <tr>
line 176 column 13 - Warning: missing <tr>
line 177 column 102 - Warning: unescaped & or unknown entity "&postid"
line 179 column 74 - Warning: <style> isn't allowed in <td> elements
line 179 column 9 - Info: <td> previously mentioned
line 192 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 194 column 9 - Warning: missing <tr>
line 212 column 13 - Warning: missing <tr>
line 213 column 102 - Warning: unescaped & or unknown entity "&postid"
line 215 column 74 - Warning: <style> isn't allowed in <td> elements
line 215 column 9 - Info: <td> previously mentioned
line 220 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 222 column 9 - Warning: missing <tr>
line 240 column 13 - Warning: missing <tr>
line 241 column 102 - Warning: unescaped & or unknown entity "&postid"
line 243 column 74 - Warning: <style> isn't allowed in <td> elements
line 243 column 9 - Info: <td> previously mentioned
line 248 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 250 column 9 - Warning: missing <tr>
line 268 column 13 - Warning: missing <tr>
line 269 column 102 - Warning: unescaped & or unknown entity "&postid"
line 271 column 74 - Warning: <style> isn't allowed in <td> elements
line 271 column 9 - Info: <td> previously mentioned
line 279 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 281 column 9 - Warning: missing <tr>
line 299 column 13 - Warning: missing <tr>
line 300 column 102 - Warning: unescaped & or unknown entity "&postid"
line 302 column 74 - Warning: <style> isn't allowed in <td> elements
line 302 column 9 - Info: <td> previously mentioned
line 307 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 309 column 9 - Warning: missing <tr>
line 327 column 13 - Warning: missing <tr>
line 328 column 102 - Warning: unescaped & or unknown entity "&postid"
line 330 column 74 - Warning: <style> isn't allowed in <td> elements
line 330 column 9 - Info: <td> previously mentioned
line 335 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 337 column 9 - Warning: missing <tr>
line 355 column 13 - Warning: missing <tr>
line 356 column 102 - Warning: unescaped & or unknown entity "&postid"
line 358 column 74 - Warning: <style> isn't allowed in <td> elements
line 358 column 9 - Info: <td> previously mentioned
line 368 column 17 - Warning: missing <tr>
line 368 column 17 - Warning: discarding unexpected <table>
line 371 column 35 - Warning: missing <tr>
line 371 column 50 - Warning: missing </font> before </td>
line 371 column 91 - Warning: missing </font> before </table>
line 373 column 35 - Warning: missing <tr>
line 373 column 50 - Warning: missing </font> before </td>
line 374 column 37 - Warning: unescaped & or unknown entity "&id"
line 373 column 196 - Warning: missing </font> before </table>
line 375 column 17 - Warning: discarding unexpected </textarea>
line 375 column 28 - Warning: discarding unexpected </form>
line 375 column 35 - Warning: discarding unexpected </embed>
line 375 column 43 - Warning: discarding unexpected </noembed>
line 375 column 53 - Warning: discarding unexpected </noscript>
line 375 column 64 - Warning: discarding unexpected </noembed>
line 375 column 74 - Warning: discarding unexpected </embed>
line 375 column 82 - Warning: discarding unexpected </table>
line 375 column 90 - Warning: discarding unexpected </table>
line 377 column 9 - Warning: missing </font> before <table>
line 389 column 25 - Warning: discarding unexpected </font>
line 398 column 57 - Warning: discarding unexpected </font>
line 376 column 1 - Warning: missing </center>
line 120 column 63 - Warning: <img> lacks "alt" attribute
line 125 column 19 - Warning: <td> attribute "width" has invalid value "120px"
line 125 column 93 - Warning: <img> lacks "alt" attribute
line 141 column 19 - Warning: <td> attribute "width" has invalid value "120px"
line 141 column 98 - Warning: <img> lacks "alt" attribute
line 148 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 148 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 148 column 246 - Warning: <img> proprietary attribute value "absmiddle"
line 160 column 11 - Warning: <img> lacks "alt" attribute
line 161 column 22 - Warning: <img> lacks "alt" attribute
line 161 column 63 - Warning: <img> lacks "alt" attribute
line 161 column 112 - Warning: <img> lacks "alt" attribute
line 161 column 162 - Warning: <img> lacks "alt" attribute
line 162 column 11 - Warning: <img> lacks "alt" attribute
line 172 column 15 - Warning: <img> lacks "alt" attribute
line 183 column 2584 - Warning: <img> lacks "alt" attribute
line 183 column 2671 - Warning: <img> lacks "alt" attribute
line 197 column 23 - Warning: <img> lacks "alt" attribute
line 197 column 64 - Warning: <img> lacks "alt" attribute
line 197 column 113 - Warning: <img> lacks "alt" attribute
line 197 column 163 - Warning: <img> lacks "alt" attribute
line 198 column 11 - Warning: <img> lacks "alt" attribute
line 208 column 15 - Warning: <img> lacks "alt" attribute
line 224 column 11 - Warning: <img> lacks "alt" attribute
line 225 column 22 - Warning: <img> lacks "alt" attribute
line 225 column 63 - Warning: <img> lacks "alt" attribute
line 225 column 112 - Warning: <img> lacks "alt" attribute
line 225 column 162 - Warning: <img> lacks "alt" attribute
line 226 column 11 - Warning: <img> lacks "alt" attribute
line 236 column 15 - Warning: <img> lacks "alt" attribute
line 252 column 11 - Warning: <img> lacks "alt" attribute
line 253 column 22 - Warning: <img> lacks "alt" attribute
line 253 column 63 - Warning: <img> lacks "alt" attribute
line 253 column 112 - Warning: <img> lacks "alt" attribute
line 253 column 162 - Warning: <img> lacks "alt" attribute
line 254 column 11 - Warning: <img> lacks "alt" attribute
line 264 column 15 - Warning: <img> lacks "alt" attribute
line 284 column 22 - Warning: <img> lacks "alt" attribute
line 284 column 63 - Warning: <img> lacks "alt" attribute
line 284 column 112 - Warning: <img> lacks "alt" attribute
line 284 column 162 - Warning: <img> lacks "alt" attribute
line 285 column 11 - Warning: <img> lacks "alt" attribute
line 295 column 15 - Warning: <img> lacks "alt" attribute
line 302 column 860 - Warning: <img> lacks "alt" attribute
line 302 column 937 - Warning: <img> lacks "alt" attribute
line 302 column 1047 - Warning: <img> lacks "alt" attribute
line 302 column 1122 - Warning: <img> lacks "alt" attribute
line 302 column 1412 - Warning: <img> proprietary attribute value "absmiddle"
line 302 column 1412 - Warning: <img> lacks "alt" attribute
line 311 column 11 - Warning: <img> lacks "alt" attribute
line 312 column 22 - Warning: <img> lacks "alt" attribute
line 312 column 63 - Warning: <img> lacks "alt" attribute
line 312 column 112 - Warning: <img> lacks "alt" attribute
line 312 column 162 - Warning: <img> lacks "alt" attribute
line 313 column 11 - Warning: <img> lacks "alt" attribute
line 323 column 15 - Warning: <img> lacks "alt" attribute
line 332 column 2291 - Warning: <img> proprietary attribute value "absmiddle"
line 332 column 2291 - Warning: <img> lacks "alt" attribute
line 340 column 22 - Warning: <img> lacks "alt" attribute
line 340 column 63 - Warning: <img> lacks "alt" attribute
line 340 column 112 - Warning: <img> lacks "alt" attribute
line 340 column 162 - Warning: <img> lacks "alt" attribute
line 341 column 11 - Warning: <img> lacks "alt" attribute
line 351 column 15 - Warning: <img> lacks "alt" attribute
line 358 column 860 - Warning: <img> lacks "alt" attribute
line 358 column 937 - Warning: <img> lacks "alt" attribute
line 358 column 1047 - Warning: <img> lacks "alt" attribute
line 358 column 1122 - Warning: <img> lacks "alt" attribute
line 360 column 1562 - Warning: <img> proprietary attribute value "absmiddle"
line 360 column 1562 - Warning: <img> lacks "alt" attribute
line 374 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 374 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 374 column 246 - Warning: <img> proprietary attribute value "absmiddle"
line 383 column 25 - Warning: <img> lacks "alt" attribute
line 388 column 267 - Warning: <img> lacks "alt" attribute
line 149 column 50 - Warning: trimming empty <font>
line 368 column 17 - Warning: trimming empty <tr>
line 371 column 50 - Warning: trimming empty <font>
line 125 column 68 - Warning: <nobr> is not approved by W3C
line 141 column 68 - Warning: <nobr> is not approved by W3C
line 177 column 27 - Warning: <nobr> is not approved by W3C
line 213 column 27 - Warning: <nobr> is not approved by W3C
line 241 column 27 - Warning: <nobr> is not approved by W3C
line 269 column 27 - Warning: <nobr> is not approved by W3C
line 300 column 27 - Warning: <nobr> is not approved by W3C
line 328 column 27 - Warning: <nobr> is not approved by W3C
line 356 column 27 - Warning: <nobr> is not approved by W3C
Info: Document content looks like HTML5
Info: No system identifier in emitted doctype
Tidy found 159 warnings and 0 errors!


The alt attribute should be used to give a short description
of an image; longer descriptions should be given with the
longdesc attribute which takes a URL linked to the description.
These measures are needed for people using non-graphical browsers.

For further advice on how to make your pages accessible
see http://www.w3.org/WAI/GL.
You are recommended to use CSS to specify the font and
properties such as its size and color. This will reduce
the size of HTML files and make them easier to maintain
compared with using <FONT> elements.

You are recommended to use CSS to control line wrapping.
Use "white-space: nowrap" to inhibit wrapping in place
of inserting <NOBR>...</NOBR> into the markup.

About HTML Tidy: https://github.com/htacg/tidy-html5
Bug reports and comments: https://github.com/htacg/tidy-html5/issues
Official mailing list: https://lists.w3.org/Archives/Public/public-htacg/
Latest HTML specification: http://dev.w3.org/html5/spec-author-view/
Validate your HTML documents: http://validator.w3.org/nu/
Lobby your company to join the W3C: http://www.w3.org/Consortium

Do you speak a language other than English, or a different variant of
English? Consider helping us to localize HTML Tidy. For details please see
https://github.com/htacg/tidy-html5/blob/master/README/LOCALIZE.md