Language…
17 users online:  AmperSam, asterkafton,  Donut, dotCoockie, Fiblizo, Golden Yoshi, Guido_Keller, itsmefigs, JezJitzu, LightAligns, Maw, playagmes169, Serena, signature_steve,  Telinc1, timothy726, tOaO - Guests: 253 - Bots: 373
Users: 64,795 (2,377 active)
Latest user: mathew

The new Layout Request and Help thread (READ RULES)

Link Thread Closed
Well Mini_Coin, I have begun work on your layout. However, I have some bad news. The image that you gave for a text box isn't going to turn out absolutely perfectly. It would be impossible to make it stretch to fit text and still look good on the sides/top/bottom at the same time. I can do it, but it won't be pixel perfect. It's up to you.
Your layout has been removed.
Why would you stretch the image, just make the sides repeat and use a little bit of magic to make the connection between the tiling parts and the corners smooth.
Really shouldn't be hard at all, but pixel perfect is pretty much impossible yeah, but who cares about that :V
Your layout has been removed.
That's what I meant, the repeat wouldn't look just right. But yeah I'm going to go ahead and do it.

EDIT: Hey leod, would you help me with one thing? I'm having an issue with the box see, it has the repeating background peeking out from the edges because of the transparency. Do you know a way to fix that? Other than that, it's finished. Setup.
Sample link.
Quote
Sample quote
Code
Sample code
Assuming the box with the repeating background is a separate div, you can try and give it margins equal to the width of the border edge images. Though that'll only work if it's the last child (none of the other edge divs are inside of it)

In this case there's a problem with this, since the bottom left edge includes the Bowser image. You'll have to separate Bowser and make it a normal corner, so that he won't get covered, and then place him in the last div rather than the repeating background. A bit complicated, but it should work :>
Well since I am about to go to bed I gave it a quick try with no success, but I did separate out Bowser into his own <div> to make it easier on myself when I do a real fix tomorrow. Thanks for the tip though Ladida, it should work if I can figure out all this haha xP

EDIT: Okay! I got it! (Layout removed from previous to prevent redundancy/confusion.)
Sample link.
Quote
Sample quote
Code
Sample code
Setup again.
Signature.
Thanks for the layout tmercswims, it's awesome!
Except that the other edges/corners aren't transparent....
Also, could you keep the code/quote images animated?
Yeah, the corners are a problem because the repeating side is under the corner image itself, which has transparency and the side extends under the corner. I will see if I can fix it, so if your layout screws up then don't worry.

If I manage a fix I will PM you a new setup :)

Also if anyone else (coughleodladidacough) has an idea, I'd love it!
Your layout has been removed.
I would like this as my background image.

I would like this as my side image.

I couldn't find anything that'd work, so I would like this as the text box outline.

I'd like the font to be black and Time New Romans font.

I'd like this to be my quote image.

And finally, I'd like this to be my code image.

Oh and yeah, I'll give credit in my sig.

Thanks in advance!
Originally posted by tmercswims
Yeah, the corners are a problem because the repeating side is under the corner image itself, which has transparency and the side extends under the corner. I will see if I can fix it, so if your layout screws up then don't worry.

If I manage a fix I will PM you a new setup :)

Also if anyone else (coughleodladidacough) has an idea, I'd love it!

Divs are a fsck for stuff like this; you can always try using a table instead. The only way I can see this being fixed is by perhaps setting border-radius on the edge divs so that it cuts off at the corners and thus doesn't peek through. That will affect any div below it, however.
Originally posted by Mini_Coin
Also, could you keep the code/quote images animated?

I actually feel like they look much better without animating, it makes it look much more like a letter, and less like a post layout, which is a good thing in this case.
You may also want to remove any line breaks in your header, because there's a horrendous amount of space at the top of your posts that isn't there in tmerc's preview.

Also, tmerc, just do the radius thing, I would do it for you but I'm just so terribly lazy that I'll leave you in the hands of our beloved Ladida who only earned half the amount of votes for best layout.

Your layout has been removed.
Originally posted by Mr.Man
I would like this as my background image.

I would like this as my side image.

I couldn't find anything that'd work, so I would like this as the text box outline.

I'd like the font to be black and Time New Romans font.

I'd like this to be my quote image.

And finally, I'd like this to be my code image.

Oh and yeah, I'll give credit in my sig.

Thanks in advance!


Here you go. Quote for the code.

Code
Sample code


Sig goes here.
It looks great! Thanks a bunch!

It turned out exactly how I wanted it. #w{=D}
Steam: controversialbread
2nd is the best, leod!

The background might still peek through the corners, but at least it's less noticeable. If you really have to hide it, just adjust the border radii

Sample link.
Quote
Sample quote
Code
Sample code


Was too lazy to put everything in a .css, sorry :<
Signature.
Thanks Ladida, I added it to the .css file :)
Your layout has been removed.
I Want to use this as a layout, but i'm wondering if it's possible to have the image stretch to the borders rather then have it practically tile on the side or having the rest be a color.

And if anyone thinks this Sonic CD layout could be improved upon, i would like to add more to it. Thanks if anyone can help.

The Full Image

Also, i may cut the top part of the image to have the Lower part (The part where you can actually see sonic) visible.
There's a CSS3 property called background-size that'll do that for you. Just put it after your background property:

background: url(http://i191.photobucket.com/albums/z264/l0s0all/s.jpg) top left no-repeat; background-size: 100%;

It won't work in all browsers though (according to w3schools, it works in IE9+, Firefox 4+, Opera, Chrome, and Safari 5+).
I'm going to be a layout whore and change it again.

I am requesting a layout with this image repeating horizontally across the top of my post and this image repeating horizontally across the bottom. I'd like this as the background (it's not just a solid fill by the way) repeating horizontally and vertically and this in my quote boxes.

I'd like my quote boxes to be lime green with rounded edges (1px thick).

No box for post.

Font, Franklin Gothic Book, white, 12pt.

Thanks in advance!
SMWC's official dentist since 2011.

YouTube - Threads - Bluesky

Here you go, MVS. It's my first attempt at fulfilling a layout request, so forgive me if there are any mistakes.

Originally posted by Sample Quote
Sample Quote

Code
Sample Code


Quote me for the setup code. If anything bothers you, feel free to mention it. Hope you like it.
Originally posted by Hadron
Lumine Hall goodness

Wow. Thanks Hadron! No complaints here! It looks really nice! Good job!
SMWC's official dentist since 2011.

YouTube - Threads - Bluesky
Does anyone know if it's possible to switch backgrounds part way through a div? I essentially want to create an effect similar to this:



I can't seem to find a way to pull it off, though. It's not really necessary for what I'm trying to do, but it would be a nice touch.
I should get a new layout.

Probably won't, though.
Link Thread Closed