gothygrimgirl830
(?)Community Member
- Posted: Thu, 21 Aug 2014 04:04:08 +0000
(Working from mule again)
Okay, I recently began to use the selector "head" in the coding as something to put credits in, and it worked well in this profile (in the top left corner under the header), but it's not working in the profile that I'm working with right now (on this account). It won't move! scream
I've been coding for a while, so this problem is pretty stupid to me and I don't know what I did wrong, since the commands I gave to it are similar to the ones I used before; I even checked the coding on a CSS validating website.
Here is the code that works:
And the one that doesn't:
I even tried copying the coding from the previous profile and sticking it into this one, but it still didn't work. (Ignoring the font sources, of course.)
Is there something that isn't there that I'm not seeing? Or maybe something that's there that shouldn't be there? Perhaps this profile is weird?! Maybe there's something wonky about this selector. (Are we allowed to use it? sweatdrop )
Okay, I recently began to use the selector "head" in the coding as something to put credits in, and it worked well in this profile (in the top left corner under the header), but it's not working in the profile that I'm working with right now (on this account). It won't move! scream
I've been coding for a while, so this problem is pretty stupid to me and I don't know what I did wrong, since the commands I gave to it are similar to the ones I used before; I even checked the coding on a CSS validating website.
Here is the code that works:
head {display: block; position: absolute; left: -110px; top: 30px; width: 100px; height: 120px; background: url(http://i.imgur.com/ygVKgcz.gif) bottom center; text-align: center; padding: 3px; border: 3px solid #86939B; border-left: none; border-radius: 0 10px 10px 0; transition: left 1s}
head:before {content: 'Profile by Confelicity; Vector by Freepik.com, CC; Fonts from FontAddict.com, CC; Text graphics from Cooltext.com, CC'; font-family: 'B20 Sans', sans-serif; font-size: 13px; color: white; text-shadow: 2px 2px 2px black}
head:after {content: 'Credits'; font-family: 'Fingbanger', sans-serif; font-size: 13px; color: white; position: absolute; top: 5px; left: 110px; border: 1px ridge #86939B; border-left: none; border-radius: 0 5px 5px 0; padding: 0 5px}
head:hover {left: 0px}
head:before {content: 'Profile by Confelicity; Vector by Freepik.com, CC; Fonts from FontAddict.com, CC; Text graphics from Cooltext.com, CC'; font-family: 'B20 Sans', sans-serif; font-size: 13px; color: white; text-shadow: 2px 2px 2px black}
head:after {content: 'Credits'; font-family: 'Fingbanger', sans-serif; font-size: 13px; color: white; position: absolute; top: 5px; left: 110px; border: 1px ridge #86939B; border-left: none; border-radius: 0 5px 5px 0; padding: 0 5px}
head:hover {left: 0px}
And the one that doesn't:
head {display: block; background: rgba(255, 255, 255, 0.3) height: 100px; width: 100px; position: absolute; top: 30px; left: -112px; border-radius: 0 10px 10px 0; border: 2px dotted black; padding: 5px; transition: left 1s}
head:before {content: 'Profile coded by Confelicity; Art by Chrysoberryl; Text graphics from Cooltext.com, CC; Fonts from Google Fonts, CC'; font-family: 'Architects Daughter', sans-serif; font-size: 11px}
head:after {content: 'Credits'; font-family: 'Crafty Girls', cursive; font-size: 14px; position: absolute; top: 40px; left: 90px; font-weight: bold; border: 2px dotted black; border-radius: 5px 5px 0 0; padding: 0 3px; background: white; transform: rotate(90deg)}
head:hover {left: 0px}
head:before {content: 'Profile coded by Confelicity; Art by Chrysoberryl; Text graphics from Cooltext.com, CC; Fonts from Google Fonts, CC'; font-family: 'Architects Daughter', sans-serif; font-size: 11px}
head:after {content: 'Credits'; font-family: 'Crafty Girls', cursive; font-size: 14px; position: absolute; top: 40px; left: 90px; font-weight: bold; border: 2px dotted black; border-radius: 5px 5px 0 0; padding: 0 3px; background: white; transform: rotate(90deg)}
head:hover {left: 0px}
I even tried copying the coding from the previous profile and sticking it into this one, but it still didn't work. (Ignoring the font sources, of course.)
Is there something that isn't there that I'm not seeing? Or maybe something that's there that shouldn't be there? Perhaps this profile is weird?! Maybe there's something wonky about this selector. (Are we allowed to use it? sweatdrop )