Previous | Next

Layout: Shine Bright


light image prev | [info]tess027
dark image prev | [info]tess027a


001: Informative Info
And here we have another layout! I was so glad to have figured out a way to create columns that I decided to make another one for variation! This one has light and dark versions, multiple options for your header cutout shape, an extremely minimal topbar, and (like the last one) a fully functioning and confusion-free flist. Enjoy! <3
002: The Layout
LIGHT VERSION - SHINE BRIGHT


DARK VERSION - MILES TO GO


003: Directions
→Go to Basics, choose S2, fill in your title and subtitle if desired, then save.
→Go to Look and Feel, choose Complete Style for the layout, then save.
→Go to Custom Options, and choose the following:
→Layout Type: Two column (Sidebar on left)
→Disable customized comment pages for your journal: Yes

→Link text to leave a comment: Comment
→Text used to link to the 'Recent Entries' view: Recent
→Text used to link to the 'Archive' view: Archive
→Text used to link to the 'Friends' view: Friends
→Text used to link to the 'User Information' view: Profile

→Body of custom sidebar module [FOR LIGHT VERSION]: <img src="http://i.imgur.com/dVkXPlD.png">
→Body of custom sidebar module [FOR DARK VERSION]: <img src="http://i.imgur.com/Tcvn9mC.png">
→Person to credit if you have an individually created layout: Layout by Tessisamess
→URL to link the credit to: http://tessisamess.insanejournal.com/

→Custom stylesheet: Input the code above and save
004: CTRL+F This Shit
LIGHT VERSION - SHINE BRIGHT
#FFF to change topbar and entry background color.
http://i.imgur.com/G3L9tcX.png to change page background, image border, and nav link background.
#EEE to change date and tag border.
#DDD to change all borders.
#815F9F to change accent color.
#777 to change bulk text color.
#000 to change title shadow color.
http://i.imgur.com/cQniRJG.gif to change topbar gif.
AMATIC SC to change accent font.
HELVETICA,SANS-SERIF to change THING.

ALTERNATE LIGHT CUTOUTS
→HEART: http://i.imgur.com/IYglKaE.png
→STAR: http://i.imgur.com/kdWNGRR.png
→CIRCLE: http://i.imgur.com/Tv8YFqq.png
→SKULL: http://i.imgur.com/yy5ETls.png

DARK VERSION - MILES TO GO
#000 to change topbar and entry background color.
http://i.imgur.com/IP3Si66.png to change page background, image border, and nav link background.
#101010 to change all borders.
#4D5E6C to change accent color.
#555 to change bulk text color.
#444 to change date and nav link color.
#FFF to change title shadow color.
http://i.imgur.com/rNxNBkC.gif to change topbar gif.
AMATIC SC to change accent font.
HELVETICA,SANS-SERIF to change THING.

ALTERNATE DARK CUTOUTS
→HEART: http://i.imgur.com/sP2iWOS.png
→STAR: http://i.imgur.com/NAid7V9.png
→CIRCLE: http://i.imgur.com/Hncm4Hc.png
→DIAMOND: http://i.imgur.com/eqKTXec.png
005: Rules and Shit
→Credit me in your profile if removing it from the layout.
→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

Jan. 7th, 2015 01:15 am (UTC)
HEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEY

SEXY LADY

Jan. 7th, 2015 03:54 am (UTC)
Jan. 7th, 2015 04:20 am (UTC)


ANYWAY YEAH using this for two journals, yup!
Jan. 7th, 2015 03:06 am (UTC)
YOU'RE RIDICULOUS.
Jan. 7th, 2015 03:07 am (UTC)
TRANSLATION:
ilovethis
Jan. 7th, 2015 03:55 am (UTC)
Heeeeeeee.
Jan. 7th, 2015 05:18 am (UTC)
this is the good nooch right here, hubba hubba ♥
Jan. 7th, 2015 07:29 am (UTC)
Awwwwyeah. ♥
Jan. 7th, 2015 04:24 pm (UTC)
I'm in love!
Jan. 7th, 2015 09:04 pm (UTC)
Heeee, ty ty! ♥
Jan. 8th, 2015 08:12 pm (UTC)
Question for you, darling! The images like the diamond and the heart, how do you get it to look like that so yu can use a gif in the background? I thought this layout would be cute for my Rose Tyler journal, and I wanted to try and make the shape look like the TARDIS instead of the diamond.
Jan. 8th, 2015 09:07 pm (UTC)
If you have an image editing program lie GIMP or PhotoShop, this should only take about a minute. :3 First, take an image like this. Make sure to set the layer to handle opacity, then clear out just the black areas so it's transparent, then save and use! The layout will adjust its size to fit. (If using it for the black layout just invert the colors before saving.)

If all of that just made your eyes glaze over, however, I can do it for you once I'm on my desktop! :D
Jan. 9th, 2015 03:09 am (UTC)
I'm learning little by little, but this is definitely giving me some trouble!

