Jul -- Projects and Creations: Re-introducing my current layout

Register - Login
Views: 99369147	Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies	04-23-22 06:31:59 PM

Jul - Projects and Creations - Re-introducing my current layout

Next newer thread | Next older thread

Posted on 11-03-09 11:37:44 PM

Link | Quote

I finally moved everything from the style attributes into an external CSS file.

It's much easier this way. :p

____________________

Tyty

Level: 165

Posts: 6138/8599
EXP: 58621863
For next: 313818

Since: 07-07-07

Since last post: 9.8 years
Last activity: 9.8 years

Posted on 11-04-09 01:01:42 AM

Link | Quote

Nya~

There's something that has been bugging me for SO LONG though.

The image has a 1px white outline and I hate when that happens

:x

____________________

303darthbobby
Catgirl
I'm the one they warned you about.
Level: 83

Posts: 1362/1810
EXP: 5335286
For next: 96935

Since: 03-02-09

From: North Carolina

Since last post: 3.8 years
Last activity: 3.6 years

Posted on 11-04-09 01:05:23 AM (last edited by 303darthbobby at 11-03-09 10:08 PM)

Link | Quote

Originally posted by Tei-la
Nya~

There's something that has been bugging me for SO LONG though.

The image has a 1px white outline and I hate when that happens

:x

That happened with my mood avatars. Get an outline selection in Photoshop (or similar program), contract selection by a few (2-4 pixels), inverse the selection, feather a few pixels, and then delete everything selected.

Voila~

____________________
Your friendly, neighborhood cyber-prostitute.

Tyty

Level: 165

Posts: 6139/8599
EXP: 58621863
For next: 313818

Since: 07-07-07

Since last post: 9.8 years
Last activity: 9.8 years

Posted on 11-04-09 01:07:10 AM

Link | Quote

Originally posted by 303darthbobby

Originally posted by Tei-la
Nya~

There's something that has been bugging me for SO LONG though.

The image has a 1px white outline and I hate when that happens

:x

That happened with my mood avatars. Get an outline selection in Photoshop (or similar program), contract selection by a few (2-4 pixels), inverse the selection, and then delete everything selected.

Voila~

Feathering helps if you want smooth edges.

Trust me I do this all the time.

____________________

303darthbobby
Catgirl
I'm the one they warned you about.
Level: 83

Posts: 1363/1810
EXP: 5335286
For next: 96935

Since: 03-02-09

From: North Carolina

Since last post: 3.8 years
Last activity: 3.6 years

Posted on 11-04-09 01:08:25 AM

Link | Quote

Originally posted by Tei-la

Originally posted by 303darthbobby

Originally posted by Tei-la
Nya~

There's something that has been bugging me for SO LONG though.

The image has a 1px white outline and I hate when that happens

:x

That happened with my mood avatars. Get an outline selection in Photoshop (or similar program), contract selection by a few (2-4 pixels), inverse the selection, feather a few pixels, and then delete everything selected.

Voila~

Feathering helps if you want smooth edges.

Trust me I do this all the time.

Yeah, forgot feathering. Apologies.

____________________
Your friendly, neighborhood cyber-prostitute.

Girlydragon
3030

Possibly neither Girly nor Dragon.
Level: 105

Posts: 805/3030
EXP: 12245343
For next: 16917

Since: 07-21-07

From: Sweden

Since last post: 273 days
Last activity: 8 hours

Posted on 11-04-09 04:51:42 AM

Link | Quote

I like it, I like it a lot actually. But could you make the bubble that appears when you hover on links a little smaller? Right now it's rather bulky.

____________________

Posted on 11-04-09 12:25:27 PM (last edited by Lain at 11-04-09 09:26 AM)

Link | Quote

Originally posted by Tei-la
Nya~

There's something that has been bugging me for SO LONG though.

The image has a 1px white outline and I hate when that happens

:x

I'll have to see if I can fix that sometime later on this week, maybe?

Originally posted by Girlydragon
I like it, I like it a lot actually. But could you make the bubble that appears when you hover on links a little smaller? Right now it's rather bulky.

Fixed.

____________________

Bukkarooo
User
Level: 12

Posts: 4/23
EXP: 7443
For next: 478

Since: 11-03-09

Since last post: 12.4 years
Last activity: 12.4 years

Posted on 11-04-09 05:37:19 PM

Link | Quote

Amazing layout, awesomely cute cat girl in said layout.

I have to agree with Teyla about the little white outline. I hadn't noticed at first, but something seemed weird. Couldn't put my finger on it until it was pointed out

Girlydragon
3030

Possibly neither Girly nor Dragon.
Level: 105

Posts: 806/3030
EXP: 12245343
For next: 16917

Since: 07-21-07

