steak sauce (![[info]](https://www.insanejournal.com/img/userinfo.gif){kind=small} a1) wrote in ![[info]](https://www.insanejournal.com/img/community.gif){kind=small} koding,@ 2014-05-24 21:27:00 |
 |
|||
|
|
|
|
|
|
|
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
