Language…
15 users online:  AmperSam, ASSATAKKU, Cristian Cardoso, DaMarioFan, Dangil, drkrdnk, Gasterus155, Giftshaven, nonamelol1,  patcdr, Rauf, reevebarusadar8, signature_steve, Sokobansolver, tOaO - Guests: 257 - Bots: 370
Users: 64,795 (2,377 active)
Latest user: mathew

Layout Request/Help/Base Code thread [read the request rules @people]

Originally posted by JackTheSpades
Originally posted by RaccoonStar24
Thank you! JackTheSpades! for Kaitou Kid Making it.#ab{:D}

I get the feeling you did not get what I just said...

Sorry to Bump for this almost Finished to Kaitou Kid Layout.#ab{:(}
Jack isn't doing your request. He hasn't claimed it or anything. All he's trying to tell you is that somebody will do your request when (or rather if) they want to. I'd do it, but the side image has terrible .jpg quality and the transparency work on it is sloppy at best tbh.

Just be patient. Nobody's forgotten your request, and constantly bothering us is the #1 way of ensuring no one will do your request.
I'm sorry the requesting a layout, again.#ab{:(}

Postbox: Transparent Sky Blue
Background: Here at Night
Side Image: Phantom Thief Kid No. 1412 on the right side of the layout
Here is Code and Quote Box Kaitou Kid Icon

Thank you.

-Tamaki2511
I have a request, and it ISN'T pony, and it never will be ever again.

Post box: Transparent light gray
Background: Nightmare Before Christmas
This on the right side of the layout
A separate signature box that is the same color as the Post box.
Yellow text
And finally The borders of the sig and post box should be purple

PM if you take me request
Originally posted by DDDchu
I have a request, and it ISN'T pony, and it never will be ever again.

Post box: Transparent light gray
Background: Nightmare Before Christmas
This on the right side of the layout
A separate signature box that is the same color as the Post box.
Yellow text
And finally The borders of the sig and post box should be purple

PM if you take me request


This request has been accepted by me via PM.
I keep thinking that I annoy the hell out of coders, but this is my behavior.

Okay here we go.
Firstly, the wallpaper changes backgrounds when the page is reloaded.
I have included a Running animated Pikachu so it looks like he is running across the background.

I also want a BLUE transcluent layout text box with round corners.
Font color, white with a shadow.
Font can be Comic sans MS, while quote and code can be Trebuchet MS.

Side Image, should already have transparency.
First BG
Second BG. This one is special. If possible, try not to include side image on this one.
3rd BG.
QUOTE ANDE CODE Images
Quote and Code.
Trying to add a side character to my layout, but so far it's not working. Here's my layout code before experimentation:

Layout Code (Don't Use In Your Own Layout Please)
In the the first div style add an ";" at the end of the background property, then add

Code
padding-right: #px;

Change "#" to whatever the width of your image is. This leaves space for the image to go. Change padding-right to padding-left is you want the image to appear at the left of your post.

Then, in the background property, add parameters for the side image before the ones for the background. It would look something like this (remove the line breaks)

Code
background: url(sideimgurl) right no-repeat,
url(http://bin.smwcentral.net/u/1055/SMWCBG.png) 
top center #000000;

Again, change right to left if you want the image to appear on the left.
Hello! Hope this won't be of too much trouble, but i'd like a layout with this background
http://fc03.deviantart.net/fs70/i/2013/222/7/7/super_smash_bros__wii_u___3ds___luigi_by_legend_tony980-d6hjy7b.png
And the lining around post content to be a SMW pipe like the one around the site's menu box. Thanks alot :)

Mod edit: Removed table stretch.
New layout by RanAS!
Hey guys, if you don't know, I'm going to try to assist here in layout coding, and I'll be even more active here as I learn more HTML and CSS. And I've already made a few layouts. But I have a quick question that will probably be answered here more quickly than on IRC. I've seen some people with random backgrounds and avatars that change when the page is reloaded. *cough*Ladida*cough* What would the code look like to do this? Also, since I've asked before in other places and haven't really gotten a straight answer, is PHP or JavaScript allowed on layout code on this site? Thanks!
JavaScript is blocked, php is allowed, it's just obviously not parsed by SMWC so you can only have it in your CSS hosted on your own server, not in your HTML.

For random files, you'll need some very simple php.
For an avatar for example you could just do this, assuming the files are all .png files and in the same directory as the php file:
example.php
<?php
$avatar = array(
'Name1',
'Name2',
[...]
'Namen'
);

header('Location: '.$avatar[mt_rand(0,count($avatar)-1)].'.png' );
?>


That'd always return a random entry from the array, so Name1.png, Name2.png etc.
You can obviously also put other paths in there, but just putting them all in the same directory strikes me as the easiest.

Same can obviously be used for CSS, but it's probably smarter to actually learn some php so you can have some more dynamics than just switching between entire CSS files.
Your layout has been removed.
in case you're lazy and want to see my poor ripoff of wye's php code:

link (direct link should work because dropbox cant php)

you essentially would load this instead of a regular css file like leod said
Okay, thanks everyone! I'm thinking of implementing random backgrounds in my 2015 layout.
If you just want a random BG, you could also try using an image randomizer. There are some online hosts who do that for you.
Anime statistic on MyAnimeList:
400 animes completed ✓
6000 episodes completed ✓
100 Days completed ✓
... what even am I doing with my life?
I can do that for you as well.
Your layout has been removed.
I got a small layout request in the form of an image.

The image.

Feel free to alter it for effectiveness, though I would prefer the small fonts text. Also the image should be at the bottom of the layout.
So, sorry but I have no idea why the small font won't work.
If anybody knows how to set it, feel free to tell me and I'll change the layout.
I've tried font-family: "small fonts"; as well as setting it via @font-face

... so anyway here is what I have.

Originally posted by Jack
Sample quote for the lulz.


Code
Even if you say you don't need it.
I made it because it was no effort :P


Sample Link




Header:

Code
<style type="text/css">@import url('http://bin.smwcentral.net/u/7869/White%2BGuy.css');
</style><div class="richnixonwhiteBG"><div class="richnixonwhitemain"> 


Footer:

Code
</div><div class="richnixonwhitefooter">SIG~</div></div>


I made the border plain doted rather than the altering one... because lazyness honestly.
If you really want the altering one, I can settup a custom border, but that one might not even work on all browsers.
I didn't want a visible border for the footer at all. Outside of that I like how it looks.
Test for readability, not sure if I like using pixel fonts like this, I tried to pick the one that's the most readable and this one seems fine.

Originally posted by Jack
I've tried font-family: "small fonts"; as well as setting it via @font-face

Uh, you have to do both.
You import the font into a font-family using @font-face (it literally adds a font face) and then specify it in the elements you want to use it in.

Code
Literally copied from Jack





Header:
Code
<style type="text/css">@import url('https://dl.dropboxusercontent.com/u/9054912/LayoutShmorky/shmorky.css');
</style><div class="shmorkyBG"><div class="shmorkybox">

Footer:
Code
</div><div class="shmorkyfoot">signature</div></div> 
By the way Losoall, you can't just take random fonts from your PC and hope they work, the one you wanted to use isn't installed on all systems and is in a terrible format that doesn't work on the web, so I had to find a different one.
You may be able to see it correctly in Jack's post, because you have it installed, but a lot of other people won't.
Thanks leod and jack. Sorry about that font problem, i'm completely fine with this one though.