Singelli :
The computer doesn't make the difference, the browser does.
Are you by any chance using Internet Explorer (or another very outdated browser) on your work computer?
If so, yea, that browser is incompatible with nearly everything about CSS3, so box-shadow, border-radius, rgba as a background colour (or really any colour, IE doesn't know what rgba is) and even the old text-shadow won't work at all.
That cat layout is pretty simple though, it really shouldn't be hard to make it compatible enough with IE to make it readable (just using a transparent image instead of rgba would do wonders already).

I am not sure why the cat picture isn't vertically centered on your netbook, since leggy never specified where it should be vertically, so every browser has to resort to its defaults, which is center in all browsers I tested.
Just slapping on center at the end of the background-position: left; should work to get it to be centered everywhere, though.

Also, the way you guys keep using float is.. bad at best.
You need to clear out the float so it doesn't run wild, which really screws stuff up (as seen here), it seems like vizzed uses a little sandbox for every layout to keep it inside the post box, though, otherwise that layout would just cut into the next post without caring about any boundaries, which is fatal.
So that means that instead of just using a

with the float, you'd do for example this as a rather hacky, but functional, fix:
HTML

THIS IS THE TEXTBOX

That, for example, would look like this:

THIS IS THE TEXTBOX




stretch test

As you can see, it doesn't run out of my post box and keeps to its place over there where it belongs.

Best viewed in:

Tell me if you find bugs in this layout.

Singelli :
The computer doesn't make the difference, the browser does.
Are you by any chance using Internet Explorer (or another very outdated browser) on your work computer?
If so, yea, that browser is incompatible with nearly everything about CSS3, so box-shadow, border-radius, rgba as a background colour (or really any colour, IE doesn't know what rgba is) and even the old text-shadow won't work at all.
That cat layout is pretty simple though, it really shouldn't be hard to make it compatible enough with IE to make it readable (just using a transparent image instead of rgba would do wonders already).

I am not sure why the cat picture isn't vertically centered on your netbook, since leggy never specified where it should be vertically, so every browser has to resort to its defaults, which is center in all browsers I tested.
Just slapping on center at the end of the background-position: left; should work to get it to be centered everywhere, though.

Also, the way you guys keep using float is.. bad at best.
You need to clear out the float so it doesn't run wild, which really screws stuff up (as seen here), it seems like vizzed uses a little sandbox for every layout to keep it inside the post box, though, otherwise that layout would just cut into the next post without caring about any boundaries, which is fatal.
So that means that instead of just using a

with the float, you'd do for example this as a rather hacky, but functional, fix:
HTML

THIS IS THE TEXTBOX

That, for example, would look like this:

THIS IS THE TEXTBOX




stretch test

As you can see, it doesn't run out of my post box and keeps to its place over there where it belongs.

leod :    Ah, I see.  This computer is using IE, yes, and I am unable to install anything, so I'm stuck with it.

The only thing about using a transparent image is that I'd have to upload one any time I wanted to use it.  Since you obviously know a lot more than I do on the subject, can you tell me why it would be a better option?  I know very little about coding and taught myself some sloppy basics last night when I couldn't sleep.

As for slapping center on the end of it, do you mean like this: background-position: left center, or do I need any punctuation between the two words?  I've never seen two declarations next to each other before (keep in mind I've only been studying the CSS coding for one night... LOL)

The image of the post you provided (of the cat layout) looks different both here on my work computer, and at home on my net book.  (Also, the text box stretched past vizzed's posting borders, and yet it didn't on either of the computers I've used..) LOL  It seems as though I'm going to have a lot of trouble getting it to look as I want it to, with my current availabe computers.  That's a bit discouraging. 

You should charge people to teach them some basic CSS for coding layouts.  I know I'd pay a pretty penny for it.  (viz, of course.  )  You seem very knowledgable about it, and your post was extremely helpful.

I'll take your advice and play around with my layouts when I get home.  Thank you very much.

Singelli :
(If some parts of this post don't look right in IE, you have another reason to use a different browser, at least where available!)
No problem and thank you!
About transparent images, their only property making them a (much) better option is just that IE doesn't display rgba at all, while images are generally reliable and all look the same in all browsers.

Look at these two boxes with your work computer, the left one uses a semi-transparent black image (don't worry about the strange image url), the right one uses rgba with the same values:




That is correct, and yes, using multiple declarations like that is really quite normal.
In fact, by using shorthands (and omitting code that the browser uses by default), one could shorten the whole background's code to something like this (old on left, new on right):

Looks quite a bit shorter, doesn't it?
I'd like to think that the colour coding makes it easy enough to study what I did there, but if you have any questions, feel free to ask.


But why charge people for information that is freely available on the internet?
I'm not a fan of that way of thinking, if somebody needs help and I feel up to helping, I'll just do so for free, as long as it's just help and not outright making the whole thing for people at least.

leod : Ah yes, I can see what you mean quite nicely.  It's probably worth the effort of uploading shaded figures then, I suppose.  I guess I could just create my own using PowerPoint, Paint, Word, or whatever program gives me what I want most sufficiently.  My posts with custom layouts would look much nicer than they currently do.  (Not that they're impressive... LOL)

And I'm very familiar with color - coding things, so I had no problem at all deciphering your two codes.  (It's a technique I use in my classroom all the time to make long problems easier to follow.)

I noticed, as I was creating my codes, that MUCH of it seemed unnecessary, but I wasn't comfortable enough with taking it out because I wasn't certain if the code was just doing something I wasn't aware of.  When I get home, I'm going to shorten the code as I originally wanted to.  Would it inconvenience you if I send that version to you for comments on what I could improve or do better?

And I know it's free on the net, but I haven't found any tutorials that describe it as well as you do.  Besides that, I'm awful at internet research.  I don't know what it is about me and searching the web, but I tend to be a failure at it.  LOL

Singelli :
I'd recommend GIMP for anything like this, but a quick google search reveals, that there actually are rather easy to use, quick generators for transparent pngs, best one I could find so far was the one by DisasterMan.

And no, go ahead and send me your codes, I don't have much to do half of the time anyway!

BNuge : Do you think that my layout would work with removing just one Pokémon? Would it work without Rayquaza do you think? I wanted to get everyone on there that I could, but if Rayquaza is the only one I have to get rid of, I'll make it like that.

In all honesty, I am very proud of this layout.

I made it myself with all my restricted member abilities.

Considering I didn't have access to the advanced layout editor, I think I did a pretty good job.

Lots of haters fans were saying this is much better than my previous work

Lazlo Falconi :

I believe they're accessible if you preview the post, but other than that it won't work. That's how it was when I was Elite.


patar4097 :

Multi colored Pokémon on top of any background won't work. Using too many colors without any translucent box or something like that over it won't work.


Xenthou :

It's nice, but (not to sound like a broken record) there are too many colors in the background. Can you find a better middle picture?

BluemageKyle :

I suppose it works, but I still have one issue with it. This is the internet. Putting Made by BluemageKyle would be fine, but I feel like putting your full name instead of your username shouldn't be done. It's just common sense to not post your full name all over the internet especially considering your age.

BNuge : How does it look now, better?

OK, trying out a new one this time. It should work, but I might need to do something, but let's see.


Testing 1, 2, 3.



























Stretch by BNuge just to see where the post box ends and the sig begins.

bombchu link :

Very nice. I also like the userpic you have. Nice compilation of Zelda stuff

Got another one. It should work well also. Do you think that the color will still work going over Toad? Or will I have to change the color a bit?

BNuge : Thanks, But I will need some help/suggestions for this one. . . It looks terrible ):

Testing another one. I might always have to start on the second line with this one though. It might blend in with the top platforms. I think it should be fine, as long as the posts I use with this layout aren't too long. I'm making this one kind of long, just to try it out.

patar4097 : I like your first one here, it's really a great, simple layout. The New Super Mario Bros one... It's alright, but I think it might be hard to read with long posts. But I don't think Toad will be any issue.


But that last one has got to change. Try making the text white instead of blue.


bombchu link : The only suggestion I have is to not use that as a background image. It's too bright with that black background. If you want to use the Master Quest logo, try overlaying it on a brighter image so you can use dark text.

Lazlo Falconi : Yeah, on the last one, I thought I added enough padding for the text to be under the top platform, but it somehow didn't save that way. Trying it again now.

bombchu link :

It's nice, but the box and the font should never be the same color (at least not in my experience). Black font might work, but given that a lot of the layout colors are dark, it would probably look a lot better if the box was dark and the font was white.