Announcing new site features: 7/9 released

Started by Legend, Aug 16, 2014, 05:00 AM

0 Members and 2 Guests are viewing this topic.

Legend

Quote from: Pezus on Oct 11, 2014, 12:55 PM
Wait, how do I edit the profile page??

Modify ptofile, and then ultimate profil

NeverDies

<br />
<br />
<br />
<br /><br />
<br />
<br /><br />
<br />
<br />
<br />

Dr. Pezus


Legend

I just noticed mine doesn't spin in chrome :(

Legend

Here is my current style code

<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
<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:

.catbg{
color: red;
}

Dr. Pezus


Legend


Legend


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.
         

Featured Artist: Emily Rudd

Legend

Quote from: kitler53 on Oct 21, 2014, 09:39 PM
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

         

Featured Artist: Emily Rudd

Legend