Just random CSS for you

December 21, 2010 - 6:46pm — Unplugged

I really have no use for this, but it's done and I like it.
8[
Well idk, if anybody wants to use this (or wants to try and edit something in this hell of a code), or ask me about a specific part from this (like the right-aligned sidebar or something)...

I'll probably just put this back in my pocket though. The coding isn't very user-friendly and the layout too specific to be used in multiple ways.

~highlights lol~
right-aligned sidebar
it's possible to put the sidebar to the right and move it anywhere you wish

resized logo
smaller and less in-your-face

text-selection colour
free pinecones if you noticed, selecting a text doesn't give you a boring grey background anymore! (unless you use IE, that is)

Here comes the part for **~~`~*´~*ME*~`*~´~~** because I'm **~~`~*´~*LEARNING*~`*~´~~**
x cross-browser in theory, not tested
x no loss at multiple resolutions
x CSS3 might not work everywhere
x lag/longer loading time due to massive amount of CSS
x header links don't work due to being covered by logo
x ^ breadcrumb links, partly
x preview won't work, related to leaf hiding???
BLEMISHES
x more space from left side
x edit/reply button size changes at hover
x colours on some small unimportant stuff

Miscellaneous

Unplugged's blog
Login to post comments

December 21, 2010 - 6:50pm — .

*hyperventilates and

*hyperventilates and dies*

Oh my gosh I never thought of a right aligned sidebar...this is so awesome.

December 21, 2010 - 6:54pm — Selruil

O: Wow, this is pretty neat

_{O:

Wow, this is pretty neat in all honesty. <3 I love the transparency. A lot. And the use of colors is really nice. :3}

—

December 21, 2010 - 6:57pm — Kittyo8

This is pretty neat. *pokes

This is pretty neat.
*pokes the sidebar*

~Wonders if it could be placed below comments...

—

December 21, 2010 - 6:59pm — .

Or in the center? If a box

Or in the center? If a box could be placed on each side of it then, oh my lord that'd be awesome. But Idk if that's possible.

Unplugged, do you mind if I make a testing blog to try this code out?

December 21, 2010 - 7:06pm — Unplugged

You know that centered

You know that centered sidebar idea doesn't even sound so impossible, not sure if sidebar below comments could be executed though.
And sure jala do whatever you want with this, that's why I put it up. :) The sidebar related codes are only in the first css 'batch' - anything in "#wrapper #container .sidebar {cssstuff}".

Anddd thank you guys for your interest.

December 21, 2010 - 7:09pm — .

Thanks very much

Thanks very much <3.
A centered sidebar really would be interesting though...cool to look at too, I bet. Reminds me of how newspapers are printed out.

/makes the blog

December 21, 2010 - 7:19pm — Verycrazygirl

Woah, this is soo cool!

—

[center]

December 21, 2010 - 9:13pm — Seele

Ohgod awesomesauce. You even

Ohgod awesomesauce. You even resized the TEF banner.. So awesome.. Can I lick this?..

—

December 21, 2010 - 9:39pm — Unplugged

Haha yeahh it's a bit like an

Haha yeahh it's a bit like an overall smaller version of the Community site :B
I just noticed a flaw in this-- the top links (('Game info' etc)) don't work so don't mind me updating this maybe.
Also does text size look alright on everyone's screen? It's small and I don't know if that makes any visible difference for some.

December 21, 2010 - 10:29pm — EternalWanderer

This is amazing :'D But in my

This is amazing :'D But in my screen there is a huge empty space in the right hand side, the sidebars are nearly in the center of it xD Is that meant to happen?

I love the opacity gradient of the border and the placement and size of the logo, if you don't mind asking here where's the code for that?

[e]: But something strange happens when I press preview. The text doesn't appear in the «preview comment» box. Is that also predicted?

December 21, 2010 - 10:53pm — Unplugged

Could you screenshot that for

Could you screenshot that for me? I actually made this layout so it would look right on every screen size. :s But yes, all text is on the left and the sidebar is next to it, basically on the center of the page. There is about the same amount of space on the right though.

The logo: img#logo{height:50px;}
And the blurry border:

#wrapper #container #center .right-corner .left-corner{-moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);}

Welll it looks a bit confusing but pay no attention to anything besides the 255s here, that's your RGB-colour value. You know when you use some art program to pick a colour, you get those three numbers for Red, Green and Blue. So the first number is R, the second G and the third B. I got them all up on 255 so I have a white glow, if they're all on zero it'll be black. Also make sure that both of those rgbs here are the same (one works for one browser, the other for another)

And yes I I'm also having that preview issue on another blog of mine so I think I know what causes it but I don't know why. xD Thanks for pointing that out, I didn't catch it here.

December 21, 2010 - 11:06pm — EternalWanderer

It matches your description

It matches your description :)
Thank-you very much, I'll try to figure it out&hearts

