Convert Post Layout?


Views: 22,901,265	Home \| Forums \| Uploader \| Wiki \| Object databases \| IRC Rules/FAQ \| Memberlist \| Calendar \| Stats \| Online users \| Last posts \| Search	10-08-24 06:00 PM
Guest:

0 users reading Convert Post Layout? | 1 bot

Main - Site help, bug reports, suggestions - Convert Post Layout?

Hide post layouts | New reply

Pages: 1 2

SuperML

Posted on 02-02-17 12:10 AM

Link | #81198

Panser
Normal user

Level: 37

Posts: 5/338
EXP: 334569
Next: 3684

Since: 10-31-16
From: Somewhere in the Galaxy...

Last post: 1665 days ago
Last view: 1181 days ago

I recently made a new post layout at NSMBHD, and I wanted to use it here and at RHCafe. when I tried copy/pasting the code, however, it didn't work. I assume this is because these three boards run on different "board types" (Blargboard, ABXD,...).
So, I was wondering, is there a tool out there that can convert my post layout code to be usable here?

Yukke

Posted on 02-02-17 12:47 AM

Link | #81200

Normal user

Level: 7

Posts: 2/7
EXP: 982
Next: 466

Since: 01-22-17

Last post: 2743 days ago
Last view: 2743 days ago

Likely not. You'd have to create your own class and add a div with that class.

Here, I saved you all the work:

<style>
.SuperML-bg {
    background: url('http://i.imgur.com/RFIUVU7.png') repeat fixed;
}

.SuperML {
    background-color: rgba(12, 24, 54, 0.85);
    font-family: 'Orbitron', 'Arial', sans-serif;
    color: white; 
    font-size: 120%;
    border-left: 3px solid red;
    border-top: 3px solid red;
}
.SuperML a {  
    color: #FFA500;
}
.SuperML .spoiler > button {
    background-color: red;
    color: white;
}
</style>
<div class="SuperML-bg"><div class="SuperML">

Put that in your header.

SuperML

Posted on 02-02-17 01:05 AM (rev. 2 of 02-02-17 01:06 AM)

Link | #81201

Panser
Normal user

Level: 37

Posts: 6/338
EXP: 334569
Next: 3684

Since: 10-31-16
From: Somewhere in the Galaxy...

Last post: 1665 days ago
Last view: 1181 days ago

Thank you so much!

If I could +1 your post, I would!

Arisotura

Posted on 02-02-17 01:18 AM

Link | #81203

Star Mario
in this room you have a pile of apple pies

Level: 164

Posts: 7230/9039
EXP: 57524898
Next: 177492

Since: 07-03-12
From: in a box

Last post: 7 days ago
Last view: 30 min. ago

friendly tip: don't make the background fixed. your layout doesn't rely on it, and that saves users from some lag.

____________________
NSMBHD - Kafuka - Jul
melonDS the most fruity DS emulator there is

zafkflzdasd

poudink

Posted on 02-02-17 01:24 PM

Link | #81207

Bob-Omb
[sic]

Level: 49

Posts: 182/616
EXP: 857102
Next: 26781

Since: 03-01-16
From: Québec (Canada)

Last post: 1063 days ago
Last view: 997 days ago

I don't know if I'm the only one, but that's how your layout looks on my computer:

____________________
Nothing to say, so jadnjkfmnjamnfjkldnajfnjkanfjdksan jsdnvj m.

SuperML

Posted on 02-05-17 12:26 AM

Link | #81255

Panser
Normal user

Level: 37

Posts: 8/338
EXP: 334569
Next: 3684

Since: 10-31-16
From: Somewhere in the Galaxy...

Last post: 1665 days ago
Last view: 1181 days ago

Posted by StapleButter
friendly tip: don't make the background fixed. your layout doesn't rely on it, and that saves users from some lag.

Ok. I'll go and fix it now.

Posted by poudink
I don't know if I'm the only one, but that's how your layout looks on my computer:

I saw that, too. I (hopefully) fixed that earlier.

LeftyGreenMario

Posted on 02-10-17 10:05 PM

Link | #81315

Don't like politics? Too bad, it's-a Mario time.

Level: 83

Posts: 921/2062
EXP: 5238482
Next: 193739

Since: 03-14-16
From: Stabbing Wario

Last post: 583 days ago
Last view: 582 days ago

Your post layout can use some padding. Not required, but it would definitely look nicer to have some empty margins around your text.

Arisotura

Posted on 02-11-17 01:31 AM

Link | #81327

Star Mario
in this room you have a pile of apple pies

Level: 164

Posts: 7245/9039
EXP: 57524898
Next: 177492

Since: 07-03-12
From: in a box

Last post: 7 days ago
Last view: 30 min. ago

filling your signature with blank space is also not the way to go, it makes your posts huge, and it's against the signature rules.

____________________
NSMBHD - Kafuka - Jul
melonDS the most fruity DS emulator there is

zafkflzdasd

SuperML

Posted on 02-12-17 10:16 PM (rev. 2 of 02-12-17 10:18 PM)

Link | #81361

Panser
Normal user

