|
||||||
|
Views:
11,031,266 |
   
Main
| FAQ
| IRC chat
| Memberlist
| Active users
| Latest posts
| Stats
| Ranks
| Online users
| Search
|
11-22-24 03:22 AM |
||||
| Guest: Register | Login | ||||||
| 0 users currently in General Forum | 1 guest | 38 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: 1130649 Next: 26470 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: 24156032 Next: 225668 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: 1130649 Next: 26470 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: 24156032 Next: 225668 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: 1130649 Next: 26470 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:
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: 24156032 Next: 225668 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: 205451261 Next: 2527673 Since: 01-01-12 From: UK Last post: 1052 days Last view: 0 sec. |
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: 1130649 Next: 26470 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: 205451261 Next: 2527673 Since: 01-01-12 From: UK Last post: 1052 days Last view: 0 sec. |
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: 1130649 Next: 26470 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: 24156032 Next: 225668 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: 621/654, time: 2.611 seconds. |
