Register - Login
Views: 99371402
 Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies		 04-23-22 07:39:22 PM
Jul - Projects and Creations - My layout... New poll - New thread - New reply
Next newer thread | Next older thread
Delpolo
The local lurker.
Level: 58


Posts: 17/750
EXP: 1500501
For next: 77045

Since: 09-12-07

Pronouns: he/him/his

Since last post: 1.6 years
Last activity: 5 hours
Posted on 04-17-08 02:04:13 AM (last edited by Delpolo at 04-16-08 11:04 PM) Link | Quote
I just felt like following my own advice and making a new topic, so here it is. I guess I'll just continue from the discussion in Drag's thread.

Following Xkeeper's advice, I tried to darken the background a bit. The one behing this text is the normal one...

...This is 10% darkened, which doesn't really seem like much to me...

...And this is 21% more darkened than the original.


Since all of you are going to have to look at my layout everytime I post, I'm letting you choose which one to use. Is it the first, second or third one that you prefer? Or should it be even darker than 25%?

____________________
The best site hack timing ever.
Joe
Common spammer
🍬
Level: 111


Posts: 416/3392
EXP: 14488404
For next: 379956

Since: 08-02-07

From: Pororoca

Since last post: 2 days
Last activity: 35 min.
Posted on 04-17-08 03:03:03 AM Link | Quote
The animation under the text is kind of distracting. 20% darker helps, but not much. The best thing for readability, in my opinion, would be a background with little variance in hue or brightness. For example, Xkeeper and HyperHacker both use images as their layout backgrounds, but the images are quite close to being just a single color.

Also, I should probably point out now that your CSS should say ".Ocean" and not "Ocean" (without a dot).

____________________
らき☆すた
The Melancholy of Ha— Hey, wait a minute...
Deleted User
Collection of nobodies
Posted on 04-17-08 04:42:19 AM Link | Quote
The background gets abruptly cut near the edges of the textarea, you might want to fix that. Also, 30% opaqe should be good.

____________________


===================
[Posted by NightKev]
Delpolo
The local lurker.
Level: 58


Posts: 18/750
EXP: 1500501
For next: 77045

Since: 09-12-07

Pronouns: he/him/his

Since last post: 1.6 years
Last activity: 5 hours
Posted on 04-17-08 08:38:57 PM Link | Quote
NightKev, I tried to darken it and made it 35%; is it dark enough now? Also, I don't understand what you mean by "abruptly cut", since the picture stops a pixel away from the edge, like any other layout, so could you also explain that?

Joe, the only times I have Ocean in my header are for the name of the layout, so there doesn't seem to be anything wrong with it. I'll try to take the whole name out, if only to have less text in my header.

I'm thinking of putting some ground around the layout, as a border, but does anyone know how to make it repeat? I tried to put borders, but the image only appears once.

____________________
The best site hack timing ever.
Deleted User
Collection of nobodies
Posted on 04-17-08 10:18:25 PM Link | Quote
Originally posted by Delpolo
Also, I don't understand what you mean by "abruptly cut", since the picture stops a pixel away from the edge, like any other layout, so could you also explain that?
After quoting your first post it looks like it was just a symptom of you using a whole bunch of tables and stuff that normally wouldn't be in the layout.

____________________


===================
[Posted by NightKev]
Sails
2800
as a video game‎‎‎‏‏‎ grows old its content and‏‏‎ internal logic‏‏‎ deteriorateÿ
Level: 102


Posts: 982/2803
EXP: 10912795
For next: 177172

Since: 07-04-07

Pronouns: He/Him
From: MA

Since last post: 110 days
Last activity: 19 days
Posted on 04-17-08 10:23:48 PM Link | Quote
It's almost dark enough, but a little more wouldn't hurt.

____________________
Sine
2310
Level: 94


Posts: 875/2316
EXP: 8193437
For next: 163220

Since: 07-07-07


Since last post: 3.6 years
Last activity: 280 days
Posted on 04-17-08 10:25:13 PM Link | Quote

Shiny new layout!
----------------------------------------------------

Like I said before, a textbox is always good.

And there's an easy way to get ground at the bottom of your post using CSS and <div> tags. :p

____________________
FOE! FOE! FOE! FOE!
Haruhi Suzumiya

Guys, get the Mafia game more active. D:
Level: 58


Posts: 323/781
EXP: 1566940
For next: 10606

