Language…
8 users online: Firstnamebutt, Golden Yoshi, Isikoro, krizeth, monkey03297,  Nanako, qantuum,  Ringo - Guests: 248 - Bots: 290
Users: 64,795 (2,376 active)
Latest user: mathew

The new Layout Request and Help thread (READ RULES)

Link Thread Closed
Originally posted by Weeabuu
That's some tight shit dude, looking real good. Thanks a lot! Shall I rehost something or is it alright in your hands? If you could perhaps enlarge the font a little bit though, that'd be nice.

No need to rehost anything, the layout doesn't actually take up that much filebin space and I named every file properly this time.

Also bumped up the font size a bit, might require a force reload depending on how your browser cached the css.
Okay cool, thanks again. :D
Finished it, anon.
Tell me what you think or if there's anything to fix.

Sample Quote
@ Michael : playo

Sample Code
background: url('http://goo.gl/HT7Oo')
bottom right no-repeat #D6CACF;


Link.
Signature test. ababababababababaababababababababa abababababaababababababbabbabababa.
--------------------
I like big butts and I cannot lie.


Code:

Header:
<style type="text/css">@import url('http://goo.gl/GTvhL')</style><div class="anonbg"><div class="anontree"><div class="anonimg"><center>[img]http://goo.gl/3cv73[/img]</center><div class="anongen anonpost">

Footer:
</div><div class="anongen anonsig"> * REPLACE WITH SIGNATURE * </div></div><img src="http://goo.gl/UEi7a"></div></div>
Looks great max, thanks!
I do pixels sometimes
Saa, I'm going to post the layout request again.

Font:
Trebuchet MS

Signature box with this BG color
Post box with same BG color as signature box.
Background: This.
Picture at right-bottom of layout: Char's Z'Gok. Also make the background in this picture transparent.
Hi there.

I would like the layout to be based around This image. I would also like the colors to fit with the colors of said picture, with the Font set to Georgia.

I haven't really done this layout requesting thing before, so if i did anything wrong please let me know.
Later.
Here you go, ShadowFire, I hope you like it. Feel free to rehost it, and be sure to point out any errors you find.


Originally posted by Sample Quote
Quote


Code
Code


Sample Post
Sample Link

--------------------------
Signature

Header:
<style type="text/css">@import url('http://media.smwcentral.net/Hadron/layout/shadowfire/shadowfire.css');</style><div class="shadowfire0"><div class="shadowfire1">

Footer:
<br>--------------------------
SIG GOES HERE</div></div>
Oh my god i love it. thank you so much!
Later.
Hello everyone...

I want a layout with this image as background, and I think the layout can be based in this image, also, I want a signature field like anonimato's layout if possible.

Credit will be given, sure :)
So I might have gotten bored and kinda ignored parts of your request because I wanted to try something completely different...

So anyway, here's an example layout which follows parts of your request. If you don't want it you don't have to take it :P (but if you do, there's no need to give credit).

Header:
Code
<style type="text/css">@import url('http://bin.smwcentral.net/u/5544/shadowphoenix.css');</style><div class="shph"><div class="shph-t"></div><div class="shph-b"></div><div class="shph-p">


Footer:
Code
</div><div class="shph-f">This is where you'd place your footer</div></div>


Originally posted by DaxterSpeed
on smaller screens it scales down so it doesn't use too much space

^ this is true for this layout as well
This is an example footer
Sorry Dax, but I need to give credit to you ;)

Also, awesome Phoenix on the side
Hi !
I hope I'm doing everything correctly with my request...

I would like to have a layout like this: http://bin.smwcentral.net/u/22049/hintergrund2.png
A little uhm... box at the bottom (under the black box for the text) as a footer would be great.

And here I have the background (without the black box on the left): http://bin.smwcentral.net/u/22049/hintergrund3.png

Font: Lucida Sans, please. In a neon greenish with the size in a range of 10-13. Hm...quoting and codes maybe more in a brighter style (maybe a bit yellowish ?)

Maybe it's an easy work...in this case I'm sorry for requesting it. Of course will I give credit in the footer. :)
Seeing as my layout request wasn't fulfilled. I've ask again for the chance.

