?

Log in

No account? Create an account
 
 
20 February 2015 @ 04:51 pm
92. Spring Wide  
Layout Style: S2 Flexible Squares
Features: Embedded Fonts, Colorful Sidebar, Header Image
Layout Width: 1100px


All embedded in coding from Google Fonts




Additional Layout Directions:

  1. The header image doesn't have to be used. The layout is using a header image of 1100x250. If your header image is a different height you can change the height in the .headerimage coding.

  2. For additional help see the Helpful Tutorials list below the images.


Images
credit graffitigraphic

Helpful Tutorials:

  1. Theme and Layout Change Tutorial

  2. Image Tutorial: Adding Background & Header Images in Coding

  3. Sidebar: What I Do and Do NOT Want On It

  4. LJ Advertisements: What is that weird box on my LJ?


More Images:
More Headers: Layout Lounge: Headers
More Background Images: Layout Lounge Site
More Tiny Icons: Layout Lounge Site

RULES:
No Hotlinking Images #4 under general
Header can be changed
Background image can be changed or removed.
Credit Necessary.

Having Trouble? Try:
Theme and Layout Change Tutorial or Helpful Hints
If that didn't work. Comment Below with example if possible.
 
 
 
Christina: lost- sun- under the same sunfly_meaway on February 21st, 2015 02:26 pm (UTC)
This layout looks really nice, love the use of the sidebar. I'm not going to use it anytime soon probably, but I'm definitely saving this in my favourites. Thank you for sharing :D
Jill aka Josireesanwar on February 27th, 2015 09:41 pm (UTC)
Glad you like it.
Rakshirakshi on March 20th, 2015 03:20 pm (UTC)
I love this layout and am trying to get it set up on my LJ. I've downloaded all the font woff files to a folder on my server and tried changing the urls in the custom css but can't seem to get them to work. I have most of them changed. Can you see or tell anything I'm doing wrong?

Thanks in advance.
Jill aka Jo: Stock: Cookiesireesanwar on March 20th, 2015 09:06 pm (UTC)
First there is no need to download any fonts as they are embedded Google fonts so they will show up either way.

Second, I would just copy the code again and repaste it. It should work without you doing much of anything except adding and header image if you want to.
Rakshi: thank yourakshi on March 20th, 2015 09:10 pm (UTC)
I see!! Thank you so much. I hope you took a look at my layout and approve of the way it looks. I very much appreciate your artistry and hard work.

Jill aka Jo: JtV: Writersireesanwar on March 20th, 2015 09:15 pm (UTC)
No problem. Sometimes my layouts are a lot of work for the user. This one just happens to be easy. You never know. *wink*

Thank you so much!
menschohneplanmenschohneplan on March 20th, 2015 09:12 pm (UTC)
Awesome layout!
I'll definitely steal it for my LJ ... and credit, of course. :o)
Thanks a lot for sharing.
Jill aka Jo: 100: Bellamysireesanwar on March 20th, 2015 09:16 pm (UTC)
So welcome! I'm glad you like it.
Arabianarabian on July 6th, 2017 07:22 pm (UTC)
This is really gorgeous. I had a few questions though?

1. Would you mind if I used a different header/color? (It's for a private LJ that I only use at this point, but still, I wanted to ask.)

2. Is there any way to use this layout but have the icons instead the comments as opposed to hanging out?

Thank you so much.
Jill aka Jo: Blind: Janesireesanwar on July 17th, 2017 11:58 pm (UTC)
Okay so definitely adjust things how you want. I'm fine with that.

Sure if you aren't sure how to do it you can go to the below coding in your custom css section and just change that margin line. The last number is for the left margin and you just need to make it 0 or 5px or something. You can also move the float to right if you wish and mess with the margins to see where you want it. Go for it.

.userpic, .userpicfriends {
float: left;
margin: -1px 15px 25px -110px;
padding: 15px;
width: 100px;
height: 100px;
text-align: center;
color: #FFFFFF !important;
background-color: #8B9635 !important;
-webkit-box-shadow: #CCC 0 0 5px;
-moz-box-shadow: #CCC 0 0 5px;
-ms-box-shadow: #CCC 0 0 5px;
-o-box-shadow: #CCC 0 0 5px;
box-shadow: #CCC 0 0 5px;
}