You are viewing s2expressive

Sticky Post

This is the official layout help community for the S2 layouts Expressive and Mixit. Everyone is welcome to join and post.

Before you ask for help, please browse through the tags to see if what you're looking for has already been answered. When you post, please provide as much information as possible (LJ-cut anything that's long) and tag your entry appropriately. Check the profile page for complete community and posting rules.

NEW! Search this community:


Useful info:
tag usage guidelines
announcements, suggestions, and known bugs
Guide to Expressive and Beginners guides

UPDATES: (2010/03/17) The entry linkbar tutorial code has been updated to reflect "Tell a Friend" changing to "Share This!"
(2009/09/21) Tag clouds have been fixed to display in Firefox 3.5. See this tutorial for more information.
(2008/04/25) The thread expander code is now allowed in custom layers. Tutorial here updated.

Nav Links and Title/Subtitle Help Needed

  • May. 7th, 2014 at 5:01 PM

Can anyone help me edit my code? I'm trying to move the nav links and title/subtitle to different positions on my header. Is there a code I could use where I could adjust the number settings till I have each thing in the position I want. I'm still pretty new to CSS so I'm kind of lost here.

I'm using google chrome, the expressive layout, have a plus account, and am posting from the same journal I need help fixing.

Current codeCollapse )

creating own css classes? possible?

  • Feb. 22nd, 2014 at 2:12 PM
i searched for a faq or help page mentioning it, goggled like mad, didn't find it...
though it's such a basic question ~

is it possible at all to add OWN classes/IDs?? ! IN THE CSS PANEL + ENTRY !
without to touch the layer - only HTML in the entry (i have 1 recurrent div or table i'd like to customize) and a corresponding css block in my sheet. because if i have to write the style inline for every div/table in the entry (a faq), it will fill my entry allowed space in no time, and give me a headache looking at its code.
Read more...Collapse )

Stuff under icons on Friends list

  • Jan. 30th, 2014 at 2:23 PM
Can anybody help me with this?

I had no problem whatsoever a while ago but latest LJ idiotic unwanted changes managed to create this problem for me.







It used to be only one layer of background picture, icon and text (username and community name or just the username) with my customized rose userheads underneath, now it looks like this pile of garbage.

WARNING: NSFW content on my LJ!
hi ^^

i noticed this yesterday, but it might have happened a while ago - i just didn't see it.
obviously, LJ (recently?) does resize images when they don't have BOTH width & height specified..?

Read more...Collapse )

as far as i know, you can't override LJ css with user css so your entry html is respected again - but maybe i'm wrong?

Hopefully, someone is still around...

  • Jan. 1st, 2014 at 6:22 PM
Okay, so I'm trying to help a friend customize 'Icicles.' I can't seem to get the header image to center.

Here's the CSS code we're using...



IN ACTION: http://doeeyedbecky.livejournal.com/?s2id=27008709

We'd like the header image centered and the text below the header, not on it.

What are we doing wrong?!?

Another not improving LJ "improvement"

  • Dec. 8th, 2013 at 11:38 AM
Is there a way to get rid of this thing? It keeps covering text which annoys me to no end.


Making it "semi-transparent" just makes my eyes and head hurt.

Change Previous/Next Color

  • Aug. 8th, 2013 at 1:02 PM
I am almost done with my layout. Except one thing. I cannot find the code that changes the Previous/Next links to the same color as my layout links. Can anyone help?

Post background help?

  • Mar. 29th, 2013 at 12:27 AM
Hello! I don't know if this has been answered yet, I did a bit of looking but wasn't able to find it...

I'm looking to change the background color of my posts/the inner box area. The main page background is fine, I just want the inner portion to be black or dark grey, with white text. I love reading off my phone at night and I'm sure a lot of other people do as well, so I'm hoping changing my journal to a more "night mode" look would make reading a little easier.

I have a paid account, and I'm using Minimal Blue.

This is all the CSS I'm using right now, for the header and such:

