Views: 8,810,825 Home | Forums | Uploader | Wiki | Object databases | IRC
Rules/FAQ | Memberlist | Calendar | Stats | Online users | Last posts | Search 		10-15-18 04:46 AM
Guest:

0 users reading How to make a post layout! | 1 bot

Main - Site help, bug reports, suggestions - How to make a post layout! New reply

Pages: 1 2 3 4 5 6 7 8
Tierage
Posted on 03-19-15 06:24 PM Link | #58203

Melon Bug
Normal user

Level: 48

Posts: 579/737
EXP: 793653
Next: 29889

Since: 06-24-14
From: united states of america

Last post: 82 days ago
Last view: 79 days ago
That tiling background image looks bad. Also the div is really padded in...

...Yourself

skyl
Posted on 06-14-15 11:19 AM Link | #60984
miraculously avoided being banned in 2013-2014, who even knows how

Level: 45

Posts: 539/600
EXP: 633421
Next: 26743

Since: 09-13-13

Last post: 197 days ago
Last view: 123 days ago
This may have been asked before, but how do you change the font? I can't seem to get it to work.

____________________
Can you burn a Luigi board?

Tierage
Posted on 06-14-15 10:15 PM Link | #61010

Melon Bug
Normal user

Level: 48

Posts: 678/737
EXP: 793653
Next: 29889

Since: 06-24-14
From: united states of america

Last post: 82 days ago
Last view: 79 days ago
Posted by skyluigi_ts142001
This may have been asked before, but how do you change the font? I can't seem to get it to work.

You have to use the font-family tag on the outer div.

...Yourself

skyl
Posted on 06-15-15 12:27 PM Link | #61024
miraculously avoided being banned in 2013-2014, who even knows how

Level: 45

Posts: 540/600
EXP: 633421
Next: 26743

Since: 09-13-13

Last post: 197 days ago
Last view: 123 days ago
Posted by Tierage
You have to use the font-family tag on the outer div.


It's not working.

____________________
Can you burn a Luigi board?

StapleButter
Posted on 06-15-15 12:37 PM Link | #61026

Star Mario
this serves no purpose, but they spent time making it, so gotta pay tribute

Level: 144
avatar
Posts: 3824/8270
EXP: 36031638
Next: 678668

Since: 07-02-12
From: in a box :D

Last post: 2 days ago
Last view: 1 day ago
<div style="background:url(http://kuribo64.net/get.php?id=a994YCyQ61xQ1zGH);padding:24px;min-height:128px;border: 1px solid #FFAA00;font-family:"Courier New";">
Of course. You can't use double quotes inside the style attribute. Use single quotes.


Also, does your layout REALLY need to use a huge, non-tiling background that is two fucking megabytes in size??

____________________
NSMBHD - Kafuka - Jul

communism

skyl
Posted on 06-15-15 01:06 PM (rev. 3 of 06-15-15 01:23 PM) Link | #61027
miraculously avoided being banned in 2013-2014, who even knows how

Level: 45

Posts: 541/600
EXP: 633421
Next: 26743

Since: 09-13-13

Last post: 197 days ago
Last view: 123 days ago
Posted by StapleButter
Also, does your layout REALLY need to use a huge, non-tiling background that is two fucking megabytes in size??


I'll try to make it smaller.

EDIT: Size reduced 2.6 MB --> 1.1 MB

____________________
Can you burn a Luigi board?

Yami
Posted on 06-15-15 06:23 PM Link | #61038
（ーωー。）

Level: 53
avatar
Posts: 146/959
EXP: 1114320
Next: 42799

Since: 12-07-14
From: Japan

Last post: 461 days ago
Last view: 459 days ago
Well, Staple has a point there.
Here where I currently stay in Japan, lots of people are going Online at the same time, making my Connection quite slow.
Loading a 2 MB Image can be painful, because of that.
DSHack.org | 3DSHack.org (same Site) | Star Fox Online

My Weblog | My YouTube Channel

TheKoopaKingdom
Posted on 06-25-15 03:27 PM Link | #61398

Lakitu
Aka Koopa. Still looking for new username ideas~

Level: 42
avatar
Posts: 46/552
EXP: 495955
Next: 25407

Since: 10-13-14
From: Castle Grounds

Last post: 52 days ago
Last view: 14 days ago
After my post and signature, there is a blank space.
[image]
The image that I'm using doesn't cut off there.

The weird thing is that at NSMBHD, there is a border around the whole post.

Oh, and also, when my image does get cut off, how do I make a solid color after that?

My sig:
<div style="background:#04002B url(http://i.imgur.com/nlnJBsS.png);padding:24px;">

<div style="#1F6FA5;background:#090921;padding:10px;max-width:800px;border-radius: 20px 20px 20px 20px;">


____________________
Website | Twitter


salty
Posted on 06-25-15 04:12 PM (rev. 2 of 06-25-15 04:12 PM) Link | #61402
i'm telling the story JENNA

