87. Ribbon Rainbow
Apr. 16th, 2014 04:40 pm![[identity profile]](https://www.dreamwidth.org/img/silk/identity/openid.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
Layout Style: S2 Flexible Squares
Features: Ribbon Navbar, Sidebar and Subject
Layout Width: 1000px

{ Preview } { Live Blue } { Live Teal } { Live Purple } { Live Red }
Credit:
layout_lounge
Theme and Layout Change Tutorial
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:
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:

Ribbon Subject:




Ribbon Navebar:




Headers:





Background Image

More 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.
Features: Ribbon Navbar, Sidebar and Subject
Layout Width: 1000px

{ Preview } { Live Blue } { Live Teal } { Live Purple } { Live Red }
Credit:
![[livejournal.com profile]](https://www.dreamwidth.org/img/external/lj-community.gif)
Theme and Layout Change Tutorial

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:
- 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.
- Go to the Header Section, find the coding .header and put the Ribbon Navbar direct link where it says HEADER-NAVBAR IMAGE URL.
- Then got to the Sidebar Section and find the coding .sidebar and put the Ribbon Sidebar direct link where it says SIDEBAR IMAGE URL.
- 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:




Ribbon Subject:




Ribbon Navebar:




Headers:





Background Image

More 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.
Theme and Layout Change Tutorial or Helpful Hints
If that didn't work. Comment Below with example if possible.
(no subject)
Date: 2014-04-17 12:06 am (UTC)(no subject)
Date: 2014-04-17 07:54 pm (UTC)(no subject)
Date: 2014-04-17 07:16 am (UTC)(no subject)
Date: 2014-04-17 07:55 pm (UTC)(no subject)
Date: 2014-04-17 11:25 am (UTC)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.
(no subject)
Date: 2014-04-17 07:56 pm (UTC)No problem. It happens.
(no subject)
From:(no subject)
Date: 2014-04-17 02:45 pm (UTC)(no subject)
Date: 2014-04-17 07:57 pm (UTC)(no subject)
Date: 2014-04-18 02:56 pm (UTC)http://southrnbygrace.livejournal.com
I didn't change anything other than the coding in the instructions.
Thanks!!!
(no subject)
Date: 2014-04-21 09:09 pm (UTC)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.
(no subject)
Date: 2014-04-29 05:15 am (UTC)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.
(no subject)
Date: 2014-04-29 07:36 am (UTC)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 (http://layout-lounge.livejournal.com/33030.html).
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)
From:(no subject)
From:(no subject)
Date: 2014-05-14 03:20 am (UTC)I thought I replied to a comment so I deleted my original comment. lol Sorry.
And it happened again. I'm really very sorry.
(no subject)
Date: 2014-05-14 10:29 pm (UTC)(no subject)
Date: 2014-05-20 01:41 pm (UTC)(no subject)
Date: 2014-05-20 08:15 pm (UTC)If you continue to have issues... let me see the problem and I can help you solve it.
(no subject)
From:(no subject)
From:(no subject)
From:(no subject)
From:(no subject)
From:(no subject)
From:(no subject)
From:(no subject)
Date: 2014-05-21 07:15 pm (UTC)(no subject)
Date: 2014-05-21 07:17 pm (UTC)Thank you
Date: 2014-05-25 09:22 am (UTC)Re: Thank you
Date: 2014-05-27 05:30 am (UTC)(no subject)
Date: 2014-05-29 08:05 pm (UTC)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
(no subject)
Date: 2014-05-29 08:46 pm (UTC)(no subject)
From:(no subject)
From:(no subject)
Date: 2014-05-30 05:22 pm (UTC)(no subject)
Date: 2014-05-31 12:14 am (UTC)(no subject)
Date: 2014-06-25 05:04 am (UTC)(no subject)
Date: 2014-06-25 11:16 pm (UTC)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)
From:(no subject)
From:(no subject)
From:(no subject)
From:(no subject)
From:(no subject)
From:(no subject)
Date: 2014-07-08 08:31 am (UTC)thank you very much :)
(no subject)
Date: 2014-07-09 12:00 am (UTC)(no subject)
Date: 2014-08-05 10:07 pm (UTC)Do you have any idea how to solve this?
(no subject)
Date: 2014-08-07 11:36 pm (UTC)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)
From:(no subject)
From:(no subject)
Date: 2014-09-03 11:50 pm (UTC)This is so pretty!!
Thank you so much!
I'm pretty new at LJ so i quite messed up a while ago.. but luckily the codes resembles html tags lol.. and u arranged it neat and organize so it becomes easy to customize.. but still it took me an hour to edit it xD hopefully i did it right lol..
I'm already using it and the credits are on the profile page...
Thanks again!
(no subject)
Date: 2014-09-05 05:46 am (UTC)I'm so glad my coding is neat enough to help you work though things... yes, getting things just right can be time-consuming. It looks good.
You are very welcome.
(no subject)
Date: 2014-10-10 04:34 am (UTC)I'm using your code in my community here rawres[.]livejournal[.]com.
of course I already credit you in my profile page.
But I have one question, why my sidebar blurp and userpic really have a lot distance? I already try to correct it by decreasing the margin in sidebar, but it not working.
Do you have any suggestion?
Thank you before :)
(no subject)
Date: 2014-10-10 11:30 pm (UTC)Does this answer your questions?
(no subject)
From:(no subject)
From:(no subject)
From:(no subject)
Date: 2014-12-16 04:13 pm (UTC)I chose the green ribbon and changed the background with other pattern. It's great.
Thank you for the tutorial, I understood and it makes easy.
(no subject)
Date: 2014-12-16 11:19 pm (UTC)(no subject)
Date: 2015-02-05 05:54 pm (UTC)(no subject)
Date: 2015-02-05 08:53 pm (UTC)(no subject)
Date: 2015-02-22 06:09 pm (UTC)(no subject)
Date: 2015-02-27 09:37 pm (UTC)(no subject)
Date: 2015-03-17 01:09 pm (UTC)I am using this layout for my community, and I was wondering, is there a fix to that awfully irritating comment floating thing that's on the bottom of each individual entry? Or is this an LJ thing that can't be fixed?
(no subject)
Date: 2015-03-17 11:28 pm (UTC)(no subject)
Date: 2015-03-26 02:32 pm (UTC)But i have a concern though. Why is it that the music and location is not showing up in all my posts? Hope you can help me on that. Thanks.
(no subject)
Date: 2015-03-27 10:21 pm (UTC)Find this:
.currentlocation, .currentmusic {
display:none;
}
Just delete it and they will appear.
(no subject)
From:(no subject)
From:(no subject)
Date: 2015-04-06 10:32 am (UTC)I installed it on my LJ (the teal one), using your tutorial which made it so easy.
Thank you for everything!
(no subject)
Date: 2015-04-06 11:00 pm (UTC)Thank you!
Date: 2015-07-06 05:28 pm (UTC)Re: Thank you!
Date: 2015-07-09 07:59 pm (UTC)Re: Thank you!
From:Re: Thank you!
From:Re: Thank you!
From:Re: Thank you!
From:(no subject)
I'm using this ^^
(no subject)
Date: 2015-12-23 11:39 pm (UTC)