* (Testing, ignore #4)

Unplugged's picture



Ravynn, you're absoluely brilliant.

CSS:






Hello, my refuge





I just wanted to...


Shh!



Error: internal error 2907



Did you hear that?







What have
you done



Tally's picture

Everytime you make these

Everytime you make these things I never ignore them. d: I actually thought about doing a bio kinda like this but gave up haha.
Unplugged's picture

That's what I'm planning to

That's what I'm planning to do too, but at the moment I'm just waiting to be kissed by the muse. Sticking out tongue
And yeah, pretty much anything with 'ignore' in it's title won't be ignored, but meh, I don't want to edit titles. I don't mind if it's ignored or not. Laughing out loud
Tally's picture

Btw if your making a bio like

Btw if your making a bio like this heres just a little thing to keep in mind: people like me who are using laptops with small screens might have to scroll down to move the scrollbox but scroll back up again to read the text on the top of it which is...aggravating. xD At least thats what I have to do with this one. Just wanted to tell ya. :3
Unplugged's picture

Oh, that must be a rather

Oh, that must be a rather small screen. xDD
I could try fixing that, but I'm not sure how, especially since I plan using some pictures instead of boxes here too and I don't think there's a way to make the scrollbar above the divs...
Tally's picture

Yeah, its a netbook

Yeah, its a netbook XDDDD

Its fine I just wanted you to keep that in mind.
Ravyn's picture

srtjdj

srtjdj
<3
Ravyn's picture

I want that code.

I want that code. <3
Sithrim's picture

-seconds Ravynn-

-seconds Ravynn-


#4b5160
Unplugged's picture

<div style="width:90%;


<div style="width:90%; height:460px; background:none; overflow:auto; overflow-y:hidden; margin:1px; color:#352e2f; font:11px verdana">
<table style="margin-top:-15px; border: hidden;">
<tr>
<td>
<div style="height:390px; width:250px; background:#000000;overflow:auto; padding:10px;">
Hello, my refuge
</div>
</td>
<td>
<div style="height:390px; width:250px; background:url('http://i730.photobucket.com/albums/ww305/profilebrand/Layouts/11artistic/bgs/bg.gif');overflow:auto; margin:-10px;">

</div>
</td>
<td>
<div style="height:390px; width:250px; background:#1b1b1b;overflow:auto; padding:10px;">
I just wanted to...
</div>
</td>
<td>
<div style="height:390px; width:250px; background:#ffffff;overflow:auto; padding:10px; text-align:center; font: 20px verdana; color:#d2d2d2">
Shh!
</div>
</td>
<td>
<div style="height:390px; width:500px; background:none;overflow:auto; padding:10px; text-align:center; color:#2d231e; font: 48px courier">

Error: internal error 2907

</div>
</td>
<td>
<div style="height:390px; width:250px; background:#382f30; overflow:auto; padding:10px; color:#9f8f91">
Did you hear that?
</div>
</td>
<td>
<div style="height:390px; width:400px; background:none;overflow:auto; text-align:right; align:bottom right; color:#2d231e; font:40px georgia; letter-spacing:-2px; font-weight:bold; padding:-10px;">





What have
you done
</div>
</td>
</tr>
</table>
</div>



I like the TV static too. Sticking out tongue
Alecsander's picture

I love these. I know a bit

I love these. I know a bit of CSS/Divs but I get stuck up when I try to experiment with what I can and can't do. I got pretty bummed out when the site didn't let me make a 'switch on hover' image.

I still am trying to brainstorm how i'll set up Almos' bio.
Unplugged's picture

Yeah, I still try to figure

Yeah, I still try to figure most things out, not a pro in CSS either and not everything seems to work. :x

Good luck with that! I really enjoy seeing biographies made with the help of divs. Laughing out loud
Ravyn's picture

You're so awesome. Thanks for

You're so awesome.
Thanks for posting it. (:
Ravyn's picture

Mannn, How did you do it? I

Mannn,
How did you do it?
I could only find a code for the backround but not the actual side.

Are you willing to share? Sticking out tongue
Sithrim's picture

Ohkmy, awesome! Ich want

Ohkmy, awesome! Ich want thiiiiis too ;_; haha.


#4b5160
Unplugged's picture

Sure! This looks horrible at

Sure! Ooh
This looks horrible at the moment, but there you go:

<style>body{background:#000000;color:#5b565d}div#sidebar-left.sidebar h3{color:#4f4a51}h2{color:#7b727e; font:11px verdana;}div#sidebar-left.sidebar a,div#sidebar-left.sidebar ul.menu a,div#block-user-1.clear-block.block.block-user a{color:#ffffff;text-align:right}div#sidebar-left.sidebar a:hover,div#sidebar-left.sidebar ul.menu a:hover,div#block-user-1.clear-block.block.block-user a:hover{color:#918b94;letter-spacing:1px;text-align:right}#wrapper #container #center .right-corner .left-corner{background:#000000;}.comment{border:none;}tr.even, .comment.even{background:#bfbcc0}.comment.odd, tr.odd, tr.info{background:#ffffff}</style>


Look near the beginning of the page code, where it says <link type="text (...) Smiling
Ravyn's picture

Thank you so much.

Thank you so much. <3
I love codes. (:
Sithrim's picture

Ohmy I'm even prouder with my

Ohmy I'm even prouder with my bio' now! Thank you so much!


#4b5160
Unplugged's picture

Sithrim, your bio looks

Sithrim, your bio looks absolutely amazing!

Perhaps..
Does anybody know where I can get some nice gif-animations from? Not the dancing banana kind, the other kind, where you have animations of citys, rain, and that kind of stuff..
Ravyn's picture

http://endlessforest.org/comm

http://endlessforest.org/community/039

I tried to insert the same picture in the actual blogging space.
It works, but turns it back to brown. ):
Verycrazygirl's picture

This is amazing... o_o

This is amazing... o_o

Unplugged's picture

I'm trying to figure out the

I'm trying to figure out the same thing right now. Gotta fiddle around some more.
Edit: .node{border:none; background:#ffffff;} is this what you're looking for?


Hehe, and thanks, VCG. I don't think I have any use for it, though. I'm doing it because of my love for coding. Ooh
Sithrim's picture

Sithrim, your bio looks

Sithrim, your bio looks absolutely amazing!

Perhaps..
Does anybody know where I can get some nice gif-animations from? Not the dancing banana kind, the other kind, where you have animations of citys, rain, and that kind of stuff..
———

Thank you !
Maybe in DA ? I think Photobucket has some anyway...
Or do you mean pattern gifs?


#4b5160
Unplugged's picture

No, not patterns. Alright,

No, not patterns. Smiling
Alright, thank you! I was looking in Photobucket, but I didn't find much there. xD
Sithrim's picture

I have some nice gifs if you

I have some nice gifs if you want some. I think Ravynn has plenty of them too (:


#4b5160
Unplugged's picture

If you wouldn't mind..?

If you wouldn't mind..?
Ephra's picture

Whoahohoh this is cool. I'll

Whoahohoh this is cool. I'll adapt this for my bio when I have the time. Thanks for finding out this awesome code Laughing out loud
Unplugged's picture

(second link doesn't

(second link doesn't work)
Those are great! Thank you *saves* ♥

Ephra: They're absolutely great! I'm so glad we can use CSS. Smiling
It's so awesome to see people using these codes now. Ooh
Ravyn's picture

Yeah. I tried replacing it

Yeah. I tried replacing it with the "backroung-image url:()" thing from another code.
It doesn't work and changes it back to brown like I said before...
The only thing I managed to change was the actual backround of the TEF page with a different code.

Right now my internet is HORRIBLE. I can barely view pages or edit anything. :/
I want to try and add images to comment boxes instead of just color.
Unplugged's picture

Checked for spelling errors?

Checked for spelling errors? Sure you didn't forget the ' ' in the brackets? Are you editing the .node{} part?
Also found out that you can't use breaks when using <style>, so you have to write everything in one line, otherwise the code doesn't work.

As for the comments, use #comments{background:url(' ')} for all comments, or for the light/dark comment boxes seperately it's "tr.even, .comment.even{}" (light) and ".comment.odd, tr.odd, tr.info{}" (dark). Didn't try them out, but they should work.
Ravyn's picture

Oh I see what you mean now. I

Oh I see what you mean now.
I was looking in the wrong area. <3
Munkel's picture

You have very helpfull codes,

You have very helpfull codes, thank you <3 Laughing out loud
I have a little question... do you know how I can change the commented text-colour here http://endlessforest.org/community/c-r-y-b-b-y-039s-b-i-o-g-r-p-h-y-fallen-angel?
In this bio the background is white but also the commenting-text is white lol... I would like to have the comments-text blue ;__;
Unplugged's picture

No problem!

No problem! Laughing out loud

.comment{border:none;}tr.even, .comment.even{background:#ffffff}.comment.odd, tr.odd, tr.info{background:#ffffff}

in this code, add "color:#xxxxxx" to .comment.even and .comment.odd
like this:

.comment{border:none;}tr.even, .comment.even{background:#ffffff;color:#xxxxxx}.comment.odd, tr.odd, tr.info{background:#ffffff;color:#xxxxxx}
Munkel's picture

thank you very much, I'll try

thank you very much, I'll try this now ^^
Ravyn's picture

Whoah, clear comments?

Whoah, clear comments?
Unplugged's picture

tr.even,


(What you basically do is removing the background from the even and uneven/light and dark comment boxes and add a background to the box where BOTH, light and dark comments are included.)


I also tried to remove the submit date from the blog, but appearently it removes username/date etc from the comments too. :s
Pretzil's picture

Yum

Yum

Wow (oo). Is it okay if I

Wow (oo). Is it okay if I use this (if I can have the full CSS code)?
Unplugged's picture

You can use anything. The

You can use anything. Smiling The full code is in the comments here and the CSS only in my CSS Blog.

Thank you.

Thank you. <3