| The new Layout Request and Help thread (READ RULES) |
|
Forum Index - Hobbies - Computers & Technology - The new Layout Request and Help thread (READ RULES) |
|
|
|
|
| Posted on 2012-01-03 02:25:23 AM |
Link |
|
Originally posted by KipernalDoes 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.
Depends on what you really want to do, if you want to switch background mid-way, it's kinda problematic, but if you got a top background and then a general background you could have behind that, you can state more than one background like:
Codebackground: url('top.png') left top repeat-x, url('general.png') left 20px repeat;
This classifies as css3 though, and will probably break in a few browsers (ie8 and below really).
|
|
| Posted on 2012-01-03 05:51:36 AM |
Link |
|
|
I actually have a top, bottom, and two middles (hence the need to switch part way), so like you said, that won't work. If it's not possible to do, though, I can work around it; it's just a minor decorative thing.
|
|
| Posted on 2012-01-03 09:03:48 AM |
Link |
|
I think I have a solution for that though, it's probably very easy if you use positions (and understand how they work).
HTML setup:Code<div class="base">
<div class="switch"></div>
<div class="top">
<div class="bottom">
<div class="textbox">test</div>
</div>
</div>
</div>
CSS code:Codediv.base {
background: url('middlebottom.png') left top repeat;
position: relative; z-index: 1;
}
div.switch {
background: url('middletop.png') left top repeat;
position: absolute; left: 0px; top: 0px; z-index: 2;
width: 100%; height: 50%;
}
div.top {
background: url('top.png') left top repeat-x;
position: relative; z-index: 3;
}
div.bottom {
background: url('bottom.png') left bottom repeat-x;
}
div.textbox {padding: 10px; min-height: 220px;}
This code is really basic, so it'll work in most browsers (probably even IE7, but don't quote me on that).
If something acts odd, or if there's something else you'd like to know, tell me.
|
| Last edited on 2012-01-03 09:17:02 AM by dax. |
|
| Posted on 2012-01-04 02:04:51 AM |
Link |
|
I can't believe I didn't think of using z-index. That's just...amazing of me. Thank you.
I have another issue, though. Take a look at this:
There are three segments to the top portion of the book, but I can't get the middle portion to work right (i.e. not be visible from the left and right edges) no matter what I try. Using margins or padding I can shift it over to the right, but attempting to shift to the left never works. And I can't just set the width because it would have to be something like 100% - 200px. So yeah, I'm stumped here. Any suggestions?
|
|
| Posted on 2012-01-04 02:57:46 AM |
Link |
|
Originally posted by KipernalAnd I can't just set the width because it would have to be something like 100% - 200px.
Actually, you can.
(It looks like it doesn't work in all browsers, but you decide if you want to care.)
Edit: Added a fallback for IE8. Shouldn't affect up-to-date browsers.
|
| Last edited on 2012-01-04 03:06:26 AM by Alcaro. |
|
| Posted on 2012-01-04 04:37:12 AM |
Link |
|
Originally posted by AlcaroActually, you can.
...
(It looks like it doesn't work in all browsers, but you decide if you want to care.)
Edit: Added a fallback for IE8. Shouldn't affect up-to-date browsers.
I new about calc, but I don't want to use it because it's not compatible with Chrome (despite what the Mozilla Developer Network says, -webkit-calc doesn't work), and a large number of people here use that browser. Thanks, though.
|
| Last edited on 2012-01-04 04:37:55 AM by Kipernal. |
|
| Posted on 2012-01-04 04:52:03 AM |
Link |
|
Huh. Weird. I thought the entire point of Webkit was supporting the latest web standards.
Whatever, let's use a slightly older set of standards then.
(currently testing in Webkit and Trident)
Edit: Test passed. Looks fine in both IE8 and Chrome 16.
|
| Last edited on 2012-01-04 04:52:58 AM by Alcaro. |
|
| Posted on 2012-01-04 06:05:58 AM |
Link |
|
Originally posted by AlcaroHuh. Weird. I thought the entire point of Webkit was supporting the latest web standards.
Whatever, let's use a slightly older set of standards then.
...
Edit: Test passed. Looks fine in both IE8 and Chrome 16.
Awesome. Thank you!
|
|
| Posted on 2012-01-09 06:43:53 PM |
Link |
|
Could someone create a layout for me using this as a background? (Or is it too big?)
But anywho, could I use Maiandra GD? It's a Windows 2007(?) and 2011 font, so I don't know if it'll work with other people who don't have the font; but I used to use an array of wacky fonts in another forum yet no one ever said if it looks weird or the same; they see the font without the font downloaded. But I may be wrong...
|
|
| Posted on 2012-01-17 10:37:43 AM |
Link |
|
I want a new layout very similar to my actual layout. Simply, this as bg, this as side image, font Century schoolbook. Thanks!
PM me when you done!
Credit will be given in my footer!
|
| Last edited on 2012-01-17 10:41:55 AM by Silver Scarlet. |
|
| Posted on 2012-01-17 10:42:31 AM |
Link |
|
|
Why can't you use a layout base code for that?
|
|
| Posted on 2012-01-17 11:32:47 AM |
Link |
|
Originally posted by marioVSshadowWhy can't you use a layout base code for that?
Because I don't know what to do. I saw the balrog layout generator, but I don't know how to put the side image.
|
|
| Posted on 2012-01-17 12:51:12 PM |
Link |
|
|
There's a base layout sticky in this very section. A side image base is at the bottom of the first page. You literally just have to put in URLs you want where it tells you to and you're good to go.
|
|
| Posted on 2012-01-17 09:15:20 PM |
Link |
|
Got a request that's probably going to be irritating, coming from a computer-wise talentless monkey like myself, but...
I was hoping for this kind of a layout: Simple solid black border, the inner bit a soft fire red gradient (not eye-searingly bright, but a gradual red-orange resembling fire). I've uploaded two pictures (the ones with ridiculously long names) that should be in the layout on either side. Whether you keep the picture backgrounds or not is up to you, depending on how much you feel like doing.
That's all from me. Have a good day!
~Artemis
EDIT: Forgot the text. That's up to you, though I would prefer it to look metallic silver or metallic azure.
|
| Last edited on 2012-01-17 09:16:18 PM by Artemiscat55. |
|
| Posted on 2012-01-17 09:51:12 PM |
Link |
|
And while we're in the requesting side of things, I'd like the main box of my current layout, but with a twist!
No style sheets. Just the divs and the tags inside them.
Bonus points if you get the inventory box.
EDIT: Did it myself. Looks perfect on the forum I need it on.
|
| Last edited on 2012-01-17 10:15:50 PM by Giga. |
|
| Posted on 2012-01-19 01:08:44 PM |
Link |
|
I have a request myself.
Giygas theme, I want his second form to appear somewhere, with his "fetus" form in the background. As for text color, I don't care as long as it's easy to read.
That's about it. If you want more details, just PM me.
|
|
| Posted on 2012-01-19 10:40:28 PM |
Link |
|
Originally posted by TylorGoldenYoshiI have a request myself.
Giygas theme, I want his second form to appear somewhere, with his "fetus" form in the background. As for text color, I don't care as long as it's easy to read.
That's about it. If you want more details, just PM me. You need to provide all images that will be used in the layout. Layout coders are not image hunters. That part is your job.
Also, you may want to make your request a little more specific, even if you has provided images "appear somewhere" is a little vague.
|
|
| Posted on 2012-01-20 02:24:15 PM |
Link |
|
|
Made the layout myself, ignore this.
|
| Last edited on 2012-01-25 08:44:18 PM by sleepy. |
|
| Posted on 2012-01-21 08:19:42 PM |
Link |
|
|
Uh... Hi! I would like a post background themed as The Legend Of Zelda Skyward Sword. ANd make it a bit like tmercswims's... with like like on each side. Can you do it? Make the background any color you can. Or a pattern, maybe like a brown.
|
|
| Posted on 2012-01-21 09:42:19 PM |
Link |
|
|
I don't think anyone will be able to make it for you without a picture, such as this.
|
|
|
|
|
|
|
Forum Index - Hobbies - Computers & Technology - The new Layout Request and Help thread (READ RULES) |
