Previous | Next

Layout: Strangeness & Charm


image prev | [info]tess010


001: Informative Info
Here, have another layout. Yet again I'm failing to post 005. It'll happen eventually. Enjoy! <3
002: The Layout


003: Directions
→Make sure you have a website in your profile page.
→Go to Basics and choose S1, then save.
→Go to Look and Feel, choose Generator for all views, then save.
→Go to Custom Options and paste the layout code, then save. Make sure you've done a replace all on the following:
journalname
title here
subtitle line goes right down here
PIC1 through PIC5
JOURNAL TITLE
→All done! :D
004: CTRL+F This Shit
#73BBA2 to change accent color.
#bbb to change bulk font color.
#999 to change title color.
#000 to change sidebar link color.
#333 to change page background color.
#2F2F33 to change entrybox background color.
Josefin Sans to change accent font.
helvetica,arial,sans-serif to change bulk font.
http://i.imgur.com/mp5AnGi.png to remove blocks from sidebar border.
http://i.imgur.com/eHQ3iAB.png to change background image.
005: Rules and Shit
→Credit me either in your link list or your profile.
→Do not remove my credit from the CSS.
→Do not redistribute in part or in whole.
→If you break something during editing don't be scared to ask me to see what happened. Yep. That's a rule.
→If you're a maker like I am and you do something cool with this I'd really like to see it, but it's not necessary.

Comments

Apr. 5th, 2014 02:20 pm (UTC)
This is gorgeous! :D I love it, but then again I love everything you make.

(also first)
Apr. 5th, 2014 03:35 pm (UTC)
:D Heeee, ty ty.

(Don't you "first" me, young lady. I know where you live and also you're better than that. ♥)
Apr. 5th, 2014 08:24 pm (UTC)
Okay so I'm using it on this journal....and I appear to have lost the little bar....

Halp?

