Author Message

Aesopl

Rank 1
Aesopl
Joined
22 Jul 2011
Posts
284
Location
Ajax ON Canada
PostedFeb 11, 2012 11:06 am   Last edited by Aesopl on Mar 03, 2012 5:55 pm. Edited 29 times in total

Karma Karma Karma

Chameleon! [DONE: InkThePainter] [NEXT: minahope] NOT ACCEPTING REQUESTS
ONLY COMPLETING REQUESTS ON WEEKENDS, NOT ACCEPTING NEW REQUESTS

Do It Yourself Guide

I'm a terrible artist, however I thought it'd be interesting as only a handful of people actually do it.
An alternative karma theme for your Aeria profile: bigger, more colorful stars!
hi-lited

not hi-lited
Code:
<style text="text/css">#hasStars .hasStar, #hasStars.hasEmpty .hasStar {
background:url(http://puu.sh/gw5Y) !important;}.show1 #star1,.show2 #star1,.show3 #star1,.show4 #star1,.show5 #star1{background:url(http://puu.sh/gw5a) !important;}.show2 #star2,.show3 #star2,.show4 #star2,.show5 #star2{background:url(http://puu.sh/gw5l) !important;}.show3 #star3,.show4 #star3,.show5 #star3{background:url(http://puu.sh/gw5v) !important;}.show4 #star4,.show5 #star4{background:url(http://puu.sh/gw5A) !important;}.show5 #star5,.starvenuya e{background:url(http://puu.sh/gw5F) !important;}.has1 #hasStar1,.has15 #hasStar1,.has2 #hasStar1,.has2 #hasStar2,.has25 #hasStar1,.has25 #hasStar2,.has3 #hasStar1,.has3 #hasStar2,.has3 #hasStar3,.has35 #hasStar1,.has35 #hasStar2,.has35 #hasStar3,.has4
#hasStar1,.has4 #hasStar2,.has4 #hasStar3,.has4 #hasStar4,.has45 #hasStar1,.has45 #hasStar2,.has45 #hasStar3,.has45 #hasStar4,.has5 #hasStar1,.has5 #hasStar2,.has5 #hasStar3,.has5 #hasStar4,.has5 #hasStar5{background:url(http://puu.sh/gw5a) !important;}.has05 #hasStar1,.has15 #hasStar2,.has25 #hasStar3,.has35 #hasStar4,.has45 #hasStar5{background:url(http://puu.sh/gw5T) !important;}</style>

All you have to do is copy & paste the code to the Flash/Media section of your profile under About Me.

If you're artistic... you could play around with the code and make it into dragons... or butterflies!

For that, here is a simple template where all you have to do is replace the [EXAMPLE.PNG] which are labelled accordingly to what you will replace. Use the RAW Paste Data.
http://pastebin.com/bahD6qbB

You will find {background:url(CAPSLOCK.PNG)... throughout. They're in caps to make it easier to find. You would replace them with a URL to an image that would fit accordingly.

NEGATIVE STAR.PNG
- The blank stars you've yet to fill! (for example, almost everybody's 5th star is blank.)

STAR #[1-5] HIGHLIGHT.PNG - Replace these with the image that will appear when you hover over the karma with the mouse.

FILLED STARS.PNG - The image in place for all your COMPLETELY FILLED STARS (eg. star 1-3 for most people are already filled)

HALF STAR.PNG - The image in place for your half a karma icon. (eg: my 4th star is half)

Make sure your icons are in a transparency supporting format with a transparent background!

The perfect size for icons is 35x35 px (any lower and the icon will start to go into a tile pattern)

---------------------------------------------------------------------------------------------------------------------

I didn't expect anyone to actually request, so here's a new Request form~

Request Form(details/don't use)

Karma Icon/Picture: Must have similar dimensions (ie: 450x440, 100x100). Image must be a single object (or character). You can tell me what you want and I'll look for one too.
Primary color: The primary color is the filled star. For example at the top of this post the primary color is yellow/gold.
Negative color:The negative color is the color of the unfilled stars, usually half the 4th and the entire 5th star. You can request a color for the blank karma icons, otherwise I will use the color opposite to the primary chosen.
Hover effect:Text (5 characters max), icon enlarge, icon color change, whatever else you can think of
Private code: Only people who know how to steal your code -cough-, you, and myself will ever know the code for the Karma icons. [Yes]/[No]
Other:Whatever else you have to add

Request Form (copy/paste this one)
Code:

[b]Karma Icon:[/b]
[b]Primary color:[/b]
[b]Negative color:[/b]
[b]Hover effect:[/b]
[b]Private Code:[/b]
[b]Other:[/b]



Please DO NOT send me a private message. I will ignore it in most cases.
Not sure of the colors and effects? Just put "Any" and I'll do what I think looks best.

Here is a little gallery for those of you who don't want to look through the entire thread for examples

Can I use [X] code?
You can use any code that is posted publicly, anything that you wouldn't be allowed to use I send to people via PM anyways.

----------------------------------------------------------------------------------------------------------------

I will add various public codes to http://pastebin.com/u/Seitengrate over time. You will also receive PMs with a link to a private paste if you request one.
Help advertise my thread! Paste the code http://pastebin.com/3CJLNHE6 to your Flash/Media section keep this thread alive! I'm still working on it unfortunately and all of your links will become MENU BUTTONS. Good thing in many cases.
Don't want your links to become buttons?
Just use a normal BBC
Code:
[url=http://www.aeriagames.com/forums/en/viewtopic.php?t=1487123#12341091]Get a cool Karma button here![/url]
Advertisement

iBambi

Rank 5
iBambi
Joined
05 Oct 2010
Posts
4849
Location
Whale hunting in Norway
PostedFeb 11, 2012 11:35 am
Omg, make a pink version for me, ill love you forever Dylan. D:

Aesopl

Rank 1
Aesopl
Joined
22 Jul 2011
Posts
284
Location
Ajax ON Canada
PostedFeb 11, 2012 12:02 pm
Poorly done dragon eggs omnomnom!
Code:
<style text="text/css">#hasStars .hasStar, #hasStars.hasEmpty .hasStar {
background:url(http://puu.sh/gwqC) !important;}.show1 #star1,.show2 #star1,.show3 #star1,.show4 #star1,.show5 #star1{background:url(http://puu.sh/gwpM) !important;}.show2 #star2,.show3 #star2,.show4 #star2,.show5 #star2{background:url(http://puu.sh/gwpO) !important;}.show3 #star3,.show4 #star3,.show5 #star3{background:url(http://puu.sh/gwpU) !important;}.show4 #star4,.show5 #star4{background:url(http://puu.sh/gwq3) !important;}.show5 #star5,.starvenuya e{background:url(http://puu.sh/gwq7) !important;}.has1 #hasStar1,.has15 #hasStar1,.has2 #hasStar1,.has2 #hasStar2,.has25 #hasStar1,.has25 #hasStar2,.has3 #hasStar1,.has3 #hasStar2,.has3 #hasStar3,.has35 #hasStar1,.has35 #hasStar2,.has35 #hasStar3,.has4
#hasStar1,.has4 #hasStar2,.has4 #hasStar3,.has4 #hasStar4,.has45 #hasStar1,.has45 #hasStar2,.has45 #hasStar3,.has45 #hasStar4,.has5 #hasStar1,.has5 #hasStar2,.has5 #hasStar3,.has5 #hasStar4,.has5 #hasStar5{background:url(http://puu.sh/gwpM) !important;}.has05 #hasStar1,.has15 #hasStar2,.has25 #hasStar3,.has35 #hasStar4,.has45 #hasStar5{background:url(http://puu.sh/gws7) !important;}</style>


Eggxamples *ba dum tsh*
hi lite

no hi lite

Kitty.Kittenz

Rank 1
Kitty.Kittenz
Joined
23 Dec 2011
Posts
276
Location
Maid School in Canada
PostedFeb 11, 2012 12:14 pm
OMGGG<3

So cute @.@
Do a hearts one <3

Aesopl

Rank 1
Aesopl
Joined
22 Jul 2011
Posts
284
Location
Ajax ON Canada
PostedFeb 11, 2012 12:36 pm
<3 Hearts <3

Code:
<style text="text/css">#hasStars .hasStar, #hasStars.hasEmpty .hasStar {
background:url(http://puu.sh/gwQS) !important;}.show1 #star1,.show2 #star1,.show3 #star1,.show4 #star1,.show5 #star1{background:url(http://puu.sh/gwQn) !important;}.show2 #star2,.show3 #star2,.show4 #star2,.show5 #star2{background:url(http://puu.sh/gwQn) !important;}.show3 #star3,.show4 #star3,.show5 #star3{background:url(http://puu.sh/gwQn) !important;}.show4 #star4,.show5 #star4{background:url(http://puu.sh/gwQn) !important;}.show5 #star5,.starvenuya e{background:url(http://puu.sh/gwQn) !important;}.has1 #hasStar1,.has15 #hasStar1,.has2 #hasStar1,.has2 #hasStar2,.has25 #hasStar1,.has25 #hasStar2,.has3 #hasStar1,.has3 #hasStar2,.has3 #hasStar3,.has35 #hasStar1,.has35 #hasStar2,.has35 #hasStar3,.has4
#hasStar1,.has4 #hasStar2,.has4 #hasStar3,.has4 #hasStar4,.has45 #hasStar1,.has45 #hasStar2,.has45 #hasStar3,.has45 #hasStar4,.has5 #hasStar1,.has5 #hasStar2,.has5 #hasStar3,.has5 #hasStar4,.has5 #hasStar5{background:url(http://puu.sh/gwQn) !important;}.has05 #hasStar1,.has15 #hasStar2,.has25 #hasStar3,.has35 #hasStar4,.has45 #hasStar5{background:url(http://puu.sh/gwR2) !important;}</style>


Edit: tested!
Example~


It seems rather plain to me, might edit it when I have time.

Aesopl

Rank 1
Aesopl
Joined
22 Jul 2011
Posts
284
Location
Ajax ON Canada
PostedFeb 11, 2012 1:21 pm
I used to love comic books. Showcasing text in Karma~
Code:
<style text="text/css">#hasStars .hasStar, #hasStars.hasEmpty .hasStar {
background:url(http://puu.sh/gx6r) !important;}.show1 #star1,.show2 #star1,.show3 #star1,.show4 #star1,.show5 #star1{background:url(http://puu.sh/gx6H) !important;}.show2 #star2,.show3 #star2,.show4 #star2,.show5 #star2{background:url(http://puu.sh/gx6N) !important;}.show3 #star3,.show4 #star3,.show5 #star3{background:url(http://puu.sh/gx6N) !important;}.show4 #star4,.show5 #star4{background:url(http://puu.sh/gx6V) !important;}.show5 #star5,.starvenuya e{background:url(http://puu.sh/gx77) !important;}.has1 #hasStar1,.has15 #hasStar1,.has2 #hasStar1,.has2 #hasStar2,.has25 #hasStar1,.has25 #hasStar2,.has3 #hasStar1,.has3 #hasStar2,.has3 #hasStar3,.has35 #hasStar1,.has35 #hasStar2,.has35 #hasStar3,.has4
#hasStar1,.has4 #hasStar2,.has4 #hasStar3,.has4 #hasStar4,.has45 #hasStar1,.has45 #hasStar2,.has45 #hasStar3,.has45 #hasStar4,.has5 #hasStar1,.has5 #hasStar2,.has5 #hasStar3,.has5 #hasStar4,.has5 #hasStar5{background:url(http://puu.sh/gx7i) !important;}.has05 #hasStar1,.has15 #hasStar2,.has25 #hasStar3,.has35 #hasStar4,.has45 #hasStar5{background:url(http://puu.sh/gx7q) !important;}</style>

Examples:
hi lite
no hi lite

Kitty.Kittenz

Rank 1
Kitty.Kittenz
Joined
23 Dec 2011
Posts
276
Location
Maid School in Canada
PostedFeb 11, 2012 3:24 pm
Aesopl wrote:
<3 Hearts <3

Code:
<style text="text/css">#hasStars .hasStar, #hasStars.hasEmpty .hasStar {
background:url(http://puu.sh/gwQS) !important;}.show1 #star1,.show2 #star1,.show3 #star1,.show4 #star1,.show5 #star1{background:url(http://puu.sh/gwQn) !important;}.show2 #star2,.show3 #star2,.show4 #star2,.show5 #star2{background:url(http://puu.sh/gwQn) !important;}.show3 #star3,.show4 #star3,.show5 #star3{background:url(http://puu.sh/gwQn) !important;}.show4 #star4,.show5 #star4{background:url(http://puu.sh/gwQn) !important;}.show5 #star5,.starvenuya e{background:url(http://puu.sh/gwQn) !important;}.has1 #hasStar1,.has15 #hasStar1,.has2 #hasStar1,.has2 #hasStar2,.has25 #hasStar1,.has25 #hasStar2,.has3 #hasStar1,.has3 #hasStar2,.has3 #hasStar3,.has35 #hasStar1,.has35 #hasStar2,.has35 #hasStar3,.has4
#hasStar1,.has4 #hasStar2,.has4 #hasStar3,.has4 #hasStar4,.has45 #hasStar1,.has45 #hasStar2,.has45 #hasStar3,.has45 #hasStar4,.has5 #hasStar1,.has5 #hasStar2,.has5 #hasStar3,.has5 #hasStar4,.has5 #hasStar5{background:url(http://puu.sh/gwQn) !important;}.has05 #hasStar1,.has15 #hasStar2,.has25 #hasStar3,.has35 #hasStar4,.has45 #hasStar5{background:url(http://puu.sh/gwR2) !important;}</style>


Edit: tested!
Example~


It seems rather plain to me, might edit it when I have time.  


Eeekk <3 It's so cute *-* can I use it?

Aesopl

Rank 1
Aesopl
Joined
22 Jul 2011
Posts
284
Location
Ajax ON Canada
PostedFeb 11, 2012 3:36 pm
Yep, you can use any codes I post publicly.

Aesopl

Rank 1
Aesopl
Joined
22 Jul 2011
Posts
284
Location
Ajax ON Canada
PostedFeb 11, 2012 3:41 pm
Here's one I made by private request for iBambi.
Code:
NO CODE

no hi lite
hi lite

iBambi

Rank 5
iBambi
Joined
05 Oct 2010
Posts
4849
Location
Whale hunting in Norway
PostedFeb 11, 2012 3:58 pm
Aesopl wrote:
Here's one I made by private request for iBambi.
Code:
NO CODE

no hi lite
hi lite  


I loveee it, thankies Dylan. :3

Display posts from previous:   Sort by: