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?
: 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"
You can put it here or in your profile box. :D
Thank you so much! :)
: 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"
Can you paste the code you're trying to use? We can go from there :3
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
: 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"
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;}
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
: 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"
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
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?
: 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"
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
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
: 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"
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
Oh, okay! I have never even heard of rgba colours, haha! Thank you for the help! :D
: 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"
Neither had I really, until I needed them for something. ;)
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 ^^
: 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"
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!
No worries at all ^^ Yes she is wonderful ~
Also I love your profile! It's gorgeous!
: 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"
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
: 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"