If you don't mind!
Jan. 17th, 2015 09:29 pm (UTC)
hi, dear! I've been trying to mess with it, but I'm not sure what the steps are to do what you've said! I don't mind trying to do it on my own, since I like learning stuff like this! Could I pm my email to you and have you give me a step by step instruction? :) I'm using GIMP!
Jan. 17th, 2015 10:33 pm (UTC)
Sure! I'm so sorry I didn't get to your earlier comment haha. I got busy and totally spaced. XD I can't get to it until tonight, though. Gotta do my kid's birthday party. :3 But she's fuckin' six it ain't gonna be an all night rager lmao.
Jan. 17th, 2015 10:35 pm (UTC)
Message sent, and you're fine! Haha. I don't know, those parties for six year old can get CRAZY. Lol.
Jan. 8th, 2015 06:46 am (UTC)
I just changed a bunch of layouts to the last gorgeous layout you made and now? Now I want to go and change more to this gorgeous layout.
Jan. 8th, 2015 07:36 am (UTC)
LOL, oh nooo. ♥ I'm sorry! Kinda. :P
Jan. 8th, 2015 07:01 am (UTC)
OMFG.

Jan. 23rd, 2015 06:11 am (UTC)
Heeeeeeeee <333
Jan. 8th, 2015 11:35 pm (UTC)
Saving for future use! <3
Jan. 23rd, 2015 06:11 am (UTC)
<3
Jan. 9th, 2015 01:48 am (UTC)
I love this layout. The top bar is perfection and the columns are so cool. Using it at [info]ensorcell, [info]booksarelove, and eventually this journal. I have one issue and one question.

I'm on Chrome and the columns look like this to me.

Would it be possible to get the layout without the columns on the entries page? My character isn't into them apparently which is a shame because they're really awesome.
Jan. 23rd, 2015 06:09 am (UTC)
Man, that's so weird. I'm on Chrome (and most of my buds are too) and none of us have seen this issue. :( Anyway, I'll add a column-less version to this post sometime this week and I'll let you know once it's up. <3
Apr. 11th, 2015 11:45 pm (UTC)
Hello! Sorry, it probably seems like I'm jumping on this thread, my bad, but I was just wondering if you still had plans to share the code for the column-less version of this gorgeous layout? Because I'm so keen to use it but I'd love to use without the blocks/columns. Thanks either way! :)
Jan. 23rd, 2015 05:46 am (UTC)
I'm going to use this layout, but I want to change the diamond to the circle, and I can't figure out how to do it?
Jan. 23rd, 2015 06:11 am (UTC)
Just replace the image URL with the URL for the circle. :)
→Body of custom sidebar module [FOR LIGHT VERSION]: <img src="http://i.imgur.com/dVkXPlD.png">
→Body of custom sidebar module [FOR DARK VERSION]: <img src="http://i.imgur.com/Tcvn9mC.png">
Jan. 26th, 2015 06:34 am (UTC)
I feel completely stupid right now. That was so easy! Thanks <3
Jan. 26th, 2015 06:25 pm (UTC)
LOL, nah it happen, man. <3 You're welcome!
Jan. 29th, 2015 07:28 am (UTC)
HELLO! I absolutely looove this layout and right now i'm trying to put it on a journal, but I noticed that instead of automatically resizing my gifs in the entries I have scroll bars instead (like they're too big?). Is there something I can do to fix that?
Feb. 8th, 2015 02:00 am (UTC)
JSYK you posted the wrong code for the accent color for the dark layout in the ctrl+f list.
Jul. 15th, 2015 02:54 am (UTC)
for some reason my comment/comments aren't showing up on my journal, but when i visit my friends page they do. how can i fix that?
Aug. 31st, 2015 09:57 pm (UTC)
I feel so stupid. I copy and pasted the code exactly but the header isn't showing up at all the the links are in the wrong place. Any help?
Aug. 31st, 2015 10:08 pm (UTC)
Hmm, I'm not seeing the header image in your code. Make sure you've got <img src="http://i.imgur.com/Tcvn9mC.png"> in the first custom text and that your sidebar ordering is set to display the custom text. If either of those aren't the problem let me know! <3
Aug. 31st, 2015 10:11 pm (UTC)
Oh my god. I am an idiot. I totally thought that step was in the code. Thank you for helping me out <3
Aug. 31st, 2015 10:13 pm (UTC)
Hee, it happens. You're welcome! <3
Mar. 1st, 2016 04:32 am (UTC)
Hi!

Do you know why only the links (tags and cuts) in the left-most column work? I've tested it out and for some reason, the only way to get into a post in the middle and right columns is to click on the title. Without a title, there's just no way.

Help?
May. 4th, 2016 11:12 am (UTC)
Using here (with edits)!
Jun. 16th, 2016 12:51 am (UTC)
Hi there! I'm using this glorious layout at this journal, but the skull icon doesn't seem to be working. Any idea why? I always get a white screen loading when I try to open the skull icon link in a new window.
Jun. 16th, 2016 05:22 am (UTC)
Thank you! It's there, it's just that you're viewing an all white and transparent image on a white background when you open it in a new tab. Right-click the upper left hand corner of the page where the image is and you'll find an options menu.
Jun. 16th, 2016 03:08 pm (UTC)
You know, that makes sense :) Thanks!

I'm just wondering if there's any reason it wouldn't show up here, though? http://chimeramonster.insanejournal.com/

I made no edits to the code, just followed the instructions and saved.
Jul. 19th, 2017 03:34 am (UTC)
It took over a year for me to be patient enough to fiddle with this (just in case you were wondering why the hell someone comments on this when you have made so many fantastic layouts since) but it was too perfect to pass up for this character.

And now that I saw your latest I am rethinking another character's journal... that I just updated to your previous layout. I hate you, in the best way.