Tweak

InsaneJournal

Tweak says, "Warmest regards"

Username: 
Password:    
Remember Me
  • Create Account
  • IJ Login
  • OpenID Login
Search by : 
  • View
    • Create Account
    • IJ Login
    • OpenID Login
  • Journal
    • Post
    • Edit Entries
    • Customize Journal
    • Comment Settings
    • Recent Comments
    • Manage Tags
  • Account
    • Manage Account
    • Viewing Options
    • Manage Profile
    • Manage Notifications
    • Manage Pictures
    • Manage Schools
    • Account Status
  • Friends
    • Edit Friends
    • Edit Custom Groups
    • Friends Filter
    • Nudge Friends
    • Invite
    • Create RSS Feed
  • Asylums
    • Post
    • Asylum Invitations
    • Manage Asylums
    • Create Asylum
  • Site
    • Support
    • Upgrade Account
    • FAQs
    • Search By Location
    • Search By Interest
    • Search Randomly

steak sauce ([info]a1) wrote in [info]koding,
@ 2014-05-24 21:27:00

Previous Entry  Add to memories!  Tell a Friend!  Next Entry
stealing layouts one. leave questions in comments.
stealing layouts-tutorial one



FIRST we're gonna steal this layout: http://secilia.insanejournal.com/

static: http://i.imgur.com/A33EKhJ.png

STEP 1: right-click and view source
STEP 2:scroll down until you see the <*title*> tag start OR in this case the "link href=" tag because this layout is using at least one google font.

now there is a style tag right at the start of every journal source but those are just generic codes you don't need. you want to start stealing the code when it begins to look customized, which is usually under where the title tag is. for this journal, we copy from that link href, title, and customized style area to the end style tag.





STEP 3: two things you MUST do before you start pasting overrides are ONE: go into the "look and feel" tab and clear out all the custom colors until it looks like this. TWO: define a website on the "manage profile" page. just put a "." for name and google or any website for the link.

STEP 4: on the custom options tab of the customize journal page we start by opening the global head tab with GLOBAL_HEAD<=

then paste all that we copied, keep the credits intact, change the colors, fonts, and images so you're not jacking someone else's shit, and rehost any fonts (these are hosted by tumblr which i might do another tutorial for later, how to host them on tumblr or webs) or if you're not going to use those fonts delete the custom fonts tags and just use google fonts

STEP 5: close the global head tag with <=GLOBAL_HEAD

STEP 6: this is the important one that you can't get just by c/p from view source. in order to get layouts where you have stylized text and images on the top instead of naivgiation and an icon, or to get stylized things on the side, you have to define a lastn_website.

start this by directly after ending the global head tag, type LASTN_WEBSITE<=

STEP 7: the easiest way to find the code for this section is to look at the layout again and copy some of the text that's used, whatever lyric or quote and search for it in the source code. with this one i searched for "CHASING OUR TAILS " and found the code. so you see the area where the code is now, but you also need those style tags before it to make it work. (**sometimes there won't be a style tag in that area and people will put it in the main style area. in those cases you will just find the first table or tr tag to start copying**) generally you know when tags start to look customized and not like ij's regular structured coding, that's where you start copying. it just takes practice to start finding where to copy.



