Posted by ArisoturaHere's my layout.You could have as well bumped the old thread. Bumps are fine if they bring in new content.
Stretch so you can admire the space background:
Views: 22,888,629 |
Home
| Forums
| Uploader
| Wiki
| Object databases
| IRC
Rules/FAQ | Memberlist | Calendar | Stats | Online users | Last posts | Search |
10-04-24 02:41 PM |
Guest: |
0 users reading Show off your post layout (NEW) | 1 bot |
Main - General Chat - Show off your post layout (NEW) | Hide post layouts | New reply |
skyl |
| ||
Keep Calm and Inject Some Lysol Level: 51 Posts: 589/613 EXP: 964527 Next: 49411 Since: 09-13-13 Last post: 388 days ago Last view: 381 days ago |
Posted by Baby Luigi Better now? ____________________ Can you burn a Luigi board? |
Baby Luigi |
| ||
Baby Luigi Level: 53 Posts: 672/749 EXP: 1146230 Next: 10889 Since: 03-13-16 From: Lost in Time Last post: 1888 days ago Last view: 1882 days ago |
It's better, but I think it could still be a smidge darker.
|
HEYimHeroic |
| ||
Lantern Ghost i'm alice Level: 53 Posts: 304/770 EXP: 1093376 Next: 63743 Since: 08-04-17 Last post: 246 days ago Last view: 22 days ago |
bump;
just gave my layout a much-needed pallet change. nothing special, just some color swaps, but the colors look much better and are updated to match my current pfp i've had for months now. ____________________ yeah |
RicBent |
| ||
Administrator Level: 46 Posts: 427/466 EXP: 666652 Next: 45122 Since: 09-25-12 From: Germany Last post: 1184 days ago Last view: 339 days ago |
The stripe pattern dosn't look very good imo. Esp with the dark themes. And a stripe pattern with a that big contrast makes your eyes hurt a bit imo Also your signature exceeds the maximum of 100 pixels by a large margin. The image alone breaks the maximum. Please fix that. ____________________ GitHub - YouTube - NSMBHD |
Arisotura |
| ||
Star Mario in this room you have a pile of apple pies Level: 164 Posts: 8049/9039 EXP: 57498329 Next: 204061 Since: 07-03-12 From: in a box Last post: 3 days ago Last view: 3 days ago |
iyenal |
| ||
Mole Multiplatform developer Level: 38 Posts: 215/362 EXP: 361898 Next: 8549 Since: 03-14-17 From: Europe Last post: 826 days ago Last view: 796 days ago |
Arisotura |
| ||
Star Mario in this room you have a pile of apple pies Level: 164 Posts: 8050/9039 EXP: 57498329 Next: 204061 Since: 07-03-12 From: in a box Last post: 3 days ago Last view: 3 days ago |
HEYimHeroic |
| ||
Lantern Ghost i'm alice Level: 53 Posts: 305/770 EXP: 1093376 Next: 63743 Since: 08-04-17 Last post: 246 days ago Last view: 22 days ago |
Posted by RicBent fixed, thanks for the notice. (i was wondering if it was too big but no one said anything... until now, of course.) Posted by RicBent *turns brightness from 0% to 100%* ...oh... yeah, THAT might be a problem... edit: fixed it so my layout is generally brighter all around ____________________ yeah |
iyenal |
| ||
Mole Multiplatform developer Level: 38 Posts: 216/362 EXP: 361898 Next: 8549 Since: 03-14-17 From: Europe Last post: 826 days ago Last view: 796 days ago |
I don't like very much the colors in your pattern RealHeroicGamer. Maybe some classic ones would be better.
I still want to do a 3D layout. Even one with CSS3D using three.js ? ____________________ "I failed in some subjects in exam, but my friend passed in all. Now he is an engineer in Microsoft and I am the owner of Microsoft." -Bill Gates |
RicBent |
| ||
Administrator Level: 46 Posts: 430/466 EXP: 666652 Next: 45122 Since: 09-25-12 From: Germany Last post: 1184 days ago Last view: 339 days ago |
Arisotura |
| ||
Star Mario in this room you have a pile of apple pies Level: 164 Posts: 8051/9039 EXP: 57498329 Next: 204061 Since: 07-03-12 From: in a box Last post: 3 days ago Last view: 3 days ago |
iyenal |
| ||
Mole Multiplatform developer Level: 38 Posts: 217/362 EXP: 361898 Next: 8549 Since: 03-14-17 From: Europe Last post: 826 days ago Last view: 796 days ago |
Posted by StapleButter well I were actually joking. It would just be a waste of time anyway for me to make a 3D layout, I have better to do. ____________________ "I failed in some subjects in exam, but my friend passed in all. Now he is an engineer in Microsoft and I am the owner of Microsoft." -Bill Gates |
kaj |
| ||
Lantern Ghost the gummiest worm of them all Level: 55 Posts: 729/754 EXP: 1268661 Next: 45528 Since: 06-24-14 From: treehouse Last post: 171 days ago Last view: 170 days ago |
here we go! new layout for the first time since probably 2014 or so.
this one's less dry than my last one, yet still simple enough. probably going to change that background though. |
Staryu Trek |
| ||
Red Paragoomba Wahoo! Let's-a go again! Water-type warp drive Level: 9 Posts: 59/61 EXP: 2421 Next: 741 Since: 09-08-24 From: Starship Enterprise (or the Netherlands) Last post: 1 day ago Last view: 17 min. ago |
Posted by ArisoturaHere's my layout. Stretch so you can admire the space background: A T S T R E T C H T H O TODO: Done, as you can see. Transparency 70%. Thanks Thierry, your mini-tutorial is really informative! I will definitely look for a site where I can learn CSS. Shouldn't be too hard once I get the drill. • Figure out how to change quote layouts: I want to remove "Posted by" in my layout and have an image, about 50×50, of a double quotation mark in place of it; • Figure out how to edit the layout of spoilers: I want to remove the "(Click to reveal)" text and maybe do other shito; • For the 'toolbar' in my layout: figure out how to align text left and right on the same line, so I can have the buttons in the same place and have some text on the left of it; Done. Before Thierry posted, I already attempted to make my sig differ from the main post div, but my only idea was a green border. It looked too ugloo combined with the main div's red, so I ditched it. Then I came with the idea of a metallic-looking sig div, which still fits with my layout's sci-fi-y theme and also allowed me to use the ‹hr›s I use as my divs' skeleton, so that all divs are the same width, in a 1337 way, by making them function like the highlight and shadow of the metal. EDIT: If you see my layout broken at any time, it's only because I'm changing it and improving it, and stuff like tags that I accidentally left opened or changing class names may temporarily break my layout. "To boldly glitch where no one has glitched before" - Staryu Trek |
Thierry |
| ||
Normal user Level: 50 Posts: 577/577 EXP: 901180 Next: 46137 Since: 03-08-13 Last post: 2 days ago Last view: 2 days ago |
quick criticism, in the above post there's nothing to differentiate the post content and the signature. they're both just bubbles of text, so you can only infer what's what.
you might want to do something to make your signature look like an element that's optional to read, rather than any important part of your post. there are a few common ways to achieve that: - you can add a unique, clear separator between the post and signature that occurs only once per post - you can wrap the signature text with an effect overall unique to itself (such as italics covering it all, half opacity, smaller size, or a combo of any of these) btw in order to do any of the things you listed above, you'll have to learn to use internal styles rather than inline styles. internal styles use <style> tags, whereas inline styles go <div style="color:blue;">this text would be blue</div> which's what you've been using til now. Styles like the ones I used right above go like this: <style>
.some_name { font-family: monospace; font-size: 125%; color: fuchsia; background: #11000; } </style> Which then gets applied to the element specified, which in this case is the class "some_name". This will affect ALL elements with this class, which means you don't have to rewrite it for every single element. You can target any element using this (and thusly need to do so in moderation) meaning you can style hotlink tags within your posts, like so: <style>
.some_other_name { color: #552ce6; border: 1px dashed white; padding: 5px; } .some_other_name a { color: red!important; } </style> <div class="some_other_name">let's pretend this box is my layout <a href="https://www.google.com/">and this is a hotlink tag within my layout</a></div> let's pretend this box is my layout
and this is a hotlink tag within my layout Here the a tag is hotlink, which is contained within the element of the class some_other_name. I recommend you go and learn more about CSS and then experiment with this kind of stuff on your own. This is a whole can of worms so what I've written here isn't really sufficient to do all that much. notably, hotlinks have several different states (regular, hovered, currently being clicked, previously visited, etc) which all can and should be customized accordingly. google is your friend. |
Main - General Chat - Show off your post layout (NEW) | Hide post layouts | New reply |
Page rendered in 0.111 seconds. (2048KB of memory used) MySQL - queries: 29, rows: 224/224, time: 0.022 seconds. Acmlmboard 2.064 (2018-07-20) © 2005-2008 Acmlm, Xkeeper, blackhole89 et al. |