Level: 72
avatar
Posts: 332/1870
EXP: 3322709
Next: 1053

Since: 03-01-14
From: luigi's wonderful house

Last post: 22 hours ago
Last view: 4 hours ago
Change the min-height.

Probably up by 10 em.

____________________
[image]
wow

TheKoopaKingdom
Posted on 06-26-15 12:35 AM Link | #61425

Lakitu
Aka Koopa. Still looking for new username ideas~

Level: 42
avatar
Posts: 47/552
EXP: 495955
Next: 25407

Since: 10-13-14
From: Castle Grounds

Last post: 52 days ago
Last view: 14 days ago
When I increase the min-height (the 400 pixel one), it increases the height of the background, but not the whole post.

<div style="background-image: url(http://i.imgur.com/nlnJBsS.png), url(http://i.imgur.com/S4A7fKO.png);background-repeat: no-repeat, repeat;min-height:400px;padding:24px;">

<div style="border:1px solid #1F6FA5;background:#090921;padding:20px;max-width:800px;border-radius: 10px 10px 10px 10px;">


____________________
Website | Twitter


StapleButter
Posted on 06-26-15 11:09 AM Link | #61435

Star Mario
this serves no purpose, but they spent time making it, so gotta pay tribute

Level: 144
avatar
Posts: 3836/8270
EXP: 36031638
Next: 678668

Since: 07-02-12
From: in a box :D

Last post: 2 days ago
Last view: 1 day ago
Posted by TheKoopaKingdom
After my post and signature, there is a blank space.
[image]
The image that I'm using doesn't cut off there.

The weird thing is that at NSMBHD, there is a border around the whole post.

Oh, and also, when my image does get cut off, how do I make a solid color after that?

My sig:
<div style="background:#04002B url(http://i.imgur.com/nlnJBsS.png);padding:24px;">

<div style="#1F6FA5;background:#090921;padding:10px;max-width:800px;border-radius: 20px 20px 20px 20px;">

It's the empty line between the two div tags. Try removing it.

____________________
NSMBHD - Kafuka - Jul

communism

TheKoopaKingdom
Posted on 06-26-15 01:35 PM Link | #61441

Lakitu
Aka Koopa. Still looking for new username ideas~

Level: 42
avatar
Posts: 48/552
EXP: 495955
Next: 25407

Since: 10-13-14
From: Castle Grounds

Last post: 52 days ago
Last view: 14 days ago
No luck :/

Maybe it's something with my signature(before was a typo, that was actually my header)?