From: Sweden

Since last post: 273 days
Last activity: 8 hours

Posted on 11-04-09 05:40:18 PM

Link | Quote

I think the outline that you added around the text area kinda makes it look a little worse now.

But the bubble effect for links is very good now though!

____________________

Sukasa

Level: 123

Posts: 1661/4326
EXP: 20917288
For next: 313978

Since: 07-07-07

Since last post: 1.1 years
Last activity: 1.0 years

Posted on 11-04-09 06:23:33 PM

Link | Quote


Agreed on the outline, it doesn't really work well. Nice layout otherwise though, and the bubble effect is pretty cool. Though, if you're able (haven't looked at how you did it), perhaps add some shading if you used a background-image, or if it was just CSS, perhaps just tone down the bubble a bit. ____________________

Next newer thread | Next older thread

Jul - Projects and Creations - Re-introducing my current layout

Rusted Logic

Warning: You are using TidyHTML mode! Pages MAY and probably WILL break. To disable, click here or append 'xxx-off=1' to the URL!

Capturing turf before it was cool (click to hide in future page loads)

31 database queries, 1 query cache hits.

Query execution time:	0.078262 seconds
Script execution time:	0.018122 seconds
Total render time:	0.096384 seconds

TidyHTML vomit below

line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 2 column 293 - 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 203 - 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 155 column 9 - Warning: <link> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 156 column 25 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 158 column 25 - Warning: missing <tr>
line 167 column 25 - Warning: missing <tr>
line 168 column 113 - Warning: unescaped & or unknown entity "&postid"
line 170 column 90 - Warning: <link> isn't allowed in <td> elements
line 170 column 25 - Info: <td> previously mentioned
line 174 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 176 column 9 - Warning: missing <tr>
line 194 column 13 - Warning: missing <tr>
line 195 column 101 - Warning: unescaped & or unknown entity "&postid"
line 197 column 74 - Warning: <link> isn't allowed in <td> elements
line 197 column 9 - Info: <td> previously mentioned
line 212 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 214 column 9 - Warning: missing <tr>
line 232 column 13 - Warning: missing <tr>
line 233 column 101 - Warning: unescaped & or unknown entity "&postid"
line 235 column 309 - Warning: missing </font> before <blockquote>
line 236 column 354 - Warning: inserting implicit <font>
line 236 column 354 - Warning: missing </font> before <hr>
line 236 column 417 - Warning: inserting implicit <font>
line 236 column 417 - Warning: missing </font> before <hr>
line 243 column 1 - Warning: inserting implicit <font>
line 246 column 958 - Warning: plain text isn't allowed in <tr> elements
line 235 column 283 - Info: <tr> previously mentioned
line 246 column 1101 - Warning: discarding unexpected </img>
line 250 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 252 column 9 - Warning: missing <tr>
line 270 column 13 - Warning: missing <tr>
line 271 column 101 - Warning: unescaped & or unknown entity "&postid"
line 273 column 74 - Warning: <link> isn't allowed in <td> elements
line 273 column 9 - Info: <td> previously mentioned
line 294 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 296 column 9 - Warning: missing <tr>
line 314 column 13 - Warning: missing <tr>
line 315 column 101 - Warning: unescaped & or unknown entity "&postid"
line 317 column 309 - Warning: missing </font> before <blockquote>
line 318 column 354 - Warning: inserting implicit <font>
line 318 column 354 - Warning: missing </font> before <hr>
line 318 column 429 - Warning: inserting implicit <font>
line 318 column 429 - Warning: missing </font> before <hr>
line 318 column 511 - Warning: inserting implicit <font>
line 318 column 511 - Warning: missing </font> before <hr>
line 318 column 574 - Warning: inserting implicit <font>
line 318 column 574 - Warning: missing </font> before <hr>
line 325 column 1 - Warning: inserting implicit <font>
line 325 column 1 - Warning: missing </font> before <hr>
line 328 column 1 - Warning: inserting implicit <font>
line 328 column 1 - Warning: missing </font> before <hr>
line 331 column 1 - Warning: inserting implicit <font>
line 333 column 1278 - Warning: plain text isn't allowed in <tr> elements
line 317 column 283 - Info: <tr> previously mentioned
line 333 column 1421 - Warning: discarding unexpected </img>
line 337 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 339 column 9 - Warning: missing <tr>
line 357 column 13 - Warning: missing <tr>
line 358 column 101 - Warning: unescaped & or unknown entity "&postid"
line 363 column 25 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 365 column 25 - Warning: missing <tr>
line 374 column 25 - Warning: missing <tr>
line 375 column 113 - Warning: unescaped & or unknown entity "&postid"
line 377 column 90 - Warning: <link> isn't allowed in <td> elements
line 377 column 25 - Info: <td> previously mentioned
line 391 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 393 column 9 - Warning: missing <tr>
line 411 column 13 - Warning: missing <tr>
line 412 column 101 - Warning: unescaped & or unknown entity "&postid"
line 419 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 421 column 9 - Warning: missing <tr>
line 439 column 13 - Warning: missing <tr>
line 440 column 101 - Warning: unescaped & or unknown entity "&postid"
line 447 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 449 column 9 - Warning: missing <tr>
line 467 column 13 - Warning: missing <tr>
line 468 column 101 - Warning: unescaped & or unknown entity "&postid"
line 470 column 74 - Warning: <style> isn't allowed in <td> elements
line 470 column 9 - Info: <td> previously mentioned
line 475 column 17 - Warning: missing <tr>
line 475 column 17 - Warning: discarding unexpected <table>
line 478 column 35 - Warning: missing <tr>
line 478 column 50 - Warning: missing </font> before </td>
line 478 column 91 - Warning: missing </font> before </table>
line 480 column 35 - Warning: missing <tr>
line 480 column 50 - Warning: missing </font> before </td>
line 481 column 37 - Warning: unescaped & or unknown entity "&id"
line 480 column 203 - Warning: missing </font> before </table>
line 482 column 17 - Warning: discarding unexpected </textarea>
line 482 column 28 - Warning: discarding unexpected </form>
line 482 column 35 - Warning: discarding unexpected </embed>
line 482 column 43 - Warning: discarding unexpected </noembed>
line 482 column 53 - Warning: discarding unexpected </noscript>
line 482 column 64 - Warning: discarding unexpected </noembed>
line 482 column 74 - Warning: discarding unexpected </embed>
line 482 column 82 - Warning: discarding unexpected </table>
line 482 column 90 - Warning: discarding unexpected </table>
line 484 column 9 - Warning: missing </font> before <table>
line 496 column 25 - Warning: discarding unexpected </font>
line 505 column 57 - Warning: discarding unexpected </font>
line 483 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 245 - Warning: <img> proprietary attribute value "absmiddle"
line 162 column 56 - Warning: <img> lacks "alt" attribute
line 179 column 23 - Warning: <img> lacks "alt" attribute
line 179 column 64 - Warning: <img> lacks "alt" attribute
line 179 column 113 - Warning: <img> lacks "alt" attribute
line 179 column 163 - Warning: <img> lacks "alt" attribute
line 190 column 15 - Warning: <img> lacks "alt" attribute
line 217 column 22 - Warning: <img> lacks "alt" attribute
line 217 column 63 - Warning: <img> lacks "alt" attribute
line 217 column 112 - Warning: <img> lacks "alt" attribute
line 217 column 162 - Warning: <img> lacks "alt" attribute
line 218 column 11 - Warning: <img> lacks "alt" attribute
line 228 column 15 - Warning: <img> lacks "alt" attribute
line 235 column 74 - Warning: <table> attribute "bgcolor" had invalid value "000000" and has been replaced
line 245 column 871 - Warning: <font> attribute "color" had invalid value "cc00ff" and has been replaced
line 246 column 975 - Warning: <img> lacks "alt" attribute
line 255 column 23 - Warning: <img> lacks "alt" attribute
line 255 column 64 - Warning: <img> lacks "alt" attribute
line 255 column 113 - Warning: <img> lacks "alt" attribute
line 255 column 163 - Warning: <img> lacks "alt" attribute
line 266 column 15 - Warning: <img> lacks "alt" attribute
line 299 column 22 - Warning: <img> lacks "alt" attribute
line 299 column 63 - Warning: <img> lacks "alt" attribute
line 299 column 112 - Warning: <img> lacks "alt" attribute
line 299 column 162 - Warning: <img> lacks "alt" attribute
line 300 column 11 - Warning: <img> lacks "alt" attribute
line 310 column 15 - Warning: <img> lacks "alt" attribute
line 317 column 74 - Warning: <table> attribute "bgcolor" had invalid value "000000" and has been replaced
line 332 column 1191 - Warning: <font> attribute "color" had invalid value "cc00ff" and has been replaced
line 333 column 1295 - Warning: <img> lacks "alt" attribute
line 341 column 16 - Warning: <img> proprietary attribute value "absmiddle"
line 341 column 16 - Warning: <img> lacks "alt" attribute
line 341 column 59 - Warning: <img> proprietary attribute value "absmiddle"
line 341 column 59 - Warning: <img> lacks "alt" attribute
line 341 column 102 - Warning: <img> proprietary attribute value "absmiddle"
line 341 column 102 - Warning: <img> lacks "alt" attribute
line 341 column 145 - Warning: <img> proprietary attribute value "absmiddle"
line 341 column 145 - Warning: <img> lacks "alt" attribute
line 341 column 188 - Warning: <img> proprietary attribute value "absmiddle"
line 341 column 188 - Warning: <img> lacks "alt" attribute
line 341 column 231 - Warning: <img> proprietary attribute value "absmiddle"
line 341 column 231 - Warning: <img> lacks "alt" attribute
line 342 column 23 - Warning: <img> lacks "alt" attribute
line 342 column 64 - Warning: <img> lacks "alt" attribute
line 342 column 113 - Warning: <img> lacks "alt" attribute
line 342 column 162 - Warning: <img> lacks "alt" attribute
line 343 column 11 - Warning: <img> lacks "alt" attribute
line 353 column 15 - Warning: <img> lacks "alt" attribute
line 360 column 260 - Warning: <img> lacks "alt" attribute
line 369 column 56 - Warning: <img> lacks "alt" attribute
line 384 column 670 - Warning: <img> proprietary attribute value "absmiddle"
line 384 column 670 - Warning: <img> lacks "alt" attribute
line 396 column 22 - Warning: <img> lacks "alt" attribute
line 396 column 63 - Warning: <img> lacks "alt" attribute
line 396 column 112 - Warning: <img> lacks "alt" attribute
line 396 column 162 - Warning: <img> lacks "alt" attribute
line 397 column 11 - Warning: <img> lacks "alt" attribute
line 407 column 15 - Warning: <img> lacks "alt" attribute
line 416 column 305 - Warning: <img> proprietary attribute value "absmiddle"
line 416 column 305 - Warning: <img> lacks "alt" attribute
line 423 column 16 - Warning: <img> proprietary attribute value "absmiddle"
line 423 column 16 - Warning: <img> lacks "alt" attribute
line 423 column 59 - Warning: <img> proprietary attribute value "absmiddle"
line 423 column 59 - Warning: <img> lacks "alt" attribute
line 423 column 102 - Warning: <img> proprietary attribute value "absmiddle"
line 423 column 102 - Warning: <img> lacks "alt" attribute
line 423 column 145 - Warning: <img> proprietary attribute value "absmiddle"
line 423 column 145 - Warning: <img> lacks "alt" attribute
line 423 column 188 - Warning: <img> proprietary attribute value "absmiddle"
line 423 column 188 - Warning: <img> lacks "alt" attribute
line 423 column 231 - Warning: <img> proprietary attribute value "absmiddle"
line 423 column 231 - Warning: <img> lacks "alt" attribute
line 424 column 23 - Warning: <img> lacks "alt" attribute
line 424 column 64 - Warning: <img> lacks "alt" attribute
line 424 column 113 - Warning: <img> lacks "alt" attribute
line 424 column 162 - Warning: <img> lacks "alt" attribute
line 425 column 11 - Warning: <img> lacks "alt" attribute
line 435 column 15 - Warning: <img> lacks "alt" attribute
line 444 column 269 - Warning: <img> lacks "alt" attribute
line 451 column 11 - Warning: <img> lacks "alt" attribute
line 452 column 23 - Warning: <img> lacks "alt" attribute
line 452 column 64 - Warning: <img> lacks "alt" attribute
line 452 column 113 - Warning: <img> lacks "alt" attribute
line 452 column 163 - Warning: <img> lacks "alt" attribute
line 463 column 15 - Warning: <img> lacks "alt" attribute
line 472 column 1872 - Warning: <img> lacks "alt" attribute
line 481 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 481 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 481 column 245 - Warning: <img> proprietary attribute value "absmiddle"
line 490 column 25 - Warning: <img> lacks "alt" attribute
line 495 column 267 - Warning: <img> lacks "alt" attribute
line 149 column 50 - Warning: trimming empty <font>
line 475 column 17 - Warning: trimming empty <tr>
line 478 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 168 column 39 - Warning: <nobr> is not approved by W3C
line 195 column 27 - Warning: <nobr> is not approved by W3C
line 233 column 27 - Warning: <nobr> is not approved by W3C
line 235 column 74 - Warning: <table> proprietary attribute "height"
line 271 column 27 - Warning: <nobr> is not approved by W3C
line 315 column 27 - Warning: <nobr> is not approved by W3C
line 317 column 74 - Warning: <table> proprietary attribute "height"
line 358 column 27 - Warning: <nobr> is not approved by W3C
line 375 column 39 - Warning: <nobr> is not approved by W3C
line 412 column 27 - Warning: <nobr> is not approved by W3C
line 440 column 27 - Warning: <nobr> is not approved by W3C
line 468 column 27 - Warning: <nobr> is not approved by W3C
Info: Document content looks like HTML5
Info: No system identifier in emitted doctype
Tidy found 222 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