I want a layout with this image as background. A signature box similar to what Shadowfire's layout. And trebuchet MS font.
So, here's an oddity that I somehow managed to get myself into.

When I had managed to recreate The Secret Exit's layout, I had managed to catch a small hitch in how the code boxes and quote boxes are handled within each other. At the moment, if you hover over the outer quote box when there is quote/code box within the original div, only the color of the text will change it's style to it's hover class, while the box does not. Example.

Would anyone happen to have a remedy to this problem, or an idea of as to why only one selector is being changed rather than the all of the selectors (mainly the background colour)? It fixes itself if you hover the inner most quote/code, but I'd rather have a permanent fix if you hover anywhere in the code/quote.
AnimeList | MangaList
Originally posted by E-Man
Would anyone happen to have a remedy to this problem, or an idea of as to why only one selector is being changed rather than the all of the selectors (mainly the background colour)? It fixes itself if you hover the inner most quote/code, but I'd rather have a permanent fix if you hover anywhere in the code/quote.

Well there's a lot of things going wrong here, beyond the whole effect being completely pointless and actually removing readability (it has kind of become a standard on smwc to hover slightly hard to read quote/code boxes to add a bit of contrast to them), your css is just set up in a bad an unorganized way. I can't say that I always keeps my css ultra-organized, but yours is just set up badly.
It's kind of clear that you're not into standards and overall readability, as the anchors statements are at the bottom of the css file and you completely ignore a:link, a:visited and a:active (yes, this is just whining, but you're doing it wrong). It's also clear that you had no idea how to set up the actual hover effect, as hover statements are set up everywhere and you abuse the inherit color whenever given the option.

What I'm trying to say is that you've created soup out of your css, when you should have just tried to solve the problem from a completely different perspective. I'm also not sure if I'm okay with you not being able to solve this technically simple problem yourself.

But anyway, I've written an example below showing of a much more sane solution to this design. It lacks the direct child selector [>] (because it's inline), which in turn creates a few problems, but those are unrelated to the solution I'm displaying.

Originally posted by test
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Code
Lorem ipsum etc.
That most certainly answers my question and at the same time gives me insight into other areas of what I can improve for organizational standards. You are correct in stating that I am not exactly for keeping and maintaining standards (which I somehow managed to forget). Reflecting on the overall structure and organization of the file it showed that there was a very poor level of readability and organization, and it does not help matters when trying to convey a specific problem. Especially a problem that can be so easily fixed.

Thank you dax for answering my question, and addressing other problems that I can remedy in the future.

Granted, and I know I can't use this as an excuse, but this has actually been the first time that someone has directly mentioned of as to how poor my organizational skills are in regards to CSS organization and upkeep. All the better that I learn this now rather than many years down the road.
AnimeList | MangaList
I'm having a little trouble getting my layout to look right. I want the image of Luigi to be above the post box, but even though the image has a higher z-index, it still won't go above the post box. Any ideas how to fix this?
Originally posted by Luigi-San
I'm having a little trouble getting my layout to look right. I want the image of Luigi to be above the post box, but even though the image has a higher z-index, it still won't go above the post box. Any ideas how to fix this?

A child element will always create a new stacking context above the parents stacking context, despite z-index. The image will have to placed inside of the postbox (makes it pretty easy to position, just set position: relative; on the postbox and position the image absolutely with like, top: 0; left: -100px) or on the same level as the postbox.

[EDIT] I didn't really like the cropping and editing you did to that image of Luigi, so I re-cropped it Archive of your size, 2x and 4x. Since you're going with a black background, I didn't change the background to the left of the "wall Luigi is holding".
[EDIT 2: Electric Boogaloo] Also re-cropped the logo to include the mansion.
Hi. I wish to have a riolu(POKEMON) layout. Ive tried before, but as you see, i suck at making layouts. My bg is in my file bin, . My font can be Comic Sans MS. I want it to also have a rectangular text box with rounded corners. You can also put made by..... . Thank you. Plus you can PM me with the code. Thanks!

EDIT: You may make the text black and text box transparent d. blue.
Since it seems this thread became a claiming system :P , I'm taking UltraMario's. I'll PM you once I get it done. :)

(Are you sure you want Comic Sans MS?)
It's easily the best thing I've done
So why the empty numb?
Link Thread Closed