Navigation X
ALERT
Click here to register with a few steps and explore all our cool stuff we have to offer!

cracked.io | Best Forum Around | Free Premium Accounts




 1422

Make stars customizable via CSS

by DigitalProfit - 15 September, 2020 - 08:40 PM
This post is by a banned member (DigitalProfit) - Unhide
This post is by a banned member (Arkheaa) - Unhide
Arkheaa  
Registered
16
Posts
0
Threads
3 Years of service
#2
crack
This post is by a banned member (Barry) - Unhide
Barry  
Staff
16.843
Posts
7
Threads
Staff Team
4 Years of service
#3
u means the stars under username ? or something else
[Image: ItoMCXt.gif]
Paid Ad , I dont own it

[Image: itOX2Dq.gif]
Paid Ad , I dont own it
This post is by a banned member (Duncan Idaho) - Unhide
591
Posts
148
Threads
4 Years of service
#4
Code:
.poster-username img[src="images/stars/star_supreme.png"] {
    content:url(/* Your Image Path */);
}
[Image: Stylin-on-You.gif]

[Image: Leave-A-Like-Signature.png]
This post is by a banned member (DigitalProfit) - Unhide
This post is by a banned member (Logorkill) - Unhide
Logorkill  
Godlike
651
Posts
187
Threads
4 Years of service
#6
(This post was last modified: 16 September, 2020 - 11:52 AM by Logorkill.)
(15 September, 2020 - 08:40 PM)Psychedelics Wrote: Show More
https://cracked.to/images/stars/

Make all of those customizable via CSS pls @J_S
Code:
 
.therankuwant_rank {
    color: #ffc000;
    text-shadow: 0px 0px 8px #fabc00;
    background-image: url(ururl);
    background-repeat: repeat;
}

So for exemple:
Code:
 
.contributor_rank {
     background-image: url(https://www.clipartmax.com/png/full/236-2361061_joyce-kim-animated-fire-gif-transparent-background.png);
     background-repeat: repeat;
}
This post is by a banned member (Duncan Idaho) - Unhide
591
Posts
148
Threads
4 Years of service
#7
(This post was last modified: 17 September, 2020 - 03:05 AM by Duncan Idaho.)
(16 September, 2020 - 10:15 AM)Psychedelics Wrote: Show More
(16 September, 2020 - 09:29 AM)Duncan Idaho Wrote: Show More
Code:
.poster-username img[src="images/stars/star_supreme.png"] {
    content:url(/* Your Image Path */);
}

It did not work sadly :(
 
Code:
 
.poster-username img[src="images/stars/star_supreme.png"] {
    content:url(/* https://i.imgur.com/8QIK0cp.png */);
}

 Oops, I had a typo. That's why. Change ```.poster-username``` to ```.post-username```

Here's a working example.
Code:
div.post-username > div > img {
content: url(https://static.cracked.to/images/awards/star.svg);
max-width: 18px;
max-height: 18px;
margin: 0 2px;
}

Here's an example with the image your provided.

Code:
.post-username img[src="images/stars/star_supreme.png"] {
    content:url(https://i.imgur.com/8QIK0cp.png);
}
[Image: Stylin-on-You.gif]

[Image: Leave-A-Like-Signature.png]
This post is by a banned member (DanikaMore) - Unhide

Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
or
Sign in
Already have an account? Sign in here.


Forum Jump:


Users browsing this thread: 1 Guest(s)