Replies

Mar 15, 2015 11 years ago
This rift empty
R4V3N
YEET
User Avatar
BumBum

I understand there are other threads that provide the code necessary to change the colour of your profile and do other basic things. That's great, but where exactly do I put said code? Do I make a "Blank Section" and paste it there?

[edit] I can't get any of the coding to work, despite using tutorials. I just want to use this image (http://imgur.com/zHpbOwT) as the background and all of the boxes to be transparent... could anyone help?

// [tp=R4V3N] // [egg=R4V3N] // : Second star to the right, and straight on 'till morning : : Live Long And Prosper : RIP Leonard Nimoy : "A life is like a garden. Perfect moments can be had, but not preserved, except in memory. LLAP"

Mar 15, 2015 11 years ago
Bear_588
is bitter
User Avatar
Sidekick

You can put it here or in your profile box. :D

[font=georgia]❝ Just living is not enough... one must have sunshine, freedom, and a little flower ❞ [/font]

Mar 15, 2015 11 years ago
This rift empty
R4V3N
YEET
User Avatar
BumBum

Thank you so much! :)

// [tp=R4V3N] // [egg=R4V3N] // : Second star to the right, and straight on 'till morning : : Live Long And Prosper : RIP Leonard Nimoy : "A life is like a garden. Perfect moments can be had, but not preserved, except in memory. LLAP"

Mar 17, 2015 11 years ago
egg
is a bad egg
User Avatar

Can you paste the code you're trying to use? We can go from there :3

Mar 17, 2015 11 years ago
This rift empty
R4V3N
YEET
User Avatar
BumBum

Of course! I copied the coding from one of the tutorial threads, and tried to add in the changes I wanted

Code:

<style> ,.comment_table,.header,.block,.info_block {background-image: none; border:0px;} body {background-repeat:no-repeat;} {background-color: transparent; font-size: 3px; position: absolute; top: 100px; left:755px; color: transparent;} a:link, a:visited, a:active {font-size: 8px;} body, html {background-color: transparent; background-image: url(http://i.imgur.com/zHpbOwT.jpg); background-repeat: no repeat; height: 1080px !important; width: 1920px background-position: top left; position:absolute;} body,html,div,table,td,tr,a {font-size: 9px; color: ;} a:link,a:visited {color:;} a:hover {color:; text-decoration: underline, baseline;} .column {border:none;} .input {border:0px; background-color: transparent; color: ; font-size: 8px;} {position:absolute; left: 30px; top: 30px; width: 30px; height: 30px; overflow: auto;} {display:none;} {display:none;} .header {background-color:transparent; border-bottom:none; text-align:center;} li {background-color: transparent;} li {background-color: transparent;} li {background-color: transparent;} </style>

For this part: {position:absolute; left: 30px; top: 30px; width: 30px; height: 30px; overflow: auto;}

I randomly chose "30px" because I was unsure what exactly it did

// [tp=R4V3N] // [egg=R4V3N] // : Second star to the right, and straight on 'till morning : : Live Long And Prosper : RIP Leonard Nimoy : "A life is like a garden. Perfect moments can be had, but not preserved, except in memory. LLAP"

Mar 18, 2015 11 years ago
egg
is a bad egg
User Avatar

Well most of it's right. Your issue is with the part you weren't sure about.

Width and height - you're basically just defining the size of your content box. Top and left - you're positioning it.

So maybe make the width something like 300px, and height 400px (I don't know how large you want it so feel free to adjust), and then position it as you see fit. You probably won't need to change the top too much.

Also, if you add this little code, it'll keep your edit boxes on top of everything else, so you can still see and type into them: .toolbox_button {top:0px; width:100%; background-color:;} .updated_text {top:50px; left:10px; z-index:99; opacity:0.9; position:fixed; transition:1s;}

Mar 18, 2015 11 years ago
This rift empty
R4V3N
YEET
User Avatar
BumBum

Ah, okay. Thank you! Can I add the extra piece of code to any line? I added it to the bottom just above the </style> tag.

My profile isn't looking any different yet, so I'll have to wait until it updates to report if it works or not. :)

[edit] It works!! I just need to mess around with the positioning now! Thank you so much! :D

// [tp=R4V3N] // [egg=R4V3N] // : Second star to the right, and straight on 'till morning : : Live Long And Prosper : RIP Leonard Nimoy : "A life is like a garden. Perfect moments can be had, but not preserved, except in memory. LLAP"

Mar 18, 2015 11 years ago
egg
is a bad egg
User Avatar

Yep, that code can be added anywhere. I usually add it to the top of my codes so I know not to mess with it.

I'm glad it's working for you! :3

Mar 18, 2015 11 years ago
This rift empty
R4V3N
YEET
User Avatar
BumBum

Thank you so much for all of the help, but I have one more question if you don't mind. This is the updated code I am using now Code: <style>

,.comment_table,.header,.block,.info_block {background-image: none; border:0px;} body {background-repeat:no-repeat;} {background-color: transparent; font-size: 3px; position: absolute; top: 0px; left: 462px; color: transparent;} a:link, a:visited, a:active {font-size: 8px;}

body, html {background-color: transparent; background-image: url(http://i.imgur.com/Gb92NGx.jpg); background-repeat: no repeat; height: 1150px !important; width: 1400px; background-position: top left; position:absolute;}

body,html,div,table,td,tr,a {font-size: 9px; color: ;}

a:link,a:visited {color:;}

a:hover {color:; text-decoration: underline, baseline;}

.column {border:none;}

.input {border:0px; background-color: transparent; color: ; font-size: 8px;}

{position:absolute; left: 0px; top: 10px; width: 325px; height: 1000px; overflow: auto;}

{position:absolute; left: 470px; top: 10px; width: 325px; height: 1150px; overflow: auto;}

{position:absolute; left: 935px; top: 10px; width: 325px; height: 1000px; overflow: auto;}

.header {background-color: ; opacity: 0.15; border-bottom:none; text-align:center;}

li {background-color: transparent;}

li {background-color: transparent;}

li {background-color: transparent;}

.toolbox_button {top:0px; width:100%; background-color:;} .updated_text {top:50px; left:10px; z-index:99; opacity:0.9; position:fixed; transition:1s;}

</style>

For the section: .header {background-color: ; opacity: 0.15; border-bottom:none; text-align:center;}

I want the header background to be translucent, but not the writing. Is it possible to accomplish this?

// [tp=R4V3N] // [egg=R4V3N] // : Second star to the right, and straight on 'till morning : : Live Long And Prosper : RIP Leonard Nimoy : "A life is like a garden. Perfect moments can be had, but not preserved, except in memory. LLAP"

Mar 18, 2015 11 years ago
egg
is a bad egg
User Avatar

You should just be able to do "color:" or whatever color you want (that would make it white)

this will give you your 6 number hex code for whatever color you want :3

Mar 19, 2015 11 years ago
This rift empty
R4V3N
YEET
User Avatar
BumBum

I added in the colour, but the text still appears translucent like the background.

For example I want it to look something like this But currently it looks like this

Sorry for being a pain x__x

// [tp=R4V3N] // [egg=R4V3N] // : Second star to the right, and straight on 'till morning : : Live Long And Prosper : RIP Leonard Nimoy : "A life is like a garden. Perfect moments can be had, but not preserved, except in memory. LLAP"

Mar 19, 2015 11 years ago
Adventure Captain
sonata
User Avatar

If you want only the background to appear transparent you'll have to use rgba colors instead of hex codes.

For example the code for a semi-transparent white should be rgba(255,255,255,0.5)

That last bit controls the opacity and can go from 0 to 1

Art by
[tot=sonata]

Mar 19, 2015 11 years ago
This rift empty
R4V3N
YEET
User Avatar
BumBum

Oh, okay! I have never even heard of rgba colours, haha! Thank you for the help! :D

// [tp=R4V3N] // [egg=R4V3N] // : Second star to the right, and straight on 'till morning : : Live Long And Prosper : RIP Leonard Nimoy : "A life is like a garden. Perfect moments can be had, but not preserved, except in memory. LLAP"

Mar 19, 2015 11 years ago
Adventure Captain
sonata
User Avatar

Neither had I really, until I needed them for something. ;)

Art by
[tot=sonata]

Mar 19, 2015 11 years ago
This rift empty
R4V3N
YEET
User Avatar
BumBum

And they work! My profile finally looks the way I want it too! ^^

Thank you for all of the help! My profile is finished now ^^

// [tp=R4V3N] // [egg=R4V3N] // : Second star to the right, and straight on 'till morning : : Live Long And Prosper : RIP Leonard Nimoy : "A life is like a garden. Perfect moments can be had, but not preserved, except in memory. LLAP"

Mar 19, 2015 11 years ago
egg
is a bad egg
User Avatar

Oops sorry I was asleep and didn't get your ping until the morning. I'm glad sonata was able to help you out (she's wonderful) :3

And no problem!

Mar 20, 2015 11 years ago
This rift empty
R4V3N
YEET
User Avatar
BumBum

No worries at all ^^ Yes she is wonderful ~

Also I love your profile! It's gorgeous!

// [tp=R4V3N] // [egg=R4V3N] // : Second star to the right, and straight on 'till morning : : Live Long And Prosper : RIP Leonard Nimoy : "A life is like a garden. Perfect moments can be had, but not preserved, except in memory. LLAP"

Mar 20, 2015 11 years ago
egg
is a bad egg
User Avatar

n_n thank you, I mades it myself. I love coding ^______^

Mar 20, 2015 11 years ago
This rift empty
R4V3N
YEET
User Avatar
BumBum

Oh wow! In High School I learned a tiny bit of code, but that was only veeeeery basic HTML. CSS looks so weird and confusing to me o__o

// [tp=R4V3N] // [egg=R4V3N] // : Second star to the right, and straight on 'till morning : : Live Long And Prosper : RIP Leonard Nimoy : "A life is like a garden. Perfect moments can be had, but not preserved, except in memory. LLAP"

Please log in to reply to this topic.