Adding Tiny Icons to Expressive
Jun. 17th, 2022 05:07 pm![[identity profile]](https://www.dreamwidth.org/img/silk/identity/openid.png){kind=small}
sireesanwar.livejournal.com posting in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
layoutloungeAccount Status: All
Theme: Expressive
Actions: Adding Tiny Icons to Currents (mood, music, location, tags)
Links: Code Index
to 
So on some of my Expressive layouts you'll see this:
You'll find code like this in those Layouts:
Let's Change it to this:
Now let's find the coding for LJ Tags if you want a tiny icon next to that.
This is the lj tag code you'll find in the no tiny icons layout:
And we will change it to this coding:
Some padding and margins get changed in here to accommodate the icon. Originally when I was thinking you couldn't do it; it was because in the Flexible Square code there are specific css coding for them .currentmood, .currentlocation, .currentmusic, etc. There was so such thing in Expressive but I forgot when dealing with a ul li list of items you can just add +li.
So in the coding you will see location is .lj-currents ul li and mood is .lj-currents ul li+li and music is .lj-currents ul li+li+li. It is designating which item in the list so one li is the first and ever li after moves the item down the list. I guess that is what happens when you haven't done much in the way of coding in 2 years or more. You start forgetting things. But it suddenly came to me and you get to benefit. I hope this helps you!
Theme: Expressive
Actions: Adding Tiny Icons to Currents (mood, music, location, tags)
Links: Code Index
to So on some of my Expressive layouts you'll see this:
Current Tiny Icons: I after a lot of digging I think I've discovered that Expressive doesn't give you the ability to have tiny icons next to your currents (mood, location, music, etc). There is a way to do it with Theme Layers in a paid layout but again, I'm not doing this now. If you know differently please comment and tell me because I couldn't get it to work no matter what I did.Apparently, I lied. Or forgot how to code for a moment. But I figured out how to give you tiny icons on the currents in expressive.
You'll find code like this in those Layouts:
Let's Change it to this:
Now let's find the coding for LJ Tags if you want a tiny icon next to that.
This is the lj tag code you'll find in the no tiny icons layout:
And we will change it to this coding:
Some padding and margins get changed in here to accommodate the icon. Originally when I was thinking you couldn't do it; it was because in the Flexible Square code there are specific css coding for them .currentmood, .currentlocation, .currentmusic, etc. There was so such thing in Expressive but I forgot when dealing with a ul li list of items you can just add +li.
So in the coding you will see location is .lj-currents ul li and mood is .lj-currents ul li+li and music is .lj-currents ul li+li+li. It is designating which item in the list so one li is the first and ever li after moves the item down the list. I guess that is what happens when you haven't done much in the way of coding in 2 years or more. You start forgetting things. But it suddenly came to me and you get to benefit. I hope this helps you!
Any questions about this tutorial? Please Comment
layout_lounge