x (20-6-2011)
FIXED BUG (box-length adjusting to amount of text)
if you use
fixed or sticky sidebar, please CRTL+F and replace following part of the code:
#wrapper #container #center .right-corner .left-corner{position:relative;width:100%;top:80px;left:1%}
replace with #wrapper #container #center .right-corner .left-corner{position:relative;width:100%;top:80px;left:1%;min-height:0px}
if you use the
bottom sidebar version, please CRTL+F and replace following part of the code:
#wrapper #container #center .right-corner .left-corner{position:relative;width:100%;top:-50px;left:1%;margin-bottom:100px}
replace with #wrapper #container #center .right-corner .left-corner{position:relative;width:100%;top:-50px;left:1%;margin-bottom:100px;min-height:0px}
Special Thanks to:
parler for
first discovering a way to align the sidebar horizontally and
Owatanka for bringing it to my attention.
Iaurdagnire,
jala,
MrQuezt,
Saosin,
Veegamer and my friend Teddy for providing me screenshots.
x
"floating" sidebar - sidebar stays on top of the page, overlaps content when scrolling down (current layout)
x
"sticky" sidebar - sidebar is fixed and stays on its place when scrolling down
x
"floating" bottom sidebar - sidebar stays on
bottom of the page, overlaps content (beta version, may look a little wonky)
How-To
For better usability, I have titled parts of the code.
x
{{framework}} ---
do not touch this unless you want to make changes in the main layout. If you do, Good luck. I recommend asking me what to tinker with if you don't understand much of CSS.
x
{{style, color}} ---
feel free to modify this.
What is rgba?
rgba are
color units, like #fff hex codes. In this case they are used for anything with
blur or opacity changes.
example:
rgba(242, 240, 228, 0.9)
In order: 242
red, 240
green, 228
blue, 90%
alpha (= opacity)
You can find out the RGB value of a color by using any
color picker tool.
Other Info
x cross-browser: works in
all browsers (compromised solution for IE)
x works with
all screen resolutions (percentages keep the ratio)
x length of comment-box adjusts to blog-length
x May cause
lag on some computers!
x Preview looks off
x not perfectly centered
x Currently working on bottom-aligned sidebar
Thankyouu!
Uhoh *_*
This is so awesome.
Thank you.
Thanks you guys. I worked a
o.o wow ♥
AHJFHSGF I'm totally going to
This is pretty sweet. Maybe
FF Amazing!
Wow, that is awesome.
I like this CSS. Might try to
*loves*
When I opened the page I
Bookmarking~
Oh god, this CSS is so
Thank you
*Stares at new css* ;D
Thanks everyone! I hope it's
For me, it isn't hard to edit
Thanks for the feedback
Awesome! *o* Um... May I
Um... May I bother you with a question?
How do you make this thing you write on transparent? Sorry, I don't know the exact name of it... Wait, is it ".node"?
#wrapper #container #center
^ remove this from the code
[e]: Ah, if you mean generally:
#wrapper #container #center .right-corner .left-corner{background:none}
If you have any other general questions ask them over there, I get confused otherwise hah.
It's because I'm playing with
It's because I'm playing with your code from that blog. As you see, in my testing CSS, I wan't the big purple thing in the middle to turn more transparent...
I'm sorry TT.TT
Edit: Ah, yeah, thanks! Sorry for taking your time, but thanks again :')
Good. For that code, if you
For that code, if you want it to be semi-transparent, you will have to use a semi-transparent picture as a background.
(2x2px, fill with colour, lower transparency, save as png and use that)
I looked at your codes. Remember that you always have to write all your CSS in one single line. No new lines or anything, because if you press enter it gets depicted as a break and breaks your CSS.
Ok, I tryed lowering my
Ok, I tryed lowering my opacity of my brush before, but it didn't go as I wanted. I think I'm gonna go search on dA for transparency tutorials, because I can't find that button Bx *Cough*
But thanks a lot ^^
Weow. You're pretty smart. Only 2 years older than me, yet... That's epic xD
Hai, sensei~ x3
Wow. So I installed the last
So I installed the last version of Mozilla Firefox, and when I came on the bio of my deer (who uses your css coding), I get all... ehm... strangely. Same with Google Chrome. And with IE, that's an epic fail XD But when I come on your blog, all is right, with every naviguator... What is wrong, please ? I never had this under FF before !
There's something wrong with
Could you give me your code please? put it between [ code] [/ code] tags (without space)
Thank you ! There it is >
There it is > http://textup.fr/4311pa
At the beginning, there is a
"</object"
tag.You are missing one closing tag. Add a
</div>
at the end of your code.Thank you ! I did, but now,
Hmm, what stuff did you
Just the music :/
Hmm, try and remove the
</div>
I asked you to add again.That's the same :/
I tried it myself now. Does
http://textup.fr/4317T1
That's perfect, thank you
Definitely going to use this
By Leuvr ♥
Thanks Apparanza! x There's
x There's now 3 versions! Sidebar top, bottom and sticky top.
Every version is really good
... You. Are. Awesome. These
You. Are. Awesome.
These are awesome.
But you more so for sitting there and messing with this, and then giving the coding out. o n o
This helps a lot, thank you so much.
I'll probably use this for Levi's bio. <333
beautiful ^^ I don't usually
thank you for the mention
i love what you've done with it, by the way. absolutely amazing. c:
I just died. This is amazing.
this is really beautiful. i
But one question, how do you
GORGEOUS! Thank you so much!
x I have fixed a bug that
I've implemented it in all of the codes now. Please update your code if necessary.
I loved the style, its pretty
is it possible to have tabs
Sure. tabs are not related to
You know what would be awesome? being able to keep comments in a seperate tab. Would be awesome right? Oh yes that would be awesome. Sounds impossible but I'll find a way somehow because that would be awesome. h3h3h3 Thanks for the idea. >:]
HAHAHAHAHA I've been trying
I've been trying to get the tabs to work with my css but it doesn't want to. I think I broke the codes or something xD
Would it be possible to contact you on hotmail for help maybe?
And yess that would be so awsome 8D I hope you'll find a way
Sure.
You can either add me or just e-mail me, both is ok.