Announcing new site features: 7/9 released

[Legend]

Wait, how do I edit the profile page??

Modify ptofile, and then ultimate profil

[NeverDies]

These are super fun!

[Dr. Pezus]

I like mine

[Legend]

I just noticed mine doesn't spin in chrome

[Legend]

Here is my current style code

Code: [Select]

<style>
body {
    background-image: url(http://i1.minus.com/ibg5DJWZw9bSmW.png);
background-repeat: repeat;
background-color: white;
color: yellow;
animation: animatedBackground 40s linear infinite;
}
.windowbg{
color: yellow;
//animation: animatedBackgroundd 60s linear infinite;
}
img.avatar{
animation: animatedBackgrounds 10s linear infinite;
}
@keyframes animatedBackground {
from { background-position: 0 0; background-size: 40% 40%;  background-color: black;}
to { background-position: 100% 10%;  background-size: 0% 0%; background-color: yellow;}
}
@keyframes animatedBackgrounds {
0%   {-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);}
    50%  {-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);}
    100% {-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);}
}
@keyframes animatedBackgroundd {
0%   {-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);}
    50%  {-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);}
    100% {-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);}
}
</style>

So basically what you do is the style tags, and in there put css code.
So to change the background to white you do

Code: [Select]

<style>
body {
background-color: white;
}
</style>

If you want to change more options, you simply have to add more to your css.

So right click on something you want to change and press "inspect element." In there the element will have either an ID or name.

You use that id/name to change its settings.

So to change the color of the black text in headings add:

Code: [Select]

.catbg{
color: red;
}

[Dr. Pezus]

Interesting

[Legend]

I just noticed mine doesn't spin in chrome

Fixed!

[Legend]

Number 5 released.

[kitler53]

can we made feature requests here?  or maybe just get edified.

i'd really like to be able to have text masks for links.  burying a joke behind a desperately innocuous link is like my thing.   i hate i can't do that here.

[Legend]

can we made feature requests here?  or maybe just get edified.

i'd really like to be able to have text masks for links.  burying a joke behind a desperately innocuous link is like my thing.   i hate i can't do that here.

Like this?

[kitler53]

Like this?

but with text.   if you had the word "link" that took you to http://www.amazon.com/Link-amiibo-nintendo-wii-u/dp/B00N4ABVOM/ref=sr_1_1?ie=UTF8&qid=1413928521&sr=8-1&keywords=link+amiibo

[Legend]

but with text.   if you had the word "link" that took you to http://www.amazon.com/Link-amiibo-nintendo-wii-u/dp/B00N4ABVOM/ref=sr_1_1?ie=UTF8&qid=1413928521&sr=8-1&keywords=link+amiibo

Code: [Select]

[url=http/link.com]link[/url]

Such magic. Much wow