I just wanted to recommend an awesome tool to help you customize your css codes.
It's called CSS 3.0 Maker and it has tools to let you modify colors, borders and radius, text and box shadows, transitions, animations, and more.
I made some offline tip buttons for anyone to use on their MFC profile.
You'll need to get your broadcaster ID by going here then add to the code by replacing the bold text in red.
OK, so I made some animated twitter buttons that is easy to customize with your own twitter handle.
The out come should look something like this:
But you can choose the font and color that you like best of course.
First you'll want to right click on any of the images below, and either save it to your computer, or you can just click on "Copy Image Location":
Then you'll want to go to LunaPic.com and scroll down to either "Basic Upload" (if you saved your image to your computer), or "Open from Web with URL" (if you selected copy image location instead).
There you'll be able to add your Twitter handle to your image. You can also change the size of the image, and host the image from that site as well.
The code will be something like this: (Substitute the text in blue for your twitter link, and substitute the text in orange for you image link)
Then go to Customize Profile add add this CSS code: (If you want a thicker or thinner highlight, you can change the two border: 4px rbga(x,x,x,x)
rules. If you want to change the color of the highlight, you need to
change the rbga values in the second rule. You can go here
to find different colors.)
Code:
.highlight {
outline:none;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border:4px solid rgba(0,0,0, 0.0);
}
.png)
.png)
.png)
.png)
