Discuss Scratch
- Discussion Forums
- » Things I'm Making and Creating
- » Green/Red Themed CSS for Chrome
- mythbusteranimator
- Scratcher
1000+ posts
Green/Red Themed CSS for Chrome
Another website had coded the same ID as one of the element on Scratch I love it!
But it also slightly changed something on another website…
@Creator, you should make this a userscript, that way you can only include scratch sites and then you can install it a lot easier
I've been listening to…
Ogre Battle // Queen // Queen II // Heavy Metal, Hard Rock, Progressive Metal
Orion // Metallica // Master of Puppets // Heavy Metal, Thrash Metal, Instrumental
Damage Inc. // Metallica// Master of Puppets // Thrash Metal, Heavy Metal
Snow (Hey Oh) // Red Hot Chilli Peppers // Snow (Hey Oh) // Soft Rock, Acoustic
Who Wants To Live Forever // Queen // A Kind of Magic // Power Ballad, Soft Rock
I suggest you listen to…
For a influential playlist: Damage Inc and Orion. Both of these songs are part of the album that revolutionized heavy and thrash metal forever.
- CN12
- Scratcher
1000+ posts
Green/Red Themed CSS for Chrome
It was my literature class websiteAnother website had coded the same ID as one of the element on Scratch I love it!
But it also slightly changed something on another website…
@Creator, you should make this a userscript, that way you can only include scratch sites and then you can install it a lot easier
I might play around with it tomorrow and see if I can edit it to like it even more.
- PullJosh
- Scratcher
1000+ posts
Green/Red Themed CSS for Chrome
Yes. That's how I'm doing it. Will this work if I put it into Stylish? I'm too lazy to open all those folders.
- OrcaCat
- Scratcher
1000+ posts
Green/Red Themed CSS for Chrome
If you use Chrome, apparently (it probably won't work too well on other browsers). Will this work if I put it into Stylish? I'm too lazy to open all those folders.
Oops. That's one side effect.It was my literature class websiteAnother website had coded the same ID as one of the element on Scratch I love it!
But it also slightly changed something on another website…
@Creator, you should make this a userscript, that way you can only include scratch sites and then you can install it a lot easier
I might play around with it tomorrow and see if I can edit it to like it even more.
@mythbusteranimator Okay, I'll look into it.
Feel free to mess with it! If you make anything you like, feel free to post it here.
Last edited by OrcaCat (Nov. 11, 2013 01:42:50)
- CN12
- Scratcher
1000+ posts
Green/Red Themed CSS for Chrome
I'm going to see if I can make a sky blue, or black one.Mayyybe… you could try it. Will this work if I put it into Stylish? I'm too lazy to open all those folders.Oops. That's one side effect.It was my literature class websiteAnother website had coded the same ID as one of the element on Scratch I love it!
But it also slightly changed something on another website…
@Creator, you should make this a userscript, that way you can only include scratch sites and then you can install it a lot easier
I might play around with it tomorrow and see if I can edit it to like it even more.
@mythbusteranimator Okay, I'll look into it.
Feel free to mess with it! If you make anything you like, feel free to post it here.
- OrcaCat
- Scratcher
1000+ posts
Green/Red Themed CSS for Chrome
Okay, all you need to do is change the color codes.I'm going to see if I can make a sky blue, or black one.Mayyybe… you could try it. Will this work if I put it into Stylish? I'm too lazy to open all those folders.Oops. That's one side effect.It was my literature class websiteAnother website had coded the same ID as one of the element on Scratch I love it!
But it also slightly changed something on another website…
@Creator, you should make this a userscript, that way you can only include scratch sites and then you can install it a lot easier
I might play around with it tomorrow and see if I can edit it to like it even more.
@mythbusteranimator Okay, I'll look into it.
Feel free to mess with it! If you make anything you like, feel free to post it here.
- CN12
- Scratcher
1000+ posts
Green/Red Themed CSS for Chrome
That's what I'm doing nowOkay, all you need to do is change the color codes.I'm going to see if I can make a sky blue, or black one.Mayyybe… you could try it. Will this work if I put it into Stylish? I'm too lazy to open all those folders.Oops. That's one side effect.It was my literature class websiteAnother website had coded the same ID as one of the element on Scratch I love it!
But it also slightly changed something on another website…
@Creator, you should make this a userscript, that way you can only include scratch sites and then you can install it a lot easier
I might play around with it tomorrow and see if I can edit it to like it even more.
@mythbusteranimator Okay, I'll look into it.
Feel free to mess with it! If you make anything you like, feel free to post it here.
- CN12
- Scratcher
1000+ posts
Green/Red Themed CSS for Chrome
I was working on one with Carolina Panthers colors, but my brother doesn't like it because it changed how some other websites he goes on looks.
Do you think I could add a background image to it?
Do you think I could add a background image to it?
Last edited by CN12 (Nov. 11, 2013 15:28:55)
- OrcaCat
- Scratcher
1000+ posts
Green/Red Themed CSS for Chrome
Yes, you can add a background image using the I was working on one with Carolina Panthers colors, but my brother doesn't like it because it changed how some other websites he goes on looks.background-image property. I updated the original post so it is less likely to affect other websites, but the div #footer part is already on several sites, so you could remove that part.
Do you think I could add a background image to it?
- CN12
- Scratcher
1000+ posts
Green/Red Themed CSS for Chrome
Awesome! I might do it! Do you think I could make it for Mozilla also?Yes, you can add a background image using the I was working on one with Carolina Panthers colors, but my brother doesn't like it because it changed how some other websites he goes on looks.background-image property. I updated the original post so it is less likely to affect other websites, but the div #footer part is already on several sites, so you could remove that part.
Do you think I could add a background image to it?
- OrcaCat
- Scratcher
1000+ posts
Green/Red Themed CSS for Chrome
I could try…Awesome! I might do it! Do you think I could make it for Mozilla also?Yes, you can add a background image using the I was working on one with Carolina Panthers colors, but my brother doesn't like it because it changed how some other websites he goes on looks.background-image property. I updated the original post so it is less likely to affect other websites, but the div #footer part is already on several sites, so you could remove that part.
Do you think I could add a background image to it?
- comp500
- Scratcher
100+ posts
Green/Red Themed CSS for Chrome
To fix some of the text try:
body {
text-shadow:none;
}
Ubuntu 13.04: Chrome 29.0.1547.76, Flash 11.8 (release 800) Windows 7: Same Both: Dell Inspiron 545: Dual-Core w/3GB RAM… let's stop boasting now…
For more info ask me on my profile page…
AttackScratch.php
- comp500
- Scratcher
100+ posts
Green/Red Themed CSS for Chrome
and to fix stuff on the forums… for this and all of my other posts suggesting code you may need to add
.blockpost .box-head {
border-top:none;
}
.button {
border: 1px solid #eee;
}
textarea:focus {
box-shadow:none;
-webkit-box-shadow:none;
}
!important;
Last edited by comp500 (Nov. 12, 2013 18:08:42)
Ubuntu 13.04: Chrome 29.0.1547.76, Flash 11.8 (release 800) Windows 7: Same Both: Dell Inspiron 545: Dual-Core w/3GB RAM… let's stop boasting now…
For more info ask me on my profile page…
AttackScratch.php
- comp500
- Scratcher
100+ posts
Green/Red Themed CSS for Chrome
To change the logo:
replace [url] with the url of the logo. it should be 76x25 pixels
replace [urlhover] with the url of the logo when it is hovered over.
#topnav .logo span {
background-image: url([url]);
}
#topnav .logo:hover span {
background-image: url([urlhover]);
}
replace [urlhover] with the url of the logo when it is hovered over.
Last edited by comp500 (Nov. 13, 2013 16:36:53)
Ubuntu 13.04: Chrome 29.0.1547.76, Flash 11.8 (release 800) Windows 7: Same Both: Dell Inspiron 545: Dual-Core w/3GB RAM… let's stop boasting now…
For more info ask me on my profile page…
AttackScratch.php
- OrcaCat
- Scratcher
1000+ posts
Green/Red Themed CSS for Chrome
Okay, but I'm more concerned about the forums symbols. To change the logo:replace [url] with the url of the logo. it should be 76x25 pixels#topnav .logo span {
background-image: url([url]);
}
#topnav .logo:hover span {
background-image: url([urlhover]);
}
replace [urlhover] with the url of the logo when it is hovered over.
- comp500
- Scratcher
100+ posts
Green/Red Themed CSS for Chrome
symbols?Okay, but I'm more concerned about the forums symbols. To change the logo:replace [url] with the url of the logo. it should be 76x25 pixels#topnav .logo span {
background-image: url([url]);
}
#topnav .logo:hover span {
background-image: url([urlhover]);
}
replace [urlhover] with the url of the logo when it is hovered over.
Ubuntu 13.04: Chrome 29.0.1547.76, Flash 11.8 (release 800) Windows 7: Same Both: Dell Inspiron 545: Dual-Core w/3GB RAM… let's stop boasting now…
For more info ask me on my profile page…
AttackScratch.php
- OrcaCat
- Scratcher
1000+ posts
Green/Red Themed CSS for Chrome
Like the pins and the gray/blue dots.symbols?Okay, but I'm more concerned about the forums symbols. To change the logo:replace [url] with the url of the logo. it should be 76x25 pixels#topnav .logo span {
background-image: url([url]);
}
#topnav .logo:hover span {
background-image: url([urlhover]);
}
replace [urlhover] with the url of the logo when it is hovered over.
- scratchisthebest
- Scratcher
1000+ posts
Green/Red Themed CSS for Chrome
You should really use Stylish as you can pick what pages it will go on so it won't screw up your brother's sites.
I am a Lava Expert
- Discussion Forums
- » Things I'm Making and Creating
- » Green/Red Themed CSS for Chrome