Notings of Attention™
Acmlmboard 2 Released
Github/GIT | @acmlmboard
Chatting Places
Discord

Affiliates
Super Mario Bros. X | Kuribo64 | NeoRHDN
Views: 11,030,919
Main | FAQ | IRC chat | Memberlist | Active users | Latest posts | Stats | Ranks | Online users | Search
11-21-24 09:50 PM
Guest: Register | Login

0 users currently in General Forum | 1 guest | 54 bots

Main - General Forum - How the hell do I actually make a post layout?
Next newer thread | Next older thread


SapphireBlaze
Posted on 08-03-14 03:46 AM Link | ID: 71825
Normal User

I may or may not be back to life.
Level: 53


Posts: 56/661
EXP: 1130619
Next: 26500

Since: 10-09-12
From: 51.41277327819231 0.7888535549864173

Last post: 2616 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
Posted on 08-03-14 06:10 AM Link | ID: 71827
Normal User

Level: 128


Posts: 3543/4986
EXP: 24155440
Next: 226260

Since: 01-02-12

Last post: 1471 days
Last view: 1471 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
Posted on 08-03-14 08:04 AM (rev. 2 of 08-03-14 08:04 AM by SapphireBlaze) Link | ID: 71831
Normal User

I may or may not be back to life.
Level: 53


Posts: 57/661
EXP: 1130619
Next: 26500

Since: 10-09-12
From: 51.41277327819231 0.7888535549864173

Last post: 2616 days
Last view: 2221 days
Thanks, but what exactly do you mean by what you want to use?

____________________

Trelior
Posted on 08-03-14 08:11 AM Link | ID: 71833
Normal User

Level: 128


Posts: 3545/4986
EXP: 24155440
Next: 226260

Since: 01-02-12

Last post: 1471 days
Last view: 1471 days
Background image, color scheme, sidebar content, et cetera.

SapphireBlaze
Posted on 08-03-14 08:48 AM (rev. 5 of 08-03-14 09:09 AM by SapphireBlaze) Link | ID: 71835
Normal User

I may or may not be back to life.
Level: 53


Posts: 60/661
EXP: 1130619
Next: 26500

Since: 10-09-12
From: 51.41277327819231 0.7888535549864173

Last post: 2616 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
Posted on 08-03-14 09:31 AM Link | ID: 71837
Normal User

Level: 128


Posts: 3546/4986
EXP: 24155440
Next: 226260

Since: 01-02-12

Last post: 1471 days
Last view: 1471 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
Posted on 08-03-14 09:31 AM (rev. 2 of 08-03-14 10:14 AM by Epele) Link | ID: 71838
Site Administrator
The Sorceress.
Boing~

Level: 237


Posts: 12635/20774
EXP: 205446223
Next: 2532711

Since: 01-01-12
From: UK

Last post: 1052 days
Last view: 8 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:
<div class="backbox132">

Signature:
</div><style>.backbox132 { background: #33ccff; margin: 32px; color: #3d3d3b; }
.mainbar132{ background: url('http://someimagehost.com/background.jpg') no-repeat top right !important; }
.topbar132_1 { background: #ff59d6 !important; }
.topbar132_2 { background: #ff59d6 !important; }
</style>


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
Posted on 08-03-14 09:48 AM Link | ID: 71840
Normal User

I may or may not be back to life.
Level: 53


Posts: 62/661
EXP: 1130619
Next: 26500

Since: 10-09-12
From: 51.41277327819231 0.7888535549864173

Last post: 2616 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
Posted on 08-03-14 10:10 AM (rev. 2 of 08-03-14 10:14 AM by Epele) Link | ID: 71841
Site Administrator
The Sorceress.
Boing~

Level: 237


Posts: 12636/20774
EXP: 205446223
Next: 2532711

Since: 01-01-12
From: UK

Last post: 1052 days
Last view: 8 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
Posted on 08-03-14 10:28 AM (rev. 2 of 08-03-14 10:30 AM by SapphireBlaze) Link | ID: 71842
Normal User

I may or may not be back to life.
Level: 53


Posts: 63/661
EXP: 1130619
Next: 26500

Since: 10-09-12
From: 51.41277327819231 0.7888535549864173

Last post: 2616 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
Posted on 08-04-14 06:01 AM Link | ID: 71896
Normal User

Level: 128


Posts: 3547/4986
EXP: 24155440
Next: 226260

Since: 01-02-12

Last post: 1471 days
Last view: 1471 days
You're gonna need something for a text backdrop because the blue of the text merges with the blue in the picture.

Next newer thread | Next older thread
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.

Page rendered in 0.087 seconds. (798KB of memory used)
MySQL - queries: 142, rows: 633/666, time: 0.067 seconds.