|
||||||
Views:
11,031,127 |
Main | FAQ | IRC chat | Memberlist | Active users | Latest posts | Stats | Ranks | Online users | Search | 11-22-24 03:00 AM |
||||
Guest: Register | Login |
0 users currently in General Forum | 43 bots |
Main - General Forum - How the hell do I actually make a post layout? |
SapphireBlaze |
| ||
Normal User
I may or may not be back to life. Level: 53 Posts: 56/661 EXP: 1130647 Next: 26472 Since: 10-09-12 From: 51.41277327819231 0.7888535549864173 Last post: 2617 days Last view: 2221 days |
If somebody could link me to a tutorial or thread explaining how to make one for this board it would be greatly appreciated. I can't seem to find any at all. I know it has to do with CSS, but I don't know specifically what to do and I'm interested in learning.
*sobs* My posts are so bland. ____________________ |
Trelior |
| ||
Normal User
Level: 128 Posts: 3543/4986 EXP: 24155993 Next: 225707 Since: 01-02-12 Last post: 1472 days Last view: 1472 days |
If you can give me an idea of what you want to use, I can lend you the code for my layout and tell you how to tweak it so it works for you, just let me know. |
SapphireBlaze |
| ||
Normal User
I may or may not be back to life. Level: 53 Posts: 57/661 EXP: 1130647 Next: 26472 Since: 10-09-12 From: 51.41277327819231 0.7888535549864173 Last post: 2617 days Last view: 2221 days |
Thanks, but what exactly do you mean by what you want to use? ____________________ |
Trelior |
| ||
Normal User
Level: 128 Posts: 3545/4986 EXP: 24155993 Next: 225707 Since: 01-02-12 Last post: 1472 days Last view: 1472 days |
Background image, color scheme, sidebar content, et cetera. |
SapphireBlaze |
| ||
Normal User
I may or may not be back to life. Level: 53 Posts: 60/661 EXP: 1130647 Next: 26472 Since: 10-09-12 From: 51.41277327819231 0.7888535549864173 Last post: 2617 days Last view: 2221 days |
I'd like this to be my background image if suitable:
style="max-width: 100%"> I'd like the image to extend into the sidebar. The text boxes should be #33CCFF. I'd also like the username box and date/link/reply/id bar to be #FF59D6. I'm not sure what text colour would be readable over the background, maybe #3D3D3B? If this isn't possible I'll think of the something else. ____________________ |
Trelior |
| ||
Normal User
Level: 128 Posts: 3546/4986 EXP: 24155993 Next: 225707 Since: 01-02-12 Last post: 1472 days Last view: 1472 days |
I don't know how to do a dynamically sized background image that stretches onto the sidebar like you want. KP is the only one I know of that has pulled it off and had it look decent. You would have to ask him.
The rest I could do though. |
Epele |
| ||
Site Administrator
The Sorceress. Boing~ Level: 237 Posts: 12635/20774 EXP: 205450931 Next: 2528003 Since: 01-01-12 From: UK Last post: 1052 days Last view: 3 hours |
Making a post layout is pretty much like using HTML and/or css.
All you do is split the HTML straight in the middle, where you want your post to appear. As for CSS elements, there's .topbar%_1 - This is the cell of the table that contains your username in the sidebar. .topbar%_2 - This is the bit that contains the Posted on and reply links. .sidebar% - This is the sidebar with your avatar and all that. .mainbar% - This is where your post appears. For all those elements, replace % with your user id. In your case, it's be like .mainbar132. Let me put together a quick example based off what you provided. Header:
Signature:
Feel free to play with that example. As for the the !important in the css, that's to tell the browser to override already defined styles. Hope that helps. Edit: Pro-tip. Don't type code first thing after waking in the morning. The world could always use more heroes! |
SapphireBlaze |
| ||
Normal User
I may or may not be back to life. Level: 53 Posts: 62/661 EXP: 1130647 Next: 26472 Since: 10-09-12 From: 51.41277327819231 0.7888535549864173 Last post: 2617 days Last view: 2221 days |
Trelior, that would be fine. Thank you.
In the mean time, I'll try and have a tinker with what Cherry posted. I'll probably screw it up so I'll probably end up using the one you make. ---------------------------------- Cherry, thanks for the code. I probably didn't communicate well that I know basically nothing about CSS or HTML or write them, but I'll try to make something not terrible. ____________________ |
Epele |
| ||
Site Administrator
The Sorceress. Boing~ Level: 237 Posts: 12636/20774 EXP: 205450931 Next: 2528003 Since: 01-01-12 From: UK Last post: 1052 days Last view: 3 hours |
As for a simple css reference, I use this page. They put some annoying little direct-to-help page thing on there. Just click to the side of the box and it goes away.
Edit: I just noticed errors I made from being half-asleep. I also corrected them in your profile. The world could always use more heroes! |
SapphireBlaze |
| ||
Normal User
I may or may not be back to life. Level: 53 Posts: 63/661 EXP: 1130647 Next: 26472 Since: 10-09-12 From: 51.41277327819231 0.7888535549864173 Last post: 2617 days Last view: 2221 days |
Turns out I'm worse at this than I thought which is very difficult. The end result of my meddling has turned out to be a clusterfuck of Frankenstein proportion.
Edit: Don't tinker with code when you've have little to no sleep for the fifth consecutive day. ____________________ |
Trelior |
| ||
Normal User
Level: 128 Posts: 3547/4986 EXP: 24155993 Next: 225707 Since: 01-02-12 Last post: 1472 days Last view: 1472 days |
You're gonna need something for a text backdrop because the blue of the text merges with the blue in the picture. |
Main - General Forum - How the hell do I actually make a post layout? |
Acmlmboard v2.5.6 (06/11/2024) © 2005-2024 Acmlm, Emuz, et al. |
MySQL - queries: 146, rows: 625/657, time: 0.051 seconds. |