Level: 37

Posts: 12/338
EXP: 334569
Next: 3684

Since: 10-31-16
From: Somewhere in the Galaxy...

Last post: 1665 days ago
Last view: 1181 days ago

Posted by LeftyGreenMario
Your post layout can use some padding. Not required, but it would definitely look nicer to have some empty margins around your text.

I don't know how to do that

Posted by StapleButter
filling your signature with blank space is also not the way to go, it makes your posts huge, and it's against the signature rules.

Sorry for the late reply. I'll get rid of that now.

poudink

Posted on 02-13-17 01:11 AM

Link | #81363

Bob-Omb
[sic]

Level: 49

Posts: 185/616
EXP: 857102
Next: 26781

Since: 03-01-16
From: Québec (Canada)

Last post: 1063 days ago
Last view: 997 days ago

Posted by SuperML
I saw that, too. I (hopefully) fixed that earlier.

It's back.

____________________
Nothing to say, so jadnjkfmnjamnfjkldnajfnjkanfjdksan jsdnvj m.

SuperML

Posted on 02-13-17 01:40 AM

Link | #81364

Panser
Normal user

Level: 37

Posts: 14/338
EXP: 334569
Next: 3684

Since: 10-31-16
From: Somewhere in the Galaxy...

Last post: 1665 days ago
Last view: 1181 days ago

I think it's an issue with how the board works. If the post isn't long enough, the rest of the box is left blank.
Not sure why the blank space you see is purple, though. Is it your theme?

Yukke

Posted on 02-13-17 03:50 AM

Link | #81365

Normal user

Level: 7

Posts: 3/7
EXP: 982
Next: 466

Since: 01-22-17

Last post: 2743 days ago
Last view: 2743 days ago

Yes, it probably is his theme. You can solve your problem by putting borders to the bottom and to the right or using the box-shadow property; and adding padding, as LGM suggested, will harm no one – it'll look better.

SuperML

Posted on 02-23-17 03:15 AM

Link | #81514

Panser
Normal user

Level: 37

Posts: 16/338
EXP: 334569
Next: 3684

Since: 10-31-16
From: Somewhere in the Galaxy...

Last post: 1665 days ago
Last view: 1181 days ago

I've been fiddling with some CSS, and I can't figure out how to do it.

LeftyGreenMario

Posted on 02-23-17 03:48 AM

Link | #81519

Don't like politics? Too bad, it's-a Mario time.

Level: 83

Posts: 937/2062
EXP: 5238482
Next: 193739

Since: 03-14-16
From: Stabbing Wario

Last post: 583 days ago
Last view: 582 days ago

To expand the height, take an example from my post layout. And adding padding shouldn't be hard, and my layout has that too. What are you having trouble with?

Arisotura

Posted on 02-23-17 11:08 AM

Link | #81525

Star Mario
in this room you have a pile of apple pies

Level: 164

Posts: 7258/9039
EXP: 57524898
Next: 177492

Since: 07-03-12
From: in a box

Last post: 7 days ago
Last view: 30 min. ago

min-height: 30em;

tweak the 30 to find the optimal value

____________________
NSMBHD - Kafuka - Jul
melonDS the most fruity DS emulator there is

zafkflzdasd

SuperML

Posted on 02-24-17 08:56 PM

Link | #81542

Panser
Normal user

Level: 37

Posts: 19/338
EXP: 334569
Next: 3684

Since: 10-31-16
From: Somewhere in the Galaxy...

Last post: 1665 days ago
Last view: 1181 days ago

Posted by StapleButter
min-height: 30em;

tweak the 30 to find the optimal value

Thank you!

Posted by LeftyGreenMario
To expand the height, take an example from my post layout. And adding padding shouldn't be hard, and my layout has that too. What are you having trouble with?

Im having trouble with adding red borders around the right and bottom sides of my posts, and adding a border around my text. Also, there's a way to look at other's people's post layout Code? Wow I'm a noob XD

Yukke

Posted on 02-25-17 02:52 AM

Link | #81545

Normal user

Level: 7

Posts: 4/7
EXP: 982
Next: 466

Since: 01-22-17

Last post: 2743 days ago
Last view: 2743 days ago

Use ‘Inspect element ’ or view the source.

By the way, what's so difficult about adding border-bottom and border-right? Moreover, you can just use border: 3px solid red; to add the four borders altogether. Also, concerning the border surrounding the text, were you referring to something akin to StapleButter's layout? For that you would have to create an outer div and make the inner div have the border properties you want.

You seriously need learn some CSS before trying this stuff. At least attempt to understand it and fiddle to get different but desired results. Some basic HTML knowledge may come in handy, too.

CodingKoopa

Posted on 02-25-17 04:38 AM

Link | #81548

Lakitu
she/her

Level: 48

Posts: 510/560
EXP: 800381
Next: 23162

Since: 10-13-14

Last post: 1173 days ago
Last view: 402 days ago

If it helps, I uploaded my layout to pastebin, with comments:

Header
Signature
I think the signature is a bit different now though, it's a different image, and has a maximum size.

____________________
Website | Twitter