Posted by How to flip king's image on profile with CSS?

Vixxie | G1 13bo
Stratosphere (#355386)

Sapphic
View Forum Posts


Posted on
2024-07-06 21:48:30
Hi, does anyone know what to put in their profile's html/css to make the king image unflipped? I've seen other people do this before, just not sure how to do it myself



Hrt Icon 0 players like this post! Like?

Bluebell [10xRos |
20xBO | G1] (#263841)


View Forum Posts


Posted on
2024-07-06 22:14:12
Hello, you can make custom king images through CSS, I find this post explains it well in the 1c. Personalized King Icon section.
https://www.lioden.com/topic.php?id=304429478641&page=1

Which uses this code within the CSS (without asterisk)

/*Replacing King/Queen's Image*/
div#lion_image {
content: url('https://i.imgur.com/KingQueenImageRep.png') !important;}

For the image, you can take your own image and upload it to a image host before inserting it into the code.


If you still need help, just send me the image you'd like to use (has to be 200X200px) and I can give it a go for you!



Hrt Icon 1 player likes this post! Like?

🌸 ℜuki (#93596)


View Forum Posts


Posted on
2024-07-07 00:47:41
If you only want to flip the lion image, you can add to the code Bluebell mentioned the following line:

-webkit-transform: scaleX(-1);

(-1 for lion facing left, 1 for lion facing right)

Your css should look like this then:

div#lion_image {
-webkit-transform: scaleX(-1);
}



Hrt Icon 1 player likes this post! Like?







Memory Used: 629.16 KB - Queries: 2 - Query Time: 0.00079 - Total Time: 0.00452s