Rules/FAQ | Memberlist | Calendar | Stats | Online users | Last posts | Search
|
| ||
| Views: 22,699,352 |
Home
| Forums
| Uploader
| Wiki
| Object databases
| IRC
Rules/FAQ | Memberlist | Calendar | Stats | Online users | Last posts | Search |
09-16-24 07:54 PM |
| Guest: | ||
| 0 users reading How to make a post layout! | 1 bot |
| Main - Site help, bug reports, suggestions - How to make a post layout! | Hide post layouts | New reply |
| kaj |
| ||
 Lantern Ghost the gummiest worm of them all Level: 55 Posts: 579/754 EXP: 1265653 Next: 48536 Since: 06-24-14 From: treehouse Last post: 153 days ago Last view: 152 days ago |
That tiling background image looks bad. Also the div is really padded in... |
| skyl |
| ||
|
Keep Calm and Inject Some Lysol Level: 51 Posts: 539/613 EXP: 962402 Next: 51536 Since: 09-13-13 Last post: 370 days ago Last view: 363 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? |
| kaj |
| ||
|
Lantern Ghost the gummiest worm of them all Level: 55 Posts: 678/754 EXP: 1265653 Next: 48536 Since: 06-24-14 From: treehouse Last post: 153 days ago Last view: 152 days ago |
Posted by skyluigi_ts142001 You have to use the font-family tag on the outer div. |
| skyl |
| ||
|
Keep Calm and Inject Some Lysol Level: 51 Posts: 540/613 EXP: 962402 Next: 51536 Since: 09-13-13 Last post: 370 days ago Last view: 363 days ago |
Posted by Tierage It's not working. ____________________ Can you burn a Luigi board? |
| Arisotura |
| ||
 Star Mario in this room you have a pile of apple pies Level: 164 
Posts: 3824/9034 EXP: 57336408 Next: 365982 Since: 07-03-12 From: in a box 
Last post: 2 days ago Last view: 2 days 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 melonDS the most fruity DS emulator there is zafkflzdasd |
| skyl |
| ||
|
Keep Calm and Inject Some Lysol Level: 51 Posts: 541/613 EXP: 962402 Next: 51536 Since: 09-13-13 Last post: 370 days ago Last view: 363 days ago |
Posted by StapleButter I'll try to make it smaller. EDIT: Size reduced 2.6 MB --> 1.1 MB ____________________ Can you burn a Luigi board? |
| Yami |
| ||
|
（ーωー。） Level: 61 
Posts: 146/959 EXP: 1774776 Next: 101820 Since: 12-07-14 From: Japan Last post: 2624 days ago Last view: 2623 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. |
| CodingKoopa |
| ||
 Lakitu she/her Level: 48 
Posts: 46/560 EXP: 797973 Next: 25570 Since: 10-13-14 Last post: 1151 days ago Last view: 380 days ago |
After my post and signature, there is a blank space.
![[image]](https://i.imgur.com/yzPP36o.png)
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 |
| ||
|
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa Level: 85 
Posts: 332/2045 EXP: 5739474 Next: 159066 Since: 03-02-14 From: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa Last post: 24 days ago Last view: 13 hours ago |
Change the min-height.
Probably up by 10 em. ____________________ discord: taikonotatsujin photobucket  |
| CodingKoopa |
| ||
|
Lakitu she/her Level: 48
Posts: 47/560 EXP: 797973 Next: 25570 Since: 10-13-14 Last post: 1151 days ago Last view: 380 days ago |
| Arisotura |
| ||
|
Star Mario in this room you have a pile of apple pies Level: 164
Posts: 3836/9034 EXP: 57336408 Next: 365982 Since: 07-03-12 From: in a box
Last post: 2 days ago Last view: 2 days ago |
Posted by TheKoopaKingdom It's the empty line between the two div tags. Try removing it. ____________________ NSMBHD - Kafuka - Jul melonDS the most fruity DS emulator there is zafkflzdasd |
| CodingKoopa |
| ||
|
Lakitu she/her Level: 48
Posts: 48/560 EXP: 797973 Next: 25570 Since: 10-13-14 Last post: 1151 days ago Last view: 380 days ago |
| Arisotura |
| ||
|
Star Mario in this room you have a pile of apple pies Level: 164
Posts: 3837/9034 EXP: 57336408 Next: 365982 Since: 07-03-12 From: in a box
Last post: 2 days ago Last view: 2 days ago |
| CodingKoopa |
| ||
|
Lakitu she/her Level: 48
Posts: 50/560 EXP: 797973 Next: 25570 Since: 10-13-14 Last post: 1151 days ago Last view: 380 days ago |
| Yami |
| ||
|
（ーωー。） Level: 61
Posts: 187/959 EXP: 1774776 Next: 101820 Since: 12-07-14 From: Japan Last post: 2624 days ago Last view: 2623 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. |
| Arisotura |
| ||
|
Star Mario in this room you have a pile of apple pies Level: 164
Posts: 4023/9034 EXP: 57336408 Next: 365982 Since: 07-03-12 From: in a box
Last post: 2 days ago Last view: 2 days 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 melonDS the most fruity DS emulator there is zafkflzdasd |
| Yami |
| ||
|
（ーωー。） Level: 61
Posts: 188/959 EXP: 1774776 Next: 101820 Since: 12-07-14 From: Japan Last post: 2624 days ago Last view: 2623 days ago |
Oh, I didn't even notice that.
Thanks! |
| Arisotura |
| ||
|
Star Mario in this room you have a pile of apple pies Level: 164
Posts: 4026/9034 EXP: 57336408 Next: 365982 Since: 07-03-12 From: in a box
Last post: 2 days ago Last view: 2 days ago |
| LifeMushroom |
| ||
|
Normal user Level: 48 
Posts: 463/534 EXP: 766489 Next: 57054 Since: 02-23-14 Last post: 2197 days ago Last view: 1549 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 |
| ||
![[image]](http://www.mariowiki.com/images/a/af/Mario_Mugshot_%2798.gif) Don't like politics? Too bad, it's-a Mario time. Level: 83 
Posts: 11/2062 EXP: 5220107 Next: 212114 Since: 03-14-16 From: Stabbing Wario Last post: 561 days ago Last view: 561 days 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> |
| Main - Site help, bug reports, suggestions - How to make a post layout! | Hide post layouts | New reply |
|
Page rendered in 0.106 seconds. (2048KB of memory used) MySQL - queries: 26, rows: 231/231, time: 0.009 seconds. ![[powered by Acmlm]](img/poweredbyacmlm.png "powering nostalgia")
Acmlmboard 2.064 (2018-07-20)© 2005-2008 Acmlm, Xkeeper, blackhole89 et al. |