Since: 03-13-08


Since last post: 13.2 years
Last activity: 13.1 years
Posted on 04-18-08 12:31:34 AM Link | Quote
I believe that layout is affecting link colors, which may be caused by the fact that your CSS classes all have spaces in their names.

Also, why did you use two tables? That same layout could be very easily accomplished with just one div tag. D:

Aside from all that, it looks nice.

____________________
Xkeeper

Level: 263


Posts: 5425/25343
EXP: 296705469
For next: 2254984

Since: 07-03-07

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

Since last post: 8 days
Last activity: 2 days
Posted on 04-24-08 05:18:57 PM Link | Quote
Originally posted by Kattwah
Like I said before, a textbox is always good.

And there's an easy way to get ground at the bottom of your post using CSS and <div> tags. :p

Or a table and two cells...

____________________
Next newer thread | Next older thread
Jul - Projects and Creations - My layout... New poll - New thread - New reply


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

30 database queries.
Query execution time:  0.077076 seconds
Script execution time:  0.018663 seconds
Total render time:  0.095739 seconds


TidyHTML vomit below
line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 2 column 300 - 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 183 - 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 99 - Warning: unescaped & or unknown entity "&postid"
line 181 column 283 - Warning: <style> isn't allowed in <td> elements
line 179 column 9 - Info: <td> previously mentioned
line 181 column 715 - Warning: missing </font> before </td>
line 181 column 880 - Warning: discarding unexpected </font>
line 182 column 891 - Warning: <style> isn't allowed in <td> elements
line 179 column 9 - Info: <td> previously mentioned
line 182 column 1325 - Warning: missing </font> before </td>
line 182 column 1446 - Warning: discarding unexpected </font>
line 183 column 1457 - Warning: <style> isn't allowed in <td> elements
line 179 column 9 - Info: <td> previously mentioned
line 183 column 1891 - Warning: missing </font> before </td>
line 183 column 1994 - Warning: discarding unexpected </font>
line 189 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 191 column 9 - Warning: missing <tr>
line 209 column 13 - Warning: missing <tr>
line 210 column 99 - Warning: unescaped & or unknown entity "&postid"
line 212 column 73 - Warning: <style> isn't allowed in <td> elements
line 212 column 9 - Info: <td> previously mentioned
line 217 column 15 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 218 column 25 - Warning: missing <tr>
line 225 column 33 - Warning: missing <tr>
line 226 column 119 - Warning: unescaped & or unknown entity "&postid"
line 230 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 232 column 9 - Warning: missing <tr>
line 250 column 13 - Warning: missing <tr>
line 251 column 99 - Warning: unescaped & or unknown entity "&postid"
line 253 column 73 - Warning: <style> isn't allowed in <td> elements
line 253 column 9 - Info: <td> previously mentioned
line 253 column 507 - Warning: missing </font> before </td>
line 258 column 1416 - Warning: plain text isn't allowed in <tr> elements
line 253 column 477 - Info: <tr> previously mentioned
line 258 column 1447 - Warning: discarding unexpected </font>
line 260 column 15 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 261 column 25 - Warning: missing <tr>
line 268 column 33 - Warning: missing <tr>
line 269 column 119 - Warning: unescaped & or unknown entity "&postid"
line 273 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 275 column 9 - Warning: missing <tr>
line 293 column 13 - Warning: missing <tr>
line 294 column 99 - Warning: unescaped & or unknown entity "&postid"
line 299 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 301 column 9 - Warning: missing <tr>
line 319 column 13 - Warning: missing <tr>
line 320 column 99 - Warning: unescaped & or unknown entity "&postid"
line 322 column 73 - Warning: <style> isn't allowed in <td> elements
line 322 column 9 - Info: <td> previously mentioned
line 323 column 224 - Warning: missing <tr>
line 328 column 569 - Error: <z> is not recognized!
line 328 column 569 - Warning: discarding unexpected <z>
line 331 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 333 column 9 - Warning: missing <tr>
line 351 column 13 - Warning: missing <tr>
line 352 column 99 - Warning: unescaped & or unknown entity "&postid"
line 354 column 73 - Warning: <style> isn't allowed in <td> elements
line 354 column 9 - Info: <td> previously mentioned
line 361 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 363 column 9 - Warning: missing <tr>
line 381 column 13 - Warning: missing <tr>
line 382 column 99 - Warning: unescaped & or unknown entity "&postid"
line 384 column 244 - Warning: missing <tr>
line 384 column 481 - Warning: missing <tr>
line 386 column 777 - Error: <z> is not recognized!
line 386 column 777 - Warning: discarding unexpected <z>
line 390 column 17 - Warning: missing <tr>
line 390 column 17 - Warning: discarding unexpected <table>
line 393 column 35 - Warning: missing <tr>
line 393 column 50 - Warning: missing </font> before </td>
line 393 column 91 - Warning: missing </font> before </table>
line 395 column 35 - Warning: missing <tr>
line 395 column 50 - Warning: missing </font> before </td>
line 396 column 37 - Warning: unescaped & or unknown entity "&id"
line 395 column 183 - Warning: missing </font> before </table>
line 397 column 17 - Warning: discarding unexpected </textarea>
line 397 column 28 - Warning: discarding unexpected </form>
line 397 column 35 - Warning: discarding unexpected </embed>
line 397 column 43 - Warning: discarding unexpected </noembed>
line 397 column 53 - Warning: discarding unexpected </noscript>
line 397 column 64 - Warning: discarding unexpected </noembed>
line 397 column 74 - Warning: discarding unexpected </embed>
line 397 column 82 - Warning: discarding unexpected </table>
line 397 column 90 - Warning: discarding unexpected </table>
line 399 column 9 - Warning: missing </font> before <table>
line 411 column 25 - Warning: discarding unexpected </font>
line 420 column 37 - Warning: discarding unexpected </font>
line 398 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 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 181 column 465 - Warning: <table> attribute "height" has invalid value "300px"
line 182 column 1073 - Warning: <table> attribute "height" has invalid value "300px"
line 183 column 1639 - Warning: <table> attribute "height" has invalid value "300px"
line 186 column 2416 - Warning: <img> lacks "alt" attribute
line 194 column 23 - Warning: <img> lacks "alt" attribute
line 194 column 64 - Warning: <img> lacks "alt" attribute
line 194 column 113 - Warning: <img> lacks "alt" attribute
line 194 column 163 - Warning: <img> lacks "alt" attribute
line 195 column 11 - Warning: <img> lacks "alt" attribute
line 205 column 15 - Warning: <img> lacks "alt" attribute
line 221 column 37 - Warning: <img> lacks "alt" attribute
line 228 column 317 - Warning: <font> attribute "color" had invalid value "888888" and has been replaced
line 235 column 22 - Warning: <img> lacks "alt" attribute
line 235 column 63 - Warning: <img> lacks "alt" attribute
line 235 column 112 - Warning: <img> lacks "alt" attribute
line 235 column 162 - Warning: <img> lacks "alt" attribute
line 236 column 11 - Warning: <img> lacks "alt" attribute
line 246 column 15 - Warning: <img> lacks "alt" attribute
line 253 column 255 - Warning: <table> attribute "height" has invalid value "300px"
line 258 column 1343 - Warning: <img> lacks "alt" attribute
line 264 column 37 - Warning: <img> lacks "alt" attribute
line 271 column 603 - Warning: <font> attribute "color" had invalid value "888888" and has been replaced
line 277 column 16 - Warning: <img> proprietary attribute value "absmiddle"
line 277 column 16 - Warning: <img> lacks "alt" attribute
line 277 column 59 - Warning: <img> proprietary attribute value "absmiddle"
line 277 column 59 - Warning: <img> lacks "alt" attribute
line 277 column 102 - Warning: <img> proprietary attribute value "absmiddle"
line 277 column 102 - Warning: <img> lacks "alt" attribute
line 277 column 145 - Warning: <img> proprietary attribute value "absmiddle"
line 277 column 145 - Warning: <img> lacks "alt" attribute
line 277 column 188 - Warning: <img> proprietary attribute value "absmiddle"
line 277 column 188 - Warning: <img> lacks "alt" attribute
line 277 column 231 - Warning: <img> proprietary attribute value "absmiddle"
line 277 column 231 - Warning: <img> lacks "alt" attribute
line 278 column 23 - Warning: <img> lacks "alt" attribute
line 278 column 64 - Warning: <img> lacks "alt" attribute
line 278 column 113 - Warning: <img> lacks "alt" attribute
line 278 column 163 - Warning: <img> lacks "alt" attribute
line 279 column 11 - Warning: <img> lacks "alt" attribute
line 289 column 15 - Warning: <img> lacks "alt" attribute
line 296 column 229 - Warning: <img> lacks "alt" attribute
line 303 column 16 - Warning: <img> proprietary attribute value "absmiddle"
line 303 column 16 - Warning: <img> lacks "alt" attribute
line 303 column 59 - Warning: <img> proprietary attribute value "absmiddle"
line 303 column 59 - Warning: <img> lacks "alt" attribute
line 303 column 102 - Warning: <img> proprietary attribute value "absmiddle"
line 303 column 102 - Warning: <img> lacks "alt" attribute
line 303 column 145 - Warning: <img> proprietary attribute value "absmiddle"
line 303 column 145 - Warning: <img> lacks "alt" attribute
line 303 column 188 - Warning: <img> proprietary attribute value "absmiddle"
line 303 column 188 - Warning: <img> lacks "alt" attribute
line 304 column 22 - Warning: <img> lacks "alt" attribute
line 304 column 63 - Warning: <img> lacks "alt" attribute
line 304 column 112 - Warning: <img> lacks "alt" attribute
line 304 column 162 - Warning: <img> lacks "alt" attribute
line 315 column 15 - Warning: <img> lacks "alt" attribute
line 335 column 11 - Warning: <img> lacks "alt" attribute
line 336 column 22 - Warning: <img> lacks "alt" attribute
line 336 column 63 - Warning: <img> lacks "alt" attribute
line 336 column 112 - Warning: <img> lacks "alt" attribute
line 336 column 162 - Warning: <img> lacks "alt" attribute
line 337 column 11 - Warning: <img> lacks "alt" attribute
line 347 column 15 - Warning: <img> lacks "alt" attribute
line 366 column 23 - Warning: <img> lacks "alt" attribute
line 366 column 64 - Warning: <img> lacks "alt" attribute
line 366 column 113 - Warning: <img> lacks "alt" attribute
line 366 column 163 - Warning: <img> lacks "alt" attribute
line 367 column 11 - Warning: <img> lacks "alt" attribute
line 377 column 15 - Warning: <img> lacks "alt" attribute
line 384 column 268 - Warning: <img> lacks "alt" attribute
line 387 column 886 - Warning: <img> lacks "alt" attribute
line 387 column 982 - Warning: <img> lacks "alt" attribute
line 387 column 1087 - Warning: <img> lacks "alt" attribute
line 396 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 396 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 396 column 245 - Warning: <img> proprietary attribute value "absmiddle"
line 405 column 25 - Warning: <img> lacks "alt" attribute
line 410 column 267 - Warning: <img> lacks "alt" attribute
line 149 column 50 - Warning: trimming empty <font>
line 390 column 17 - Warning: trimming empty <tr>
line 393 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 181 column 465 - Warning: <table> proprietary attribute "height"
line 181 column 465 - Warning: <table> proprietary attribute "background"
line 181 column 657 - Warning: <table> proprietary attribute "height"
line 182 column 1073 - Warning: <table> proprietary attribute "height"
line 182 column 1073 - Warning: <table> proprietary attribute "background"
line 182 column 1267 - Warning: <table> proprietary attribute "height"
line 183 column 1639 - Warning: <table> proprietary attribute "height"
line 183 column 1639 - Warning: <table> proprietary attribute "background"
line 183 column 1833 - Warning: <table> proprietary attribute "height"
line 210 column 27 - Warning: <nobr> is not approved by W3C
line 226 column 47 - Warning: <nobr> is not approved by W3C
line 251 column 27 - Warning: <nobr> is not approved by W3C
line 253 column 255 - Warning: <table> proprietary attribute "height"
line 253 column 255 - Warning: <table> proprietary attribute "background"
line 253 column 449 - Warning: <table> proprietary attribute "height"
line 269 column 47 - Warning: <nobr> is not approved by W3C
line 294 column 27 - Warning: <nobr> is not approved by W3C
line 320 column 27 - Warning: <nobr> is not approved by W3C
line 323 column 196 - Warning: <table> proprietary attribute "height"
line 352 column 27 - Warning: <nobr> is not approved by W3C
line 382 column 27 - Warning: <nobr> is not approved by W3C
Info: Document content looks like HTML5
Info: No system identifier in emitted doctype
Tidy found 213 warnings and 2 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