Log in

No account? Create an account
19 March 2015 @ 12:15 pm
93. Apple of My Eye  
Layout Style: S2 Flexible Squares
Features: Embedded Fonts, Colorful, Custom Userpic
Layout Width: 1100px

{ Preview } { Live }

Theme and Layout Change Tutorial

All embedded in coding from Google Fonts

Additional Layout Directions:

  1. The header image currently isn't being used though there is coding available for a header image should you choose to use one.

  2. Apple image isn't necessary to use. You can add any image that is 100x100 whether it be another userpic image or some other image. The height is set at 100px but the image can be up to 240px wide. You can have a image with a bigger height by adjusting the padding in the .sidebar section.

  3. The brickwall background is a transparent image and you can change the background color in the .body section to any color which will show through it. For more transparent images see Layout Lounge: Semi-Transparent Images.

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


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

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.
tracyj23: Butterflytracyj23 on March 24th, 2015 04:31 pm (UTC)
I like this! I'm thinking I might give it a try - it has a nice, fresh feel to it. Something to perk up my dull dreary winter. *lol*
Jill aka Josireesanwar on March 24th, 2015 07:39 pm (UTC)
Well if you need assistance you know who to call. *wink*
tracyj23tracyj23 on March 26th, 2015 02:30 pm (UTC)
I do! I actually tried it out the other day but I'm finding it too wide. I prefer not having my browser take up my whole computer screen so when I make it narrower I lose the side user pics. Is there a way to fix that?

In the meanwhile I found another one by scholars layouts that I used before once so I'm going with that for a bit, just for a change, but if you can help me with this apple layout I'd like to give it a try too.
Jill aka Josireesanwar on March 27th, 2015 10:22 pm (UTC)
Yep. I can customize it for you but you'll have to give me a couple days because I have other stuff taking all my energy. *wink*
tracyj23: Butterflytracyj23 on March 30th, 2015 07:31 pm (UTC)
No worries, let me know when you have time to think about it and we'll get to it then. I'm liking what I've got in the meanwhile so I can be patient. :)
Jill aka Josireesanwar on March 31st, 2015 07:07 pm (UTC)
No problem.
Jill aka Josireesanwar on April 9th, 2015 12:08 am (UTC)
So what are you thinking? The size of your layout now? That is a bit less than an 800px width which I can totally do for you.
Jill aka Josireesanwar on April 9th, 2015 12:11 am (UTC)
If you want the background image and the apple (or something else if you prefer) I'll need you to upload those to PhotoBucket and send me links for the images.

Oh and 800 looks weird so I'm going to try 900.

Edited at 2015-04-09 12:13 am (UTC)
tracyj23tracyj23 on April 9th, 2015 01:48 pm (UTC)
I really have no idea, to be honest. *lol*
Jill aka Josireesanwar on April 9th, 2015 12:24 am (UTC)
How does this look to you
tracyj23: AoS - May colourful backgroundtracyj23 on April 9th, 2015 01:49 pm (UTC)
It looks good.

The only other thing, and I know it's really minor and silly, is I really prefer the locked post icon to show a locked lock rather than an open one, as I always look at it when it's open and think "yikes, I forgot to do friends only". It's just a silly thing but it always gets me.
Jill aka Josireesanwar on April 9th, 2015 06:42 pm (UTC)
No problem. Okay so I'm going to see if I can upload these images....
Jill aka Josireesanwar on April 9th, 2015 07:10 pm (UTC)
Okay I did that and added some images... check it out. If you like it I've supplied the coding in a post there for you which you can just copy and paste.
tracyj23tracyj23 on April 10th, 2015 12:57 pm (UTC)
It's awesome, thank you! I love the side image - that's just so cool. How did you think up that with the treble clef and heart?

I'm on the run now but will come back and install it later today. *hugs* Thanks so much!
Jill aka Jo: JtV: Writersireesanwar on April 10th, 2015 05:53 pm (UTC)
I'm so glad you like it. I didn't make the image but I did go looking for something like that because you love music so much and I thought you'd prefer something like that to the apple in the preview of the journal. It did take me a bit to find it and then I had to edit it a little because it was partially black which would have just blended into the side.

You are very welcome. If you have any troubles, let me know.
tracyj23: Fireworkstracyj23 on April 11th, 2015 04:11 pm (UTC)
I did like the apple in the preview but the music/heart is much nicer yet, and more suited to me. :) I like that the little user head beside my name has an apple though.