html body {
padding: 10px 0 0 0;
margin-right: 0;
margin-left: 0;
}
/* dump the journal name */
#header-name, #header-description {
display: none;}
/* -------------------------------------------------------- */
/* ---------- ADD YOUR HEADER GRAPHIC BELOW --------------- */
/* -------------------------------------------------------- */
#header {position: relative; height: 360px; width: 1220px; background: url(http://i.imgur.com/fEonZ.png) top center no-repeat;}
#header-inner {
width: auto;
height: 370px;
}
#header-text {
position: relative;
top: 320px;
width: auto;
}
#header .nav, #header-name {
margin-bottom: 5px;
width: 1220px;
background: #000000;
}
/*
- make sure that your height is the height of your graphic plus 40px
- e.g. if your graphic is 350px, your height should be 390px
*/
/* -------------------------------------------------------- */
/* ---------- ADD YOUR HEADER GRAPHIC ABOVE --------------- */
/* -------------------------------------------------------- */


Thanks!
Hey guys, it feels like forever since I've messed around with modding LJ! I hope anyone can help though because I'm going loopy here.

My LJ layout is perfect, but I'd like a sort of custom text above my entries, just below the header. Ideally it'd be an "about me | art tag | commissions" type linkbar. Is there any way I can just put some code in that'll add that?

If not, I'll happily just do it as a backdated stickypost, but I REALLY don't want to have a post with a date/subject/footer at the top(or bottom) of the page because I don't want it to be confusing. I don't want it to be mistaken as a journal entry, I'd like to use it simply as an extra custom text box. Is there any way to remove the date/subject from a sticky post?

Basically, I'd like exactly what THIS community has - a top post with no date and no footer and just sitting there looking pretty.

Thanks so much for any advice anyone can offer. I googled about removing dates from sticky posts but only came up with bloggish layout help :/
I searched through the tags, but couldn't find anything that quite fit my problem. When it comes to CSS, I'm pretty much fumbling around in the dark, so please bear with me if my questions are completely dense.

I'm trying to set up a new community: team_alpha. The community account is paid, and I'm working with the Red Label theme. I managed to add a header image, but my journal's title and subtitle are positioned right in the middle of it, obscuring the picture. Can someone please help me move them?

Also, is there a way to make the header image align with the entries column? I've figured out how to align the header image to the right edge of the entries column, and how to center it across the entire page, but if it's possible, I'd love for it to match up perfectly, no matter what size the browser window is.

If it helps, this is the custom CSS I'm using right now:

#header-inner {
background-image: url(http://i68.photobucket.com/albums/i14/Piscaria/TAHeader950x200_zpsdcc899e1.jpg); background-repeat: no-repeat; background-position: top right; height: 200px; margin: 0 auto;
width: 671px; /* 950 */

}

Thanks for any insight you guys can give!

Solved: Change title and subtitle font

  • Feb. 9th, 2013 at 6:50 PM
Is there a code for changing the font of just the title and subtitle? I'm using firefox 18, ghouls black, and have a plus account.

Thanks for help in advance.


Currently my code looks like thisCollapse )

Solved: White Around Header

  • Feb. 9th, 2013 at 4:57 AM
Hi I'm new to working with CSS and could use some help. All I really want to do at the moment is switch out the image for my header and have everything lined up as it was with the original image. Unfortunately I'm getting extra white space above and below my image.
If anyone could help me figure out the code to fix the look I'd appreciate it. I'm currently using firefox 18 and my theme base is ghouls black.

This is my code currently:Collapse )

How Do You Move Navigation Borders? SOLVED!

  • Jan. 29th, 2013 at 2:50 AM
I almost got my journal the way that I want it. The main problem is that once I center the navigation bar, the left side sticks out. I did this once a long time ago but now I forget how to do it. Any help would be appreciated.

EDIT This is for regisjr and I use Firefox witha PAID account..

The CodeCollapse )

Please Help and Thank You!

Sidebar disappeared -- SOLVED --Thanks!

  • Jan. 25th, 2013 at 12:21 PM
A friend made me a new header image for my journal. I went in and changed the link and the widths to make it fit. Now I only have the option for a 1 column layout when before I had 2 columns with the sidebar on the right. Now my sidebar is at the bottom, and it looks ugly.

