Log in

No account? Create an account
16 April 2014 @ 04:40 pm
87. Ribbon Rainbow  
Layout Style: S2 Flexible Squares
Features: Ribbon Navbar, Sidebar and Subject
Layout Width: 1000px

All embedded in coding from Google Fonts

Theme and Layout Change Tutorial

Additional Layout Directions:
Once you've choosen the ribbon color you would like to use:

  1. Add ribbons to your Scrapbook. These images are large, for the most part, and will be resized in PhotoBucket and TinyPics. Make sure to use the original size of the image from Scrapbook.

  2. Go to the Header Section, find the coding .header and put the Ribbon Navbar direct link where it says HEADER-NAVBAR IMAGE URL.

  3. Then got to the Sidebar Section and find the coding .sidebar and put the Ribbon Sidebar direct link where it says SIDEBAR IMAGE URL.

  4. Then got to the Entry Section and find the coding .subject and put the Ribbon Subject direct link where it says SUBJECT IMAGE URL.

5. The background image goes in the body coding at the very top of the coding.

6. The header images (Castle, Flowers, Outlander, etc) goes in the .headerimage coding that is located at the very bottom of all the coding.

Ribbon Sidebar:
sidebarribbon-red sidebarribbon-purple sidebarribbon-aqua sidebarribbon

Ribbon Subject:

Ribbon Navebar:

 photo graffitigraphic-castle0270a.png

 photo graffitigraphic-stock809.png

 photo graffitigraphic-stock0683.png

 photo graffitigraphic-stock0666.png

 photo graffitigraphic-outlander0128a.png

Background Image

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

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.
Amanda: stanalovemeinfocus on April 17th, 2014 12:06 am (UTC)
Jill aka Jo: Castle: Police code for zombiesireesanwar on April 17th, 2014 07:54 pm (UTC)
Glad you like it. Gotta love Castle and I love that picture of them!
Lao: shochanlaoracci on April 17th, 2014 07:16 am (UTC)
thank you so much. I'm using the red one <333
Jill aka Jo: Outlander: BJR riding to Lallybrochsireesanwar on April 17th, 2014 07:55 pm (UTC)
You are welcome!
ღ Candy ❀ܓ: dreamgirlcandream on April 17th, 2014 11:25 am (UTC)
This is beautiful. :3

This is probably a stupid question but ... What font did you use for the purple layout? Or is it already in the code so I don't have to add it somewhere? Or do I have to download all fonts for this layout?

I feel so stupid, sorry.

[EDIT!] Uhm, it looked like I answered another comment. So I post another one. Sorry.
Jill aka Josireesanwar on April 17th, 2014 07:56 pm (UTC)
All fonts are embeded into this coding so you don't have to download anything. They are being pulled from Google Fonts. Makes it easier on everyone.

No problem. It happens.
(no subject) - olnd009 on September 24th, 2014 03:02 pm (UTC) (Expand)
karinawiskarinawis on April 17th, 2014 02:45 pm (UTC)
thank you!! I like it a lot! :D
Jill aka Josireesanwar on April 17th, 2014 07:57 pm (UTC)
You are welcome!
southrnbygrace: Best Dad Ever (Castle)southrnbygrace on April 18th, 2014 02:56 pm (UTC)
I don't know what I'm doing wrong, but my theme is all compacted into a narrow column in the middle instead of being full page.


I didn't change anything other than the coding in the instructions.

Jill aka Jo: OUaT: Snow and Redsireesanwar on April 21st, 2014 09:09 pm (UTC)
Your journal looks normal to me except the ribbon images. It looks like you used the Scrapbook for the images but you need to use the original size of the image. Looks like you are using the 600px size.

As for narrow strip of your journal it is possible you are zoomed out in your browser. Try hitting CTRL + 0 and see if that fixes the issue.
Yanagi Renji 柳 蓮二recluse_cicada on April 29th, 2014 05:15 am (UTC)
Ahh, it's a really gorgeous layout!

The only problem that I get is that when I scroll, there's a strange blue line and these blue and yellow strips show up? I couldn't get rid of them, for some reason.
Jill aka Josireesanwar on April 29th, 2014 07:36 am (UTC)
Okay this can be one of the following:
1. Questions above the Custom CSS box should be all No's for Free and Plus users.
2. Sometimes it is the Flexible Squares layout you are using so switching to the Autumn base layout and then entering the coding might change things.
3. Some of the line might be ad placements for Plus users.. read about that in the Journal Section #3.

I also noticed your ribbons are small... this is because you need to use the "Original" image link in Scrapbook... currently you are using the resize of 600.

Let me know if you still need help.
(no subject) - recluse_cicada on April 29th, 2014 01:37 pm (UTC) (Expand)
(no subject) - sireesanwar on April 30th, 2014 04:55 am (UTC) (Expand)
Kat: nodamechargekat_desu on May 14th, 2014 03:20 am (UTC)
Really pretty layouts! Memming for future use! :)