Lots of people have commented on my journal since I switched it over, saying how nice it is. You're just awesome!
Jill aka Josireesanwar on April 16th, 2015 12:07 am (UTC)
I love the apple user tiny icon. I was excited when I found that so I'm glad you enjoy it too. I actually found some other tiny icons I thought were you...
 photo music_note_sh.png  photo treble_clef.png  photo music_note.png

Thanks! I'm so glad you're enjoying it and other seem to like it too! LOL

Edited at 2015-04-16 12:07 am (UTC)
tracyj23: Music - treble makertracyj23 on April 16th, 2015 03:28 pm (UTC)
Those are awesome! I'd love to use them if I could figure out how and where. *lol*
Jill aka Josireesanwar on April 16th, 2015 10:45 pm (UTC)
They are in the Tiny Icons section of the coding and they are under the USER ICON heading and the COMMUNITY ICON heading.

But I can always update coding for you if you like... whatever.
KSenakseenaa on April 14th, 2015 12:10 am (UTC)
Currently using. Didn't think I'd like it because OMG GREEN! But man... It looks much sweeter then I thought and the green ain't as much in yo face as I thought. :-D Really neat!
Jill aka Jo: Arrow: Oliver and Felicitysireesanwar on April 14th, 2015 08:43 pm (UTC)
I'm very glad you like it.
osmosis jonescaptain_snazzy on July 20th, 2015 12:32 am (UTC)
I decided to use this theme and I'm really loving it! The only thing is I was wondering is there's a way I can make it so the posts show what music I'm listening to? I fill out the field when I write the posts and do the same with the mood field, and the mood one will show on the final post but the current music won't :/ Is there part of the code I can change to fix that? Thanks!
Jill aka Jo: Arrow: Time to be a superherosireesanwar on July 20th, 2015 09:48 pm (UTC)
Oopsie. Okay so here is the issue. I don't use those and I always forget to reflect that in the coding.

Find this in the coding:
.currentlocation, .currentmusic { display:none; }

Delete it.

osmosis jonescaptain_snazzy on July 20th, 2015 10:39 pm (UTC)
Awesome thank you so much!
iLLacrystilia_ixora on December 22nd, 2015 06:27 am (UTC)
hi..thank you for an amazing layout. I currently use this.. I want to ask how I can get back my link to my LJ in the nav bar beside the recent entries, archive, friends and about me?

another one is can I put my journal title and subtitle at the top?

thank you.. I do not know much..I such a newbie..

this is my link http://crystilia-ixora.livejournal.com/

Edited at 2015-12-22 06:28 am (UTC)
Jill aka Jo: Outlander: Logosireesanwar on December 24th, 2015 01:34 am (UTC)
Okay so if you want to put a link up on the navigation bar to anything... you do it by adding a website link and title in your profile.

I tend to put my Title and Subtitle on my image because the post titles come up with the Title when you are in the posts but if you want the Title & Subtitle you need to find:
.title, .subtitle { display: none; }

replace with:
.title {
position: relative;
width: 100%;
margin: -300px auto 0px auto;
padding: 0px;
font-size: 72px;
font-family: "Bilbo Swash Caps", Brush Script MT, arial, verdana;
text-align: center;
color: #FFFFFF;
-webkit-text-stroke: 10px black;
0px 0px 10px #000,
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
z-index: 199;

.subtitle {
position: relative;
width: 100%;
margin: -25px auto 0px auto;
padding: 0px;
font-size: 20px;
font-family: "Lato", arial, verdana;
text-align: center;
color: #E970B4;
-webkit-text-stroke: 10px black;
0px 0px 10px #000,
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
z-index: 199;

Welcome to LJ.
iLLacrystilia_ixora on December 24th, 2015 02:58 pm (UTC)
thank you so muucccchhh~~it is a good idea..I think to use you idea or the code...thanks again! ^^,
Jill aka Jo: Arrow: Olicity Never Fail to Amaze Mesireesanwar on December 31st, 2015 12:38 am (UTC)
Debbie Joyceiamdebs95 on April 1st, 2016 04:50 pm (UTC)
Wow! I really like this!
I'm thinking of making this as my journal's layout ~ though i might change some colors and stuffs.
Hope you can help me if ever i get lost in the coding.
btw, thanks for sharing it!