Is there a way to get my sidebar back?

I am using the minimalist green layout.

Here's the link to my journal: scratchingpost1

Here's my custom CSS:



Here's my custom theme layer:
Okay, so I'm fairly awful at technology and I have no idea how to fix this; basically, my header (which you can see on the same lj I use to post this) is just a few pixels off-center for no apparent reason. I'd also like to make the title smaller and italic if I can; the title is just the automatic one lj uses, which becomes your username if you try to get rid of it.

I'm using Google Chrome, and layout #02, but this same problem occured when I was using the Nebula layout.

Friends Page

  • Nov. 21st, 2012 at 12:19 AM
Does anyone know how to make the new friends page honour the settings in my style? It looks nothing like my Expressive settings (apart from the font) and those settings are chosen based on my visual disability/accessibility issues. I know I could switch back to the old friends page (and I probably will if there is no solution to this) but that does not solve the problem for when the "new" friends page becomes the only option available.

Icons for metadata

  • Aug. 29th, 2012 at 1:00 AM
Sorry if this has been covered before; I came here looking for a way to style the class-less metadata items individually and found no answer, so I wrote a small hack. Posting here for my own reference and in case anyone else finds it useful. I'm on a basic account.

->


The problem is that the location/music/mood metadata items have no type-specific classes, so there's no easy way to style them by type if you want to give them icons.

The general idea of the fix is:

1. Put your icon for music on .lj currents li. Set it as bg image and add some padding to make room for it.

2. Put your icon for location on .lj-currents .entryMetadata-content a (location is the only metadata that has an anchor afaik). You also need to add the following properties:
/* pseudocode */
background-color: [same colour as whatever bg is visible behind the element];
background-repeat: no-repeat;
display: block;
margin-left: [some negative number to pull your icon left if it's on the left of the text];
margin-right: [same as above, if your icon's on the right];
padding-left: [at least the width of your icon, if it's on the left];
padding-right: [same as above, if icon is on the right];
height: [at least the height of your icon];


So you're covering up the music icon with the location icon.

3. Do the same with the mood icon, except this time your selector is .lj-currents .meta-mood-img. You/your users must be using a mood theme, or the element you need won't exist. Which moodtheme does not matter as you're hiding it anyway.

In that ruleset, replace the moodtheme icon with your own the same way you replace userheads: set width/height to 0, and add padding to accommodate your background-image.


You have to mess around finding correct padding/margin numbers for each item to get them to line up, but it seems to work. Let me know if you got any issues/improvements.
Hello.

I'm a total rookie in expressive layouts and CSS codes, and my lj-english isn't perfect, so sorry for any stupid mistakes from my side.
My layout is Minimal Black in s2.

Problem is, after adjusting all names and quotes I tried to put some banner between line with links (friends, userinfo, archive) and header title. I use simplest code i found:

#header-inner { 
    background-image: url("image url");
height: 200px;
}
#header {
    background-image: none;
}

Unfortunately it put image behind other elements of header rather than beetween them. And because image is black and white, and so is header - whole thing become rather unreadable. I'm interested is there possibility to put banner image over header rather than behind it.

Thank you very much in advance for all help.

sld




Hi, hopefully these aren't covered in existing posts; I had a quick look through the tags but didn't find answers. I'm on a basic account.

1) If Expressive and Mixit are the same layout, why does it go by two names?

2) Does content ever appear in #footer? If so, what content, and how can I see it?

3) Where do I choose between the different column layouts described in this post?

My journal layout seems broken

  • Jul. 27th, 2012 at 2:38 PM
I have 2 column with the sidebar on the right selected. As of yesterday and in ll browsers on my mac the sidebar either appears before the rest of the page or afterwards. How do I put the sidebar back on the right?

Latest Month

May 2014
S M T W T F S
    123
45678910
11121314151617
18192021222324
25262728293031

S2 Help Communities

Tags

Syndicate

RSS Atom
Powered by LiveJournal.com
Designed by chasethestars