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
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
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
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
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
<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
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
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.

TheKoopaKingdom
Posted on 06-25-15 03:27 PM Link | #61398
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
Change the min-height.

Probably up by 10 em.

____________________
[image]
wow

TheKoopaKingdom
Posted on 06-26-15 12:35 AM Link | #61425
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
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
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
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
Well derp.
Thanks for the help!

____________________
Website | Twitter


Yami
Posted on 08-16-15 04:03 AM Link | #63250
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.

StapleButter
Posted on 08-16-15 07:55 AM Link | #63254
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

StapleButter
Posted on 08-16-15 12:44 PM Link | #63262
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
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
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.