December 21, 2010 - 11:10pm — Reyy

fuck yeah

December 21, 2010 - 11:28pm — EternalWanderer

...I know I'm doing a stupid

...I know I'm doing a stupid mistake, I just don't know where D:

#wrapper #container #center .right-corner .left-corner{background:#254b4b;-moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);}

^This doesn't seem to work. Should I remove background:#254b4b;? It just defaults the wrapper color.

December 21, 2010 - 11:33pm — Unplugged

Tested it, works for me. :x

Tested it, works for me. :x Check your code? Forgot a bracket? Put something at the wrong place?

December 21, 2010 - 11:44pm — EternalWanderer

This is where it is inserted,

This is where it is inserted, maybe that's the problem:

*/#tabs-wrapper{border-bottom:none;}#wrapper #container #center .right-corner .left-corner{background:#254b4b;-moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);}ul.pager {color:#565656}ul.pager a{color:#7D3E3E}ul.pager a:hover{color:#00ffff}.comment{border:none;}tr.even, .comment.even{background:#bfbcc0;font-color:black}.comment.odd, tr.odd, tr.info{background:#ffffff;font-color:#BABABA}

December 21, 2010 - 11:59pm — Unplugged

I don't know, it still works

I don't know, it still works for me. xD

December 22, 2010 - 1:01am — Iaurdagnire

This CSS cripples my firefox

This CSS cripples my firefox 8D jolting scroll of doom ):
I do like the tiny header though heehee.

December 22, 2010 - 2:45am — Munkel

Tried out some of it

Tried out some of it ♥
I always love your CSS experiments~

December 22, 2010 - 1:20pm — Unplugged

Yeah I noticed it slows down

Yeah I noticed it slows down mine too. xD

...says the person who absolutely HATES it when pages are so cluttered that they start lagging.

Someone has a use for this! Awesome Munkel, you're amazing. ★★★

December 22, 2010 - 5:49pm — Munkel

Fff you're amazing with your

Fff you're amazing with your CSS-skills, I learned a lot with your blogs ♥

December 22, 2010 - 6:26pm — 22Bamboo

I love you.

December 24, 2010 - 4:35am — Apparanza

You're a genius. Just

You're a genius. Just flat-out genius.
DON'Y YOU DARE DENY IT, EITHER.
♥

—

By Leuvr ♥

December 25, 2010 - 6:38pm — 3linmaya

Thank you soo much

Thank you soo much <3

December 25, 2010 - 8:34pm — TheSnalf

(No subject)

<3 thank you

—

December 26, 2010 - 12:04am — Unplugged

Nothing to thank for. xD

Nothing to thank for. xD Thank /YOU/ all for the support!

December 27, 2010 - 7:46pm — Solaya

AW, thank you

AW, thank you <3

—

Avatar by Awentia, signature by Wildflowerdeer

December 28, 2010 - 5:02pm — Butterbrot

First of all i wanna thank