I thought I replied to a comment so I deleted my original comment. lol Sorry.
And it happened again. I'm really very sorry.
Jill aka Josireesanwar on May 14th, 2014 10:29 pm (UTC)
Glad you like it.
Lordeslordes on May 20th, 2014 01:41 pm (UTC)
I don't know what I'm doing wrong, but I can't get the header image to work. I tried adding it as header-image:(URL); and without that, as your original code didn't include where to put it, and however I try it it keeps looking messed up. Could you maybe help me out?
Jill aka Jo: Fringe: Turq Oliviasireesanwar on May 20th, 2014 08:15 pm (UTC)
Okay so the coding does include this. The header-image coding is at the very bottom of all the coding. You should be able to add the url in there and get it to come up.

If you continue to have issues... let me see the problem and I can help you solve it.
(no subject) - lordes on May 21st, 2014 08:07 am (UTC) (Expand)
(no subject) - sireesanwar on May 21st, 2014 06:51 pm (UTC) (Expand)
(no subject) - lordes on May 22nd, 2014 04:26 pm (UTC) (Expand)
(no subject) - sireesanwar on May 22nd, 2014 11:16 pm (UTC) (Expand)
(no subject) - lordes on May 23rd, 2014 09:59 am (UTC) (Expand)
(no subject) - sireesanwar on May 23rd, 2014 11:16 pm (UTC) (Expand)
(no subject) - lordes on May 26th, 2014 02:29 pm (UTC) (Expand)
(Deleted comment)
Jill aka Josireesanwar on May 21st, 2014 07:17 pm (UTC)
Glad you like it and you are welcome. Also if you have any problems let me know.
luscarailikefeels on May 25th, 2014 09:22 am (UTC)
Thank you
Thank you for this layout, it's so pretty. <3 And thank you for adding a violet color, it's my favorite ^^
Jill aka Josireesanwar on May 27th, 2014 05:30 am (UTC)
Re: Thank you
Very glad you like it. Enjoy!
Yvonne Reidyvonnereid on May 29th, 2014 08:05 pm (UTC)
Hi there,

I am really in love with the whole live purple one. I have no idea about css coding, is there any chance I could pass my log in details to you and you put the layout in for me, trimmings included?

Huge Hugs - Yvonne xx
Jill aka Josireesanwar on May 29th, 2014 08:46 pm (UTC)
I can do that if you wish. I would PM me the details and be sure to tell me which color and if there is a header image above or elsewhere you'd like to use.
(no subject) - yvonnereid on May 29th, 2014 10:20 pm (UTC) (Expand)
(no subject) - sireesanwar on May 31st, 2014 12:31 am (UTC) (Expand)
Leviathan: kittyleviathan101 on May 30th, 2014 05:22 pm (UTC)
Thank you! It's very well made!
Jill aka Josireesanwar on May 31st, 2014 12:14 am (UTC)
Thank you!
Jenna: fomerly chocolate_coins: I Say We Get Drunkjennashaped on June 25th, 2014 05:04 am (UTC)
Thanks! Used this layout for my friend memeann012084. Credited in profile. :)
Jill aka Josireesanwar on June 25th, 2014 11:16 pm (UTC)
Great. I'm glad.

I do think some of the above Additional Directions need to be gone over as the navigation bar isn't up with the header image.
(no subject) - jennashaped on June 25th, 2014 11:33 pm (UTC) (Expand)
(no subject) - sireesanwar on June 25th, 2014 11:45 pm (UTC) (Expand)
(no subject) - jennashaped on June 25th, 2014 11:52 pm (UTC) (Expand)
(no subject) - sireesanwar on June 25th, 2014 11:54 pm (UTC) (Expand)
(no subject) - jennashaped on June 26th, 2014 12:02 am (UTC) (Expand)
(no subject) - sireesanwar on June 26th, 2014 06:15 am (UTC) (Expand)
aychan_desuaychan_okamoto on July 8th, 2014 08:31 am (UTC)
wow, so beautiful.. *_*
thank you very much :)
Jill aka Josireesanwar on July 9th, 2014 12:00 am (UTC)
So welcome.
farsjufarsju on August 5th, 2014 10:07 pm (UTC)
I decided to use this layout for this community. I have to admit I did some changes but tried to keep it's origial character. Everything worked and looked fine for me but apparently that doesn't seem to be the case when I'm logged out at Chrome (and IE). Everything works fine with firefox but Chrome is kinda strange and I don't know anything to solve this. Because it doesn't make any sense to me that the nav bar and the sidebar image are gone and the taglist doesn't work as usual when I'm not logged in.
Do you have any idea how to solve this?
Jill aka Jo: Outlander: Jamie circlesireesanwar on August 7th, 2014 11:36 pm (UTC)
I'm not sure actually.

When I look at the community in IE and Chrome I see no issue and I'm not logged in on either browser. I suspect there is a bug with the browsers or LJ.

I did a little digging around and I think part of the issue is with Chrome and IE. These images are considered absolute and the browsers don't always like them though I'm confused as to why I can see them perfectly and you are having trouble.

I'm unsure how I can solve this issue.
(no subject) - farsju on August 8th, 2014 07:20 am (UTC) (Expand)
(no subject) - sireesanwar on August 10th, 2014 11:16 pm (UTC) (Expand)