STEP 8: paste all that, change the lyrics/words, colors, links, etc. (if you want to link to your profile, friends, etc you don't need to paste the whole url. just typing "/profle" or "/friends" like <*a href="/profle"*> will work and is easier)


then end the lastn-website tag with <=LASTN_WEBSITE

STEP 9: revel in your own genius, even if it is stolen

BE SURE TO CHANGE COLORS FONTS LYRICS & IMAGES/BACKGROUNDS we might be thieves but don't be an asshole

(Post a new comment)


(Anonymous)
2014-05-25 07:39 pm UTC (link)
HELLO! first off i just want to say your tutorial is amazing and very easy to follow so thank you to infinity and beyond and all that but i do have a question. i came across this journal a while back and i don't even think i'd have intentions of using it necessarily, but the fact that i can't figure out one simple little part of it, is probably going to bug me UNTIL I FIGURE IT OUT. okay so [info]ojw's layout compared to my test layout [info]0827 - most everything was able to c/p with no issues but i'm still showing the title/navigation links (entires/friends/calendar/etc.) and i've gone through the coding a few times comparing the two and i can't tell what i'm missing

SORRY FOR ALL THE RAMBLING i hope i make sense and if i don't i'm really sorry

(Reply to this) (Thread)


[info]a1
2014-05-25 08:38 pm UTC (link)
i tried to duplicate it for you annie, and then when i couldn't, i realized that she's using a custom style, so it can't be replicated in overrides. but you could get something similar with a background image and words, and navigation. give me a sec to find you an example.

(Reply to this) (Parent)


[info]a1
2014-05-25 09:10 pm UTC (link)
http://joe.insanejournal.com/

with that layout you can go into the source and see the image is in the body-background and you can edit image in photoshop to help place it off to one side, but that's the best i can advise i think, sorry annie!

(Reply to this) (Parent) (Thread)


(Anonymous)
2014-05-25 09:58 pm UTC (link)
ah thank you so so very much!

(Reply to this) (Parent)


(Anonymous)
2014-07-29 11:33 am UTC (link)
could i please get help with this (http://ruffaloma.insanejournal.com/) layout if you have the time?

(Reply to this) (Thread)


[info]a1
2014-07-29 11:42 am UTC (link)
sure, anon! i was able to steal and duplicate it fine, what are you having trouble with exactly? because other than having a fuck ton of style tags in the first part, there's nothing really special that you have to do that's not already in the tutorial.

(Reply to this) (Parent)


[info]a1
2014-07-29 11:48 am UTC (link)
that is you start copying from the first <*title*> tag to see to the next one which is ij's generic title tag that doesn't show up (don't copy that one, that's just where you know to stop copying)

and then for the second part, the header in the lastn_website area, you start at the first <*tr> tag to the last <*/tr> tag

(Reply to this) (Parent)


[info]jfl
2014-08-06 02:04 am UTC (link)
you are going to have a pm!

(Reply to this) (Thread)


[info]a1
2014-08-06 03:07 am UTC (link)
you have a reply!

(Reply to this) (Parent) (Thread)


[info]jfl
2014-08-06 03:08 am UTC (link)
replied!

(Reply to this) (Parent) (Thread)


[info]a1
2014-08-06 03:21 am UTC (link)
one more!

(Reply to this) (Parent)


(Anonymous)
2014-08-08 09:20 pm UTC (link)
hi! i was wondering how to steal the friends page as well?

(Reply to this) (Thread)


[info]a1
2014-08-09 02:28 am UTC (link)
you repeat everything starting from step 6, except you use the tag FRIENDS_WEBSITE this time, instead of lastn_website. so you'll end up with a section that has the lastn_website overrides then right under it a section with the same exact overrides but sandwiched between a friends_website tag.

(Reply to this) (Parent)


(Anonymous)
2014-08-14 09:07 pm UTC (link)
Image i tried my best to steal this layout, i thought i had it since it's so simple but there's a few things missing from the layout that i can't figure out. would you be able to help me out?

(Reply to this) (Thread)


[info]a1
2014-08-14 09:17 pm UTC (link)
i was able to duplicate it fine, you'd just have to go change the colors under the "look and feel" tab to get the same colors. what are you missing when you try to duplicate it?

(Reply to this) (Parent) (Thread)


(Anonymous)
2014-08-14 09:43 pm UTC (link)
it's not that i'm missing anything, more like i can't get certain things to show up or go away. for instance the insanejournal userinfo/calendar links on the top right and the middle of the header won't go away. and the date on top of the time (the time also won't show up) at all. i did link a website but is the rest still a matter of changing colors?

(Reply to this) (Parent)

(Screened Post)

[info]a1
2014-10-08 09:57 pm UTC (link)
from what i can see you took the style code that's meant for the lastn_website area and pasted it into the global head. i would suggest copying just the first set of styles into the global head and then the second that comes with the sidebar stuff into the lastn_website. i was able to duplicate it with this journal, so if you do that it should work.

(Reply to this) (Parent) (Thread)


[info]campola
2014-10-09 08:23 am UTC (link)
got it! thank you so much for your help!

(Reply to this) (Parent)


[info]dodge
2014-11-25 04:42 pm UTC (link)
can you help me with something like [info]rosie's layout? i can't seem to get it to work.

(Reply to this) (Thread)


[info]a1
2014-11-25 05:54 pm UTC (link)
i tried to duplicate it but i can't really seem to get it to look the same either, i'd suggest contacting that person and seeing if they'll pastebin the overrides exactly as they are for you or help you out, sorry annie.

(Reply to this) (Parent) (Thread)


[info]dodge
2014-11-25 06:01 pm UTC (link)
i actually figured it out right after i asked you, you need the last_website tags and i wasn't putting them in the right place. however, i do have a question for you still, i can't seem to get rid of this

(Reply to this) (Parent)


[info]a1
2014-11-25 05:55 pm UTC (link)
and if they do, if you wouldn't mind sharing them with me so i can help people out with codes i can'd find in the view-source in the future, i'd appreciate it!

(Reply to this) (Parent) (Thread)


[info]dodge
2014-11-25 06:10 pm UTC (link)
http://pastebin.com/VbmvBY2R

(Reply to this) (Parent) (Thread)


[info]a1
2014-11-25 06:11 pm UTC (link)
thank you!

(Reply to this) (Parent) (Thread)


[info]dodge
2014-11-25 06:14 pm UTC (link)
you're welcome! is there any way you can take a look and see where i missed that calendar etc link to get rid of it?

(Reply to this) (Parent) (Thread)


[info]a1
2014-11-25 06:21 pm UTC (link)
okay are these the codes from you that you figured out, or from them? because i can't get rid of that either, that's been my whole issue when i duplicated it and told you i can't get it to look the same. i was able to get everything else working. but sometimes there's things that for some reason don't show up in the view source or in the same order than the original overrides, and the easiest way to fix or figure it out is to ask for the overrides and start looking there.

(Reply to this) (Parent) (Thread)


[info]dodge
2014-11-25 06:25 pm UTC (link)
okay, thank you! i'll ask them about it.

(Reply to this) (Parent)


[info]maul
2014-11-26 02:40 pm UTC (link)
http://pastebin.com/MYhMDvDH this should solve the issue

(Reply to this) (Parent)


(Anonymous)
2014-12-04 05:04 am UTC (link)
could you give a step by step on how to upload fonts to tumblr and install them in a layout? i haven't tried doing it in a long time and keep screwing up things. thanks!

(Reply to this)


(Anonymous)
2014-12-17 05:02 am UTC (link)
could you help me with [info]catherine's layout? no matter what i do i can't get the date on a separate line!

(Reply to this)


[info]davisalex
2017-10-21 04:07 am UTC (link)
Hi there...first off...thank you for this...

second off...I need help...I was trying to copy this layout and while I got the main entry for it...I can't seem to figure out how to do the gif on the side...help...pleeeeeeease.

(Reply to this) (Thread)


[info]a1
2017-10-21 04:13 am UTC (link)
this is steps 6-8 from the tutorial, you can search for this code in the original layout but searching for a few words in the lyrics. you'll see then that you'll need to add this code to a lastn_website tag

(Reply to this) (Parent)


[info]a1
2017-10-21 04:15 am UTC (link)
and don't forget to define a website, like in step 3.

(Reply to this) (Parent) (Thread)


[info]davisalex
2017-10-21 04:18 am UTC (link)
Thank you! Thank you! Thank you!

That was probably the stupidest question but I couldn't figure it out...lack of sleep...going to blame lack of sleep on that.

(Reply to this) (Parent) (Thread)


[info]a1
2017-10-21 04:26 am UTC (link)
you're welcome!

(Reply to this) (Parent)

Home | Site Map | Manage Account | TOS | Privacy | Support | FAQs