[align=center] [b]|| ♥ A BRAiNS && BEAUTY PRODUCTiON ♥ ||[/b] Lot's of people don't know how to put tweaks in their layouts, so this Tutorial might be of help. [b] [i]NOTE[/b]: Remember, these are only the basics on how to put [b]JS[/b] tweaks in your layouts. Don't post here asking about CSS tweaks. That's a different story... There are much more effective ways on how to put tweaks in your layouts. These are only for Beginners like Me. [/i] [img]http://dl7.glitter-graphics.net/pub/68/68547cwg98wmzcn.gif[/img] [i][b]Credits to[/b]: Sir Eehjhay [for allowing me to post this] Sir Echo [for teaching me these and being so patient!] Sis Micky Sir Ephemeral Sis Shy[/i] ^ Thanks Guys! [img]http://dl7.glitter-graphics.net/pub/68/68547cwg98wmzcn.gif[/img] [i][b]What you need[/b]: Common Sense Patience[/i] [img]http://dl7.glitter-graphics.net/pub/68/68547cwg98wmzcn.gif[/img] [i][b]To the mods[/b]: You can delete, edit or move this at anytime... [/i] [img]http://dl7.glitter-graphics.net/pub/68/68547cwg98wmzcn.gif[/img] All About JS Files and how to Compile them. OK, what we need to do first is make a JS File with a CSS Injection. Refer to '[b][url=http://theftalk.com/t22027-Making-Extensions-Files.-%5BFriendster-Editing%5D.html/]Making Extension Files[/url][/b]' by [b]Sir Ephemeral[/b]: Note: You may find this Similar to Micky and Shy's Thread, so I extend my credits to them. • Go to [url]http://www.ripway.com[/url] or any other similar web hosting site. • Register then login to your account. If you already have an account, just login. • After Logging In, go to '[b]My Files[/b]'. • After selecting '[b]My Files[/b]', look for '[b]Create Text Document[/b]' found on right area of page. [img]http://img.photobucket.com/albums/v674/EphimeralKaizer/2-2.jpg[/img] 1) After clicking '[b]Create Text Document[/b]' you will see '[b]Filename field[/b]' and '[b]Text field[/b]'. On Filename of course, name your file then add .js 2) After that, paste the code below in your file.[/align] [quote]var css = document.createElement("link"); function injectcss() { if(window.cssinjected == undefined) { cssinjected = 1; var css = document.createElement("link"); css.setAttribute("type","text/css"); css.setAttribute("rel","stylesheet"); css.setAttribute("href","[b]http://h1.ripway.com/ftalkcssjs/wakoko.css[/b]"); css.setAttribute("media","screen, print"); document.getElementsByTagName("head")[0].appendChild(css); } }injectcss();[/quote] [align=center][i][b]NOTE[/b]: Can you see the part that I [b]bolded[/b]? That is the Direct Link of your CSS, in other words, your CSS Layout. Are you getting this?[/i] 3) Now, you can put the tweaks. You can browse with our very own Tricks and Tutorials Section. [b]Example[/b]: [img]http://i29.tinypic.com/1zxwg2a.jpg[/img] ^ [b]Click this [url=http://i29.tinypic.com/1zxwg2a.jpg /]link[/url] to make it larger.[/b] The one boxed in [b]black[/b] is the CSS Injection containing the Direct Link of my CSS Layout. The ones boxed in [b]red[/b] are the tweaks I added. [i][b]NOTE[/b]: Take note that [b]I only pressed the ENTER button ONCE[/b]. If you pressed enter more than once or just put a space between them, it won't work.[/i] [b]Example:[/b][/align] <">[align=center] You notice that when you press the Enter Key, the thing that looks like this '|' that blinks will advance once. [Sorry, I forgot what it's called ]This is what you should do to make it work. 3) After putting all the tweaks you want, you can now Save your Work by clicking '[b]Save Changes[/b]'. 4) Then, get the Direct Link and put it together with the latest working linker which can be found in the UnderGround Section. Then that's it! Easy as that. Hope this helped Newbies and Layout-Makers out there who don't know how to put tweaks in their layouts! Good Luck! [/align]

Last edited by ♥brains&beauty♥ (2009-05-14 08:44:34)