(also this is squid, i'm just being lazy)
Apr. 18th, 2014 05:04 pm (UTC)
First, this is fantastic. I love it so much. You are AMAZING. <33

Second, I think I messed it up someplace. On this journal, the boxes overlap the title. Any help you could give me would be very appreciated. <3 Thank you so much.
Apr. 18th, 2014 07:37 pm (UTC)
Heeee, thank you! <3

Could I get a screencap? It looks fine for me, haha.
Apr. 18th, 2014 07:44 pm (UTC)
Absolutely. This is what it looks like for me. :/
Apr. 18th, 2014 07:48 pm (UTC)
Ahhh, you're on a netbook, aren't you?
Apr. 18th, 2014 07:51 pm (UTC)
I'm on a PC laptop with a seventeen(I think) inch screen? Something like that. I just tried it in Chrome though and it looked just fine. So maybe it's a Firefox issue? :/ Chrome really slows my computer down for some reason so I don't use it quite as much.
Apr. 18th, 2014 07:58 pm (UTC)
Huh. That's weird. Sometimes Firefox has issues if I set positions and forget to stick in margin:0, but I didn't forget on this layout and your IJ looks fine when I check it in Firefox (had a friend take a peek too), so maybe it's just on your end?
Apr. 18th, 2014 08:01 pm (UTC)
Huh. That is really weird. o__o. It really must just be me. Thank you so much for your help.
Apr. 18th, 2014 08:03 pm (UTC)
I'm sorry I couldn't be any real help, haha. Maybe if you clear your cache it'll fix it, but I'm really not sure.
Apr. 18th, 2014 08:12 pm (UTC)
I tried that, and no luck, unfortunately. But thank you so much for taking the time. Haha. I am just glad that the universe is just being a strange evil place and that I didn't mess up your code. <33
Jun. 12th, 2014 04:24 am (UTC)
I did not do anything really cool with it, changed the colors a bit... using, loving, credited.
Jul. 5th, 2014 04:17 pm (UTC)
hi, i was trying to make some modifications to the layout, primarily just making the images on the sidebar round instead of square, but once i put in an image link, it's not loading the image. i only have one linked right now, just the first one for recent entries. i would appreciate if you could take a look and see if you can figure out what in the world went wrong. in addition, is there a way to carry over the circle theme to the comments section?
Jul. 7th, 2014 08:47 pm (UTC)
Sorry for the slight delay! Replace everything in /*THE GOODS*/ with the following and you'll have rounded icons/borders/backgrounds for the sidebar image links! :D (I showed the changes in red so you can see how I did it. ♥)

/*THE GOODS*/
#sidebar{text-align:center;font-family:Josefin Sans,georgia,serif;text-transform:uppercase;visibility:visible;background:url(http://i.imgur.com/f7AhFMl.png)repeat fixed;width:350px;height:100%;position:fixed;top:0;left:0;bottom:0;font-size:11px;margin:0;}
#sidebar-inner{display:block;width:350px;height:70px;position:fixed;margin:0;bottom:0;}
#sidebar-border{background:#73BBA2 url(http://i.imgur.com/mp5AnGi.png)center top repeat-y;display:block;width:10px;height:100%;position:fixed;top:0;left:350px;bottom:0;}
#sidebar img{display:inline;width:65px;-webkit-border-radius:55px;border-radius:55px;}
#title{color:#999;display:block;font-size:20px;line-height:70%;}
#subtitle{color:#73BBA2;opacity:0.5;font-size:12px;display:block;}

.icon1, .icon2, .icon3, .icon4, .icon5{position:fixed;display:block;margin:0;overflow:hidden;width:70px;height:70px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear;background:#73BBA2;border:10px solid #73BBA2;-webkit-border-radius:55px;border-radius:55px;}
.icon1{left:60px;top:30px;}
.icon2{left:195px;top:120px;}
.icon3{left:60px;top:210px;}
.icon4{left:195px;top:300px;}
.icon5{left:60px;top:390px;}
.icon1:hover .icon_1, .icon2:hover .icon_1, .icon3:hover .icon_1, .icon4:hover .icon_1, .icon5:hover .icon_1{margin-top:-69px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear;}
.icon_1{display:block;padding:2px;width:65px;height:65px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear;}
.icon_2{display:block;text-align:center;width:70px;line-height:70px;color:#000;}
Jul. 7th, 2014 08:48 pm (UTC)
So far as the comments section, I'm not sure what you mean. With S1 layouts you can only have the site's default comments section and, sadly, there is no way that I know of to edit the coding for that.
Jul. 28th, 2014 05:10 pm (UTC)
Hi. So I'm using your layout over here and it's awesome.

I was curious on how I could get the community name and journal names of her friends list to show up in something other than black so it's readable? I'm sure it's something easy, but I'm totally clueless. Thanks!
Jul. 28th, 2014 07:03 pm (UTC)
Hee ty! <3 Just put the following CSS into the layout's coding:

.entrybox a.index font{color:#666;display:inline-block;text-align:center;}

And play with the color until you like it!
Sep. 8th, 2014 03:10 pm (UTC)
Hi there! I'm a complete newcomer to custom layouts, so I tried to follow the instructions above, but for some reason, I don't have the sidebar with the pictures and the title.

Maybe I've mucked up the coding, but maybe someone more code-savvy like yourself could give me a hand? It's the layout for this journal:

http://eve-online.insanejournal.com/

Thanks :)
Sep. 8th, 2014 04:36 pm (UTC)
You forgot to add a website to your profile. :3 Just go down to where it says Web Page (right under Bio) and fill in the two slots!
Sep. 8th, 2014 06:39 pm (UTC)
Oh! Thank you so much!

Though now apparently my pics don't show up. I just copied their locations from the userpics page. Is there something different I should try?
Sep. 8th, 2014 09:19 pm (UTC)
It looks like it's that your pic URLs are in all caps, for some reason. I'm not sure how that happened, but that's what it is haha.
Sep. 8th, 2014 10:09 pm (UTC)
Oh weird. I'm not sure how it happened, either. But now I've got it. Thanks for all your help :)
Jul. 12th, 2015 08:31 am (UTC)
So pretty! I'll be using it for this journal. Thank you, Miss Tess.
Sep. 9th, 2015 09:58 am (UTC)
I'm not sure what I left out or did wrong, but the comments squares are not showing up on the entries to leave or read comments?

[info]piperhalliwell
Sep. 9th, 2015 10:07 am (UTC)
Comment links don't show up on Generator layouts if you have the comments disabled on your entry, since there's no way to comment them. :)
Sep. 9th, 2015 04:35 pm (UTC)
That was so weird because I didn't disable them, but I guess the previous owner who gave me the journal did.

Thank you, it's all fixed now!
Dec. 22nd, 2015 05:04 am (UTC)
WELL. Between having issues reading because I'm an idiot, imgur telling me a newly uploaded image didn't exist, and a color change... Finally. Here we are. I shall be using this on my bruh here.
Sep. 23rd, 2016 07:02 pm (UTC)
Dear Tess, I had this style working but suddenly it's not and it seems IJ has changed the way journals are customized.

I doubt you know what happened but I thought I'd say something.
Sep. 23rd, 2016 10:16 pm (UTC)
No worries, you just need to put a website in your profile!
Sep. 23rd, 2016 10:28 pm (UTC)
how strange that suddenly changed... Thanks! I just put your journal here as my link. ;P
Jul. 2nd, 2016 06:01 pm (UTC)
Is there anyway to have it so that you can see tags listed on the side?