Register - Login
Views: 99366738
 Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies		 04-23-22 03:52:00 PM
Jul - Projects and Creations - Post layout New poll - New thread - New reply
Next newer thread | Next older thread
ksonic1055
User
Level: 9


Posts: 7/11
EXP: 2673
For next: 489

Since: 08-11-07

From: USA

Since last post: 14.7 years
Last activity: 14.7 years
Posted on 08-15-07 01:04:36 AM; last edit by ksonic1055 on 08-15-07 03:36 AM Link | Quote
I was curious about making a post layout. Could anyone here give me a basic example of one, just to start me off? I dont know too much about html. i want it to have a background, and a semi transparent box for text sort of to the left of the screen. This is how i want it to look:


My Layout






Thanks.
Rena
I had one (1) message in Discord deleted and proceeded to make a huge, huge mess about how it was a violation of free speech and how moderators are supposed to be spam janitors and nobody should have the right to tell me not to talk about school shootings
Level: 135


Posts: 649/5390
EXP: 29049603
For next: 285402

Since: 07-22-07

Pronouns: he/him/whatever
From: RSP Segment 6

Since last post: 332 days
Last activity: 332 days
Posted on 08-15-07 07:51:06 PM Link | Quote
JL2 - Post #649 - 08-15-07 02:51:06 PM
Day 24, rank 7; Level 25 (28.5%)
3276/11495 (81401/89620)
GPP: 188; GT: 51.457
First, that's ugly. Second, it wouldn't be easy to design since the Shyguy is a fixed height. Keep in mind layouts have to stretch vertically (scrollbar layouts = die die die), and should stretch horizontally too (in case of large images/long lines, and it's nice when they fill the entire post area on large monitors).

____________________
Why you should never buy from Sony | The file Microsoft shut down my web site for
How this layout should look | BSFree - Codes without the bullshit
DS Homebrew | Hilarity | WTF | More hilarity | Free office suite | 7zip
Thanks, Grey Mario and catgirl13.
ksonic1055
User
Level: 9


Posts: 8/11
EXP: 2673
For next: 489

Since: 08-11-07

From: USA

Since last post: 14.7 years
Last activity: 14.7 years
Posted on 08-15-07 08:31:50 PM Link | Quote
Ok thanks for the info. Are there any sites with post layouts that anyone can use. Or does anyone here have a post layout that they would let me use?
OoBurns
?
Level: 60


Posts: 86/806
EXP: 1682673
For next: 90105

Since: 07-04-07

From: USA

Since last post: 10.4 years
Last activity: 9.8 years
Posted on 08-15-07 08:36:35 PM; last edit by BooUrns on 08-15-07 08:41 PM Link | Quote
I suppose I'll link to the layout maker again. Sigh.

That's what I used until I got around to coding one on my own.

Edit: Stupid = sign. Thanks Darkdata.

____________________
Acmlm's Board II | Justus League 2 | Useless charts (may be offline) | Send PM
Darkdata
Ruins!? ♥
Level: 103


Posts: 123/2892
EXP: 11435871
For next: 35535

Since: 07-04-07


Since last post: 192 days
Last activity: 22 hours
Posted on 08-15-07 08:38:35 PM Link | Quote
DPP - [internet://board/post123.bit] - 08-15-07 08:38:35 PM
File Edit View Settings ?
Originally posted by BooUrns
I suppose I'll link to the layout maker again. Sigh.

That's what I used until I got around to coding one on my own.


Fixed.

____________________
ksonic1055
User
Level: 9


Posts: 9/11
EXP: 2673
For next: 489

Since: 08-11-07

From: USA

Since last post: 14.7 years
Last activity: 14.7 years
Posted on 08-15-07 10:24:54 PM Link | Quote
I've made this image to use as a layout, and i just wondered how i should split this into sections? Ill be using the layout maker btw. Also, thanks BooUrns and sorry for making you repeat yourself.
Tiden
Disgusting human being, just awful
Level: NaN


Posts: 791/-6493
EXP: NaN
For next: 0

Since: 07-03-07

Pronouns: they/them

Since last post: 4.1 years
Last activity: 3.6 years
Posted on 08-18-07 12:42:13 AM Link | Quote
Originally posted by ksonic1055
I've made this image to use as a layout, and i just wondered how i should split this into sections? Ill be using the layout maker btw. Also, thanks BooUrns and sorry for making you repeat yourself.


Left side and right side should be placed in their own containers, top and bottom segments as well. I'll have to download that image and mangle it myself to figure out how to put it together as a layout...

____________________
ksonic1055
User
Level: 9


Posts: 10/11
EXP: 2673
For next: 489

Since: 08-11-07

From: USA

Since last post: 14.7 years
Last activity: 14.7 years
Posted on 08-20-07 02:12:42 AM Link | Quote
hydraphatphelinez, how would i do that?


Could you possibly code it for me?
Pandaren
Still something.
Level: 108


Posts: 4/3196
EXP: 13232167
For next: 288332

Since: 08-17-07

From: Finland

Since last post: 1.3 years
Last activity: 95 days
Posted on 08-20-07 05:10:20 AM Link | Quote
Layout Maker is really handy making a simple, yet nice looking layouts.

As you can see.

____________________
kawlkawlkawlkawlkawl aaahh it hurts
ksonic1055
User
Level: 9


Posts: 11/11
EXP: 2673
For next: 489

Since: 08-11-07

From: USA

Since last post: 14.7 years
Last activity: 14.7 years
Posted on 08-24-07 01:48:54 AM Link | Quote
How do u move where the text is though? Didnt seem to work.
OoBurns
?
Level: 60


Posts: 104/806
EXP: 1682673
For next: 90105

Since: 07-04-07

From: USA

Since last post: 10.4 years
Last activity: 9.8 years
Posted on 08-24-07 02:23:18 AM Link | Quote
Originally posted by ksonic1055
How do u move where the text is though? Didnt seem to work.

If you're talking about the layout maker, you don't click and drag the arrows. To move them, click on an arrow once, move your mouse, and then click again to release it.

____________________
Board2 | Justus League 2 | Useless charts (may be offline) | Send PM
Next newer thread | Next older thread
Jul - Projects and Creations - Post 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, 4 query cache hits.
Query execution time:  0.094665 seconds
Script execution time:  0.023676 seconds
Total render time:  0.118341 seconds


TidyHTML vomit below
line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 2 column 294 - 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 182 - 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 98 - Warning: unescaped & or unknown entity "&postid"
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 98 - Warning: unescaped & or unknown entity "&postid"
line 215 column 84 - Warning: <style> isn't allowed in <td> elements
line 215 column 9 - Info: <td> previously mentioned
line 219 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 221 column 9 - Warning: missing <tr>
line 239 column 13 - Warning: missing <tr>
line 240 column 98 - Warning: unescaped & or unknown entity "&postid"
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 98 - Warning: unescaped & or unknown entity "&postid"
line 271 column 73 - Warning: <style> isn't allowed in <td> elements
line 271 column 9 - Info: <td> previously mentioned
line 278 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 280 column 9 - Warning: missing <tr>
line 298 column 13 - Warning: missing <tr>
line 299 column 98 - Warning: unescaped & or unknown entity "&postid"
line 301 column 73 - Warning: <style> isn't allowed in <td> elements
line 301 column 9 - Info: <td> previously mentioned
line 308 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 310 column 9 - Warning: missing <tr>
line 328 column 13 - Warning: missing <tr>
line 329 column 98 - Warning: unescaped & or unknown entity "&postid"
line 336 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 338 column 9 - Warning: missing <tr>
line 356 column 13 - Warning: missing <tr>
line 357 column 98 - Warning: unescaped & or unknown entity "&postid"
line 366 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 368 column 9 - Warning: missing <tr>
line 386 column 13 - Warning: missing <tr>
line 387 column 98 - Warning: unescaped & or unknown entity "&postid"
line 395 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 397 column 9 - Warning: missing <tr>
line 415 column 13 - Warning: missing <tr>
line 416 column 98 - Warning: unescaped & or unknown entity "&postid"
line 418 column 73 - Warning: <style> isn't allowed in <td> elements
line 418 column 9 - Info: <td> previously mentioned
line 423 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 425 column 9 - Warning: missing <tr>
line 443 column 13 - Warning: missing <tr>
line 444 column 98 - Warning: unescaped & or unknown entity "&postid"
line 449 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 451 column 9 - Warning: missing <tr>
line 469 column 13 - Warning: missing <tr>
line 470 column 98 - Warning: unescaped & or unknown entity "&postid"
line 472 column 73 - Warning: <style> isn't allowed in <td> elements
line 472 column 9 - Info: <td> previously mentioned
line 472 column 1139 - Warning: missing </font> before <blockquote>
line 472 column 1187 - Warning: inserting implicit <font>
line 472 column 1187 - Warning: missing </font> before <hr>
line 472 column 1254 - Warning: inserting implicit <font>
line 472 column 1254 - Warning: missing </font> before <hr>
line 473 column 1 - Warning: inserting implicit <font>
line 476 column 17 - Warning: missing <tr>
line 476 column 17 - Warning: discarding unexpected <table>
line 479 column 35 - Warning: missing <tr>
line 479 column 50 - Warning: missing </font> before </td>
line 479 column 91 - Warning: missing </font> before </table>
line 481 column 35 - Warning: missing <tr>
line 481 column 50 - Warning: missing </font> before </td>
line 482 column 37 - Warning: unescaped & or unknown entity "&id"
line 481 column 182 - Warning: missing </font> before </table>
line 483 column 17 - Warning: discarding unexpected </textarea>
line 483 column 28 - Warning: discarding unexpected </form>
line 483 column 35 - Warning: discarding unexpected </embed>
line 483 column 43 - Warning: discarding unexpected </noembed>
line 483 column 53 - Warning: discarding unexpected </noscript>
line 483 column 64 - Warning: discarding unexpected </noembed>
line 483 column 74 - Warning: discarding unexpected </embed>
line 483 column 82 - Warning: discarding unexpected </table>
line 483 column 90 - Warning: discarding unexpected </table>
line 485 column 9 - Warning: missing </font> before <table>
line 497 column 25 - Warning: discarding unexpected </font>
line 506 column 57 - Warning: discarding unexpected </font>
line 484 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 244 - Warning: <img> proprietary attribute value "absmiddle"
line 161 column 21 - Warning: <img> lacks "alt" attribute
line 161 column 62 - Warning: <img> lacks "alt" attribute
line 161 column 111 - Warning: <img> lacks "alt" attribute
line 161 column 161 - Warning: <img> lacks "alt" attribute
line 162 column 11 - Warning: <img> lacks "alt" attribute
line 172 column 15 - 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 208 column 15 - Warning: <img> lacks "alt" attribute
line 216 column 4194 - Warning: <img> proprietary attribute value "absmiddle"
line 216 column 4194 - Warning: <img> lacks "alt" attribute
line 224 column 21 - Warning: <img> lacks "alt" attribute
line 224 column 62 - Warning: <img> lacks "alt" attribute
line 224 column 111 - Warning: <img> lacks "alt" attribute
line 224 column 161 - Warning: <img> lacks "alt" attribute
line 225 column 11 - Warning: <img> lacks "alt" attribute
line 235 column 15 - Warning: <img> lacks "alt" attribute
line 252 column 11 - Warning: <font> attribute "color" had invalid value "7C60B0" and has been replaced
line 253 column 22 - Warning: <img> lacks "alt" attribute
line 253 column 63 - Warning: <img> lacks "alt" attribute
line 253 column 111 - Warning: <img> lacks "alt" attribute
line 253 column 161 - Warning: <img> lacks "alt" attribute
line 254 column 11 - Warning: <img> lacks "alt" attribute
line 264 column 15 - Warning: <img> lacks "alt" attribute
line 271 column 517 - Warning: <table> attribute "height" has invalid value "260px"
line 271 column 700 - Warning: <img> lacks "alt" attribute
line 275 column 1446 - Warning: <tr> attribute "height" has invalid value "10px"
line 282 column 11 - Warning: <font> attribute "color" has invalid value "orange"
line 283 column 23 - Warning: <img> lacks "alt" attribute
line 283 column 64 - Warning: <img> lacks "alt" attribute
line 283 column 113 - Warning: <img> lacks "alt" attribute
line 283 column 162 - Warning: <img> lacks "alt" attribute
line 284 column 11 - Warning: <img> lacks "alt" attribute
line 294 column 15 - Warning: <img> lacks "alt" attribute
line 301 column 222 - Warning: <img> lacks "alt" attribute
line 301 column 323 - Warning: <img> lacks "alt" attribute
line 301 column 574 - Warning: <img> lacks "alt" attribute
line 305 column 963 - Warning: <img> proprietary attribute value "absmiddle"
line 305 column 963 - Warning: <img> lacks "alt" attribute
line 305 column 1072 - Warning: <img> lacks "alt" attribute
line 313 column 21 - Warning: <img> lacks "alt" attribute
line 313 column 62 - Warning: <img> lacks "alt" attribute
line 313 column 111 - Warning: <img> lacks "alt" attribute
line 313 column 161 - Warning: <img> lacks "alt" attribute
line 314 column 11 - Warning: <img> lacks "alt" attribute
line 324 column 15 - Warning: <img> lacks "alt" attribute
line 333 column 279 - Warning: <img> lacks "alt" attribute
line 341 column 23 - Warning: <img> lacks "alt" attribute
line 341 column 64 - Warning: <img> lacks "alt" attribute
line 352 column 15 - Warning: <img> lacks "alt" attribute
line 361 column 517 - Warning: <img> lacks "alt" attribute
line 371 column 21 - Warning: <img> lacks "alt" attribute
line 371 column 62 - Warning: <img> lacks "alt" attribute
line 371 column 111 - Warning: <img> lacks "alt" attribute
line 371 column 161 - Warning: <img> lacks "alt" attribute
line 372 column 11 - Warning: <img> lacks "alt" attribute
line 382 column 15 - Warning: <img> lacks "alt" attribute
line 392 column 160 - Warning: <img> proprietary attribute value "absmiddle"
line 392 column 160 - Warning: <img> lacks "alt" attribute
line 400 column 23 - Warning: <img> lacks "alt" attribute
line 400 column 64 - Warning: <img> lacks "alt" attribute
line 400 column 113 - Warning: <img> lacks "alt" attribute
line 400 column 163 - Warning: <img> lacks "alt" attribute
line 401 column 11 - Warning: <img> lacks "alt" attribute
line 411 column 15 - Warning: <img> lacks "alt" attribute
line 418 column 3183 - Warning: <img> lacks "alt" attribute
line 428 column 21 - Warning: <img> lacks "alt" attribute
line 428 column 62 - Warning: <img> lacks "alt" attribute
line 428 column 111 - Warning: <img> lacks "alt" attribute
line 428 column 161 - Warning: <img> lacks "alt" attribute
line 429 column 11 - Warning: <img> lacks "alt" attribute
line 439 column 15 - Warning: <img> lacks "alt" attribute
line 453 column 11 - Warning: <font> attribute "color" had invalid value "7C60B0" and has been replaced
line 454 column 22 - Warning: <img> lacks "alt" attribute
line 454 column 63 - Warning: <img> lacks "alt" attribute
line 454 column 111 - Warning: <img> lacks "alt" attribute
line 454 column 161 - Warning: <img> lacks "alt" attribute
line 455 column 11 - Warning: <img> lacks "alt" attribute
line 465 column 15 - Warning: <img> lacks "alt" attribute
line 472 column 517 - Warning: <table> attribute "height" has invalid value "270px"
line 472 column 700 - Warning: <img> lacks "alt" attribute
line 473 column 1553 - Warning: <tr> attribute "height" has invalid value "10px"
line 482 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 482 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 482 column 244 - Warning: <img> proprietary attribute value "absmiddle"
line 491 column 25 - Warning: <img> lacks "alt" attribute
line 496 column 267 - Warning: <img> lacks "alt" attribute
line 149 column 50 - Warning: trimming empty <font>
line 472 column 1139 - Warning: trimming empty <font>
line 476 column 17 - Warning: trimming empty <tr>
line 479 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 240 column 27 - Warning: <nobr> is not approved by W3C
line 269 column 27 - Warning: <nobr> is not approved by W3C
line 271 column 517 - Warning: <table> proprietary attribute "height"
line 271 column 517 - Warning: <table> proprietary attribute "background"
line 271 column 651 - Warning: <table> proprietary attribute "height"
line 271 column 782 - Warning: <tr> proprietary attribute "height"
line 271 column 1059 - Warning: <table> proprietary attribute "height"
line 271 column 1103 - Warning: <tr> proprietary attribute "height"
line 275 column 1446 - Warning: <tr> proprietary attribute "height"
line 299 column 27 - Warning: <nobr> is not approved by W3C
line 329 column 27 - Warning: <nobr> is not approved by W3C
line 357 column 27 - Warning: <nobr> is not approved by W3C
line 387 column 27 - Warning: <nobr> is not approved by W3C
line 416 column 27 - Warning: <nobr> is not approved by W3C
line 444 column 27 - Warning: <nobr> is not approved by W3C
line 470 column 27 - Warning: <nobr> is not approved by W3C
line 472 column 517 - Warning: <table> proprietary attribute "height"
line 472 column 517 - Warning: <table> proprietary attribute "background"
line 472 column 651 - Warning: <table> proprietary attribute "height"
line 472 column 782 - Warning: <tr> proprietary attribute "height"
line 472 column 1059 - Warning: <table> proprietary attribute "height"
line 472 column 1103 - Warning: <tr> proprietary attribute "height"
line 473 column 1553 - Warning: <tr> proprietary attribute "height"
Info: Document content looks like HTML5
Info: No system identifier in emitted doctype
Tidy found 220 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