First of all i wanna thank you, this is great ^__^
Iam experimenting with your code so i have a question:
the code for the little reply button is this right = .comment div.links{background:#402a01;} ?
But if i change the colorinfo it does not work for meh? Still is brown.
or in other words - how do i change the reply button-color

—

December 28, 2010 - 5:15pm — Unplugged

It works for me. Are you sure

It works for me. Are you sure your color hex is right? All six numbers? Didn't forget the #?
What browser are you using?
Alternately try putting "!important" after the colour.

December 28, 2010 - 6:24pm — .

I wanted to come back and say

I wanted to come back and say thanks again for this css. I usually just go "I give up, I'll use this," or something when I mess with css for too long. Getting the result I got on my deer's bio made me truly proud of my outcome for the first time.

Thanks again... c:

December 28, 2010 - 11:51pm — Butterbrot

ilu and you know it!!! Thank

ilu and you know it!!!
Thank you!
"!important" it is

—

December 28, 2010 - 11:53pm — Unplugged

!important solves a lot of

!important solves a lot of things.

Can you still tell me what browser you had that issue in? It helps me to improve the CSS and make it work for everyone.

December 29, 2010 - 12:04am — Butterbrot

i was just about editing the

i was just about editing the post, cause i realized i forgot to tell you:
I got Opera!
And in this case i also want to tell you that css just slows Mozilla down, in Opera, no problem.
I also realized that some codes are differently pictured in Firefox.
In Opera everything works fine.

—

January 6, 2011 - 11:18pm — MickKreiger

A note on the CSS3

A note on the CSS3 stuff...

They're adding that to the next IE, so like it will be compatible there eventually...though I don't think any of the ones before have compatibilty for it, though I might be wrong.

—

--Mick--

January 6, 2011 - 11:31pm — Unplugged

The current IE Versions don't

The current IE Versions don't support CSS3, that's right. I also read they'll be catching up in the next version, but there still won't be "full" compatibility as far as I know. IE is behind in a lot of other things as well, other browsers are far more comfortable in my opinion.

January 6, 2011 - 11:53pm — MickKreiger

Hahaha, I like them...I have

Hahaha, I like them...I have like the Public Beta of 9 and I like it -shrugs-

—

--Mick--

January 7, 2011 - 12:51am — Skatmat

This is so so delicious...

This is so so delicious... Thank you, I'm gonna have fun with it. (:

—

January 7, 2011 - 1:23am — Unplugged

*high-fives for calling

*high-fives for calling layouts delicious*

January 8, 2011 - 7:12pm — Pretzil

Ohmygawdthankyou-raep-

—

January 10, 2011 - 10:02pm — Snowsauria

Anyone knows what I'm doing

Anyone knows what I'm doing wrong when it suddenly looks like this? ( Large screenshot warning. ) >.> It happened now when I updated Illrose's relationships, and when I click Artwork, this is what comes up, half of her relationships page, and half of her artwork page. x)

—

January 11, 2011 - 12:51am — Unplugged

I can't really tell what

I can't really tell what could cause this. Maybe you forgot to close some tag or accidentally added something twice that could have messed up your code when you edited?

January 11, 2011 - 1:09am — Snowsauria

Could be, I'll have to look

Could be, I'll have to look through and see. n_n Managed to fix it a bit, though, so it doesn't look that bad now. x)
Thanks. n_n

—

January 18, 2011 - 11:33pm — EternalWanderer

Forgive the bump buuut I just

Forgive the bump buuut I just noticed >.>

Link
Left to right: Google Chrome, Opera, Firefox, Internet Explorer

In Safari the selection has the color of the background and the font doesn't change, it only fades behind the selection color.

I usually use Firefox and Safari so I didn't get what you meant with the grey selections until now :p

Before you mention, yes, I have a bunch of browsers B) -shot-

January 21, 2011 - 3:12am — BambooKirin

Track of love.

January 22, 2011 - 12:26am — Katara00176

Heya Unplugged, I LOVED IT!

Heya Unplugged, I LOVED IT! <3333333333
Kat thanks you so much for that help to her bio ^^
ah and also, how you make the lighter-coloured wood part (dslakhg, i just wanna know the name :/) wider? it goes a bit narrow in my blog, ya know xDD

—

Just follow me!

January 22, 2011 - 1:22am — pepper-mill-ranch

track

January 22, 2011 - 1:30am — Unplugged

katara, #wrapper #container

katara,
#wrapper #container #center .right-corner .left-corner{width:60% ...
change the width percentage to something bigger. It will probably make your sidebar overlap it so you will have to adjust this number too until it fits:
.sidebar{float:right;position:relative;bottom:62px;right:32% ...

January 28, 2011 - 4:07pm — Butterbrot

i hate to bother you but i

i hate to bother you but i cant fix this myself :/
my body is not growing with my entries anymore, in fact at some point it just cut them, like they ARE in the code section but not showing in the preview.
i really dont know what iam doing wrong...
Code

—

January 28, 2011 - 4:25pm — Unplugged

This sounds more like a HTML

This sounds more like a HTML than a CSS issue to me. You might have one or two </div>s too much in your code, or forgot to close a tag. Can you show me the page you're talking about or a screenshot of your problem?

January 28, 2011 - 5:26pm — Butterbrot

yes edit: i also got

yes

edit: i also got scrollboxes in there like that :
< div style="width: 350px;height:400px;overflow:hidden;" >
< div style="width:300px;height: 120px;padding:50px;background:url ('...')no-repeat;overflow:auto;text-align: justify" >
ok, of course i feel VEEEEERRY stupid right now!
its bcause i forgot the second < /div > as you said!

Thank you!

—

The Endless Forest

Just random CSS for you