[url=http://bluelumahouse.x10host.com/profile.php?id=7]Blue Luma's House[/url] | [url=http://nsmbhd.net/profile/1458-the-koopa-kingdom/]NSMBHD[/url]
[i]There are 10 kinds of people in the world: ones that understand binary, and ones that don't.[/i]
<a href="http://kuribo64.net/board/thread.php?pid=60784#60784" title="A vanilla SMW-styled hack!" rel="nofollow"><img src="http://i866.crapobucket.com/albums/ab228/jeffersonlpinto/SMW%20Hack%20Userbar_zpsnlpsw5ac.png" alt=""></a>
</div></div>


____________________
Website | Twitter


StapleButter
Posted on 06-26-15 02:55 PM Link | #61452

Star Mario
this serves no purpose, but they spent time making it, so gotta pay tribute

Level: 144
avatar
Posts: 3837/8270
EXP: 36031638
Next: 678668

Since: 07-02-12
From: in a box :D

Last post: 2 days ago
Last view: 1 day ago
You have empty lines at the end of your signature.

____________________
NSMBHD - Kafuka - Jul

communism

TheKoopaKingdom
Posted on 06-26-15 04:29 PM Link | #61460

Lakitu
Aka Koopa. Still looking for new username ideas~

Level: 42
avatar
Posts: 50/552
EXP: 495955
Next: 25407

Since: 10-13-14
From: Castle Grounds

Last post: 52 days ago
Last view: 14 days ago
Well derp.
Thanks for the help!

____________________
Website | Twitter


Yami
Posted on 08-16-15 04:03 AM Link | #63250
（ーωー。）

Level: 53
avatar
Posts: 187/959
EXP: 1114320
Next: 42799

Since: 12-07-14
From: Japan

Last post: 461 days ago
Last view: 459 days ago
My Background Gradient isn't working here, but it does on DSHack.org.

.myWorld {
height: 100%;
background: #000; /* Old browsers */
background: -moz-linear-gradient(top, #000 0%, #660066 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#660066)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000 0%,#660066 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000 0%,#660066 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #000 0%,#660066 100%); /* IE10+ */
background: linear-gradient(to bottom, #000 0%,#660066 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#660066',GradientType=0 ); /* IE6-9 */
background-repeat: no-repeat;
font-family: "Comic Sans MS", "Comic Sans", cursive;

border: 3px double #ff00ff;
padding: 16px;
margin: 16px;
background: rgba(50,0,100, 0.25);
color:#fff;
padding-bottom: 110px;
background-image: url("http://www.dshack.org/assets/images/kumamon_mcd.png");
background-repeat: no-repeat;
background-position: right bottom;
min-height: 100px;
}

I don't see why, though.
DSHack.org | 3DSHack.org (same Site) | Star Fox Online

My Weblog | My YouTube Channel

StapleButter
Posted on 08-16-15 07:55 AM Link | #63254

Star Mario
this serves no purpose, but they spent time making it, so gotta pay tribute

Level: 144
avatar
Posts: 4023/8270
EXP: 36031638
Next: 678668

Since: 07-02-12
From: in a box :D

Last post: 2 days ago
Last view: 1 day ago
You specify that the background is a gradient, and then specify it's something else.


If you want two backgrounds, iirc you need to specify them together, like:

bakcground: gradient(blahblah), image(derpblurg);

____________________
NSMBHD - Kafuka - Jul

communism

Yami
Posted on 08-16-15 11:05 AM Link | #63257
（ーωー。）

Level: 53
avatar
Posts: 188/959
EXP: 1114320
Next: 42799

Since: 12-07-14
From: Japan

Last post: 461 days ago
Last view: 459 days ago
Oh, I didn't even notice that.
Thanks!
DSHack.org | 3DSHack.org (same Site) | Star Fox Online

My Weblog | My YouTube Channel

StapleButter
Posted on 08-16-15 12:44 PM Link | #63262

Star Mario
this serves no purpose, but they spent time making it, so gotta pay tribute

Level: 144
avatar
Posts: 4026/8270
EXP: 36031638
Next: 678668

Since: 07-02-12
From: in a box :D

Last post: 2 days ago
Last view: 1 day ago
You can also probably strip out some shit from your gradient code. Most good browsers support standard gradients already, and the old-IE filter bullshit can go.

____________________
NSMBHD - Kafuka - Jul

communism

LifeMushroom
Posted on 08-17-15 11:48 AM (rev. 2 of 08-17-15 11:50 AM) Link | #63323
Normal user

Level: 42
avatar
Posts: 463/534
EXP: 508004
Next: 13358

Since: 02-23-14

Last post: 34 days ago
Last view: 34 days ago 		I can't the background on my layout to show up. Well, it shows up but not in the right spot. I want it to show up like my RVLution layout. I want this to be my background.

Here's my layout code.

EDIT: Well, looks like I got it working. Never mind.

LeftyGreenMario
Posted on 03-14-16 07:06 PM Link | #68570
[image]
Don't like politics? Too bad, it's-a Mario time.

Level: 64
avatar
Posts: 11/1673
EXP: 2103161
Next: 110936

Since: 03-14-16
From: Stabbing Wario

Last post: 1 day ago
Last view: 1 day ago
I've taken my previous layout from RVLution and made one here. The problem is that the background image height is dependent on the size of the post, so you'll see an ugly cut-off margin at the bottom of the post. I tried setting a min-height, but extra lines of post content will just make the margin reappear. Setting a min-height that's too big will just inflate the post size. It sounds like a problem TheKoopaKingdom had, but I couldn't find empty lines or something.

<style>
.DK-burgers {
padding: 1px !important;
background-image: url("http://www.mariowiki.com/images/thumb/0/06/Stamp_Background_Artwork_-_Super_Mario_3D_World.png/600px-Stamp_Background_Artwork_-_Super_Mario_3D_World.png") !important;
min-height: 24em;
}
.Mario-vomit {
background: #FFFAFA !important;
font-family: "Verdana", "Arial", sans-serif; !important;
color: #0d0d0d !important;
padding: 10px;
margin: 5px;
border: 2px solid #808080 !important;
border-radius: 20px;
max-width: 100%;
}
.DK-burgers a {
color: #708090 !important;
}
.Mario-vomit .quote .quotecontent {
padding: 4px;
margin-top: 4px;
border-top: 1px solid #C0C0C0 !important;
border-bottom: 1px solid #C0C0C0 !important;
}
.Mario-vomit .codeblock {
white-space: pre-wrap;
font-family: "Consolas", "Lucida Console", "Courier New", monospace;
padding: 4px;
background: #DCDCDC !important;
color: #0d0d0d !important;
border: 1px solid #808080 !important;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
</style>
<div class="DK-burgers">
<div class="Mario-vomit">

-------------------

</div>
<img src="http://www.mariowiki.com/images/thumb/a/a0/Mario_%28Pipe%29_-_Super_Mario_Sticker.gif/120px-Mario_%28Pipe%29_-_Super_Mario_Sticker.gif">
</div>
Pages: 1 2 3 4 5 6 7 8

Main - Site help, bug reports, suggestions - How to make a post layout! New reply

Page rendered in 0.033 seconds. (2048KB of memory used)
MySQL - queries: 26, rows: 228/228, time: 0.015 seconds.
 [powered by Acmlm] Acmlmboard 2.064 (2018-07-20)
© 2005-2008 Acmlm, Xkeeper, blackhole89 et al.