layoutlounge | Entries tagged with image: social media

sireesanwar.livejournal.com

Layout Style: S2 Expressive
Features: Header Image, Custom Header Location, Custom Sidebar
Layout Width: Responsive
WARNING: If you like Flexible Squares don't change themes. You could lose it. Read More.

[ PREVIEW ] [ LIVE PREVIEW ] credit

layout_lounge
All special fonts have been embedded into the layout from Google Fonts.
Coding is a real pain to list here because now anything with a # creates tags in our system. So to get around this I'm sharing the coding via a code testing site where you can also see the layout working live. You may have to click VIEW IN EDITOR to see code.

( Link to code and other notes on the layout... )

sireesanwar.livejournal.com

Layout Style: S2 Flexible Squares
Features: Header Image, Custom Header Location, Custom Sidebar, No Userpics for posts, Friends Page/Community Userpics
Layout Width: Responsive

[ PREVIEW ] [ LIVE PREVIEW ] credit

layout_lounge
All special fonts have been embedded into the layout from Google Fonts.

( Tips and Link to Code )

sireesanwar.livejournal.com

Account Status: All
Theme: All
Actions: Social Media Icons with Hover Roll

If you'd like to see the social icons spin check out the icons on the sidebar. These images will not work on a post unless you have a paid account but the will work on the sidebar of any account type. I suspect LJ doesn't let image classes work in non-paid accounts.

1. Let's get the images. I'm including the blank image so if need be you can create your own social media icon which I did do with the bloglovin icon.

Next the coding for you blurb/free text box on your sidebar.
( See how it is done... )

sireesanwar.livejournal.com

Account Status: All
Theme: All
Actions: Social Media Icons with Hover
Requested by:

dikana
Source: Icons Set

Trying to get this effect on your sidebar?

This is a very simple code:

You can put this in your blurb section of your sidebar. And by repeating it you'll get a set of social media icons, just put the links one right after another.

However it is possible you want to go from this:
photo facebookhovercircles.png

to this:
See Sidebar at

workshop_rees <-Because it stopped working in the post but is working in the sidebar of my test journal.

( Learn More... )

About

Welcome to the Lounge. Our tutorials are saved here. These are currently all for LJ and Flexible Squares. Should you have general questions about us check out our FAQ. I do NOT customize layouts for individuals.

Layout Change Quick Guide

If you like Flexible Squares, I have tons of layouts for you, and still create them.

I've been creating Layouts for DW's Bannering. Here's how to use them:
1. Go to Transmogrified Layouts.
2. Choose Basic.
3. Go to Custom CSS.
4. Make sure all boxes are unchecked
5. Copy Coding to Stylesheet Box.
6. Make sure to update with your own images/image urls. Imgur images are okay to be used.
7.Click Save.

Tips Welcome:

You can also find layout_lounge at LiveJournal.

S	M	T	W	T	F	S
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30

Layout Lounge

Layouts, Tutorials, Help, and more

106. Florence in Expressive

104. The Pines

Let the Social Media Roll

How to Add Social Media Icons with Hover

About

Links

Tags

Summary

April 2025