Welcome to Gaia! ::


Fatcat

14,000 Points
  • Generous 100
  • Friendly 100
I wanted to change my panels to be almost transparent -- not completely and all of the codes I've found don't work...

Fatcat

14,000 Points
  • Generous 100
  • Friendly 100

Fatcat

14,000 Points
  • Generous 100
  • Friendly 100

Fatcat

14,000 Points
  • Generous 100
  • Friendly 100

Fatcat

14,000 Points
  • Generous 100
  • Friendly 100
Lamenting
User Image
Please don't bump; since PD is pretty slow, users are told not to do so or else it's spamming.

Anyway, I'm guessing your code is acting up before you change panel opacity because of an open bracket:

@media screen and (max-width: 1024px) {
#columns,
#texts_container,
#pictures_container {
left: 0;
margin-left: 0;
}
} This extra bracket probably doesn't do anything, but it's best to take it out anyway

.panel {
background-color: #000000;
filter:alpha(opacity=70); Btw, this code is old, so you don't need it, as opacity: 1 will take care of things
-moz-opacity:1; Old code
opacity:1; Actually, you might as well take this out if you're going to declare opacity as 0.5 later on at the bottom
-khtml-opacity: 1 Old code
;}

.media_panel { background-color: transparent; background-image: none; }
.media_panel h2 { display: none; }
.media_panel object, .media_panel embed { height: 25px; width: 30px; }
.panel h2{display: none;}
.panel {
border-radius: 50px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; Missing a closing bracket here


.media_panel object{height: 25px; width: 30px;}

.panel {
opacity: .5;
transition: .5s;
}

.panel:hover {
opacity: 1;
}

Fatcat

14,000 Points
  • Generous 100
  • Friendly 100
gothygrimgirl830
Lamenting
User Image
Please don't bump; since PD is pretty slow, users are told not to do so or else it's spamming.

Anyway, I'm guessing your code is acting up before you change panel opacity because of an open bracket:

@media screen and (max-width: 1024px) {
#columns,
#texts_container,
#pictures_container {
left: 0;
margin-left: 0;
}
} This extra bracket probably doesn't do anything, but it's best to take it out anyway

.panel {
background-color: #000000;
filter:alpha(opacity=70); Btw, this code is old, so you don't need it, as opacity: 1 will take care of things
-moz-opacity:1; Old code
opacity:1; Actually, you might as well take this out if you're going to declare opacity as 0.5 later on at the bottom
-khtml-opacity: 1 Old code
;}

.media_panel { background-color: transparent; background-image: none; }
.media_panel h2 { display: none; }
.media_panel object, .media_panel embed { height: 25px; width: 30px; }
.panel h2{display: none;}
.panel {
border-radius: 50px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; Missing a closing bracket here


.media_panel object{height: 25px; width: 30px;}

.panel {
opacity: .5;
transition: .5s;
}

.panel:hover {
opacity: 1;
}

Sorry?
Anyways so I take out
filter:alpha(opacity=70);
-moz-opacity:1;
opacity:1;
-khtml-opacity:1;}

Anything else?

edit: taking that out ruined my profile lol.

Fatcat

14,000 Points
  • Generous 100
  • Friendly 100
Lamenting
sigh
You were supposed to leave the stuff underneath that in there.

.panel {
border-radius: 50px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; } <----- And you're still missing an important closing bracket here


.media_panel object{height: 25px; width: 30px;}

.panel {
opacity: .5;
transition: .5s;
}

.panel:hover {
opacity: 1;
}

Fatcat

14,000 Points
  • Generous 100
  • Friendly 100
gothygrimgirl830
Lamenting
sigh
You were supposed to leave the stuff underneath that in there.

.panel {
border-radius: 50px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; } <----- And you're still missing an important closing bracket here


.media_panel object{height: 25px; width: 30px;}

.panel {
opacity: .5;
transition: .5s;
}

.panel:hover {
opacity: 1;
}

its fine.

Quick Reply

Submit
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum