Pages: 12
Hi there. Shakiro here.
you can share your j@v@$cript tricks or C$$ tricks(not layouts) here
your mysp@ce profile requires a linker for these tricks to work[/b][/quote]
[align=center][b]TABLE OF CONTENTS:[/b][/align]
[b]JS
[color=green]comment box with smilies - post #9
change all online now images - post #19
floating objects on the left side - post #1 code 1.1
force viewer to view the english version of the profile - post #23 code 23.1
h!de the @d b@nner - post #1 code 1.2
warped number of friends - post #5 code 5.3[/color][/b]
[b]CSS
[color=green]h!de the @d b@nner (CSS) - post #1 code 1.3[/color][/b]
[b]JS & CSS
[color=green]addBox 1.0 - post #5 code 5.1
sexy sliding menu - post #5 code 5.2[/color][/b]
[align=center][b][color=blue]code 1.1[/color] - floating objects on the left side[/b][/align]
just edit the [b]FLOATING CONTENT HERE[/b] to what ever it is you want to float. Edit [b]var verticalpos[/b] by specifying [b]"fromtop"[/b] or [b]"frombottom"[/b] and also edit these 2 variables
[quote][b]
var startX = 45;
var startY = 150;[/b][/quote]
[b]startX[/b] is the distance from the top or bottom (as specified in your [b]var verticalpos[/b])
[b]startY[/b] is the distance from the left side of the screen
The Code:
[spoiler]<">[/spoiler]
[align=center][b][color=blue]code 1.2[/color] - h!de the @d b@nner[/b][/align]
try also the CSS version [sup]*see next code[/sup]
[url]http://www.myspace.com/shakiro214[/url]
[b]email: [email protected][/b]
Last edited by shakiro214 (2008-05-16 05:55:08)
Last edited by losher29 (2008-05-11 19:19:22)
scratch that last remark
I think I can do that for you, but I'll have to work on it
[align=center][b][color=blue]code 5.1[/color] - addbox 1.0 - JS & CSS[/b][/align]
[spoiler]
this can be used to add a box on the left or right side. perhaps someone could improve it
or maybe make a better one becoz the boxes only append to the bottom of either side:
[b]The JS[/b]
<">[b]How to use it:[/b]
TTL = your title
cont = your content
syde = either "left" or "right"
-example-
[quote]example="<center>this is the content</center>"
addBox("My Title",example,"left");[/quote]
[b]The CSS: [/b]just edit to your desired style
<">[/spoiler]
[align=center][b][color=blue]code 5.2[/color] - sexy sliding menu - JS & CSS[/b][/align]
[spoiler][b]this trick has evolved just now:[/b] I've included some javascript to improve the positioning so that the sexy tab stays on the page even after you've scrolled down
[b]Sexy profile in 5 steps[/b]
[img]http://h1.ripway.com/shakiro/images/background.gif[/img]
[b]background.gif[/b]
* this has a transparent left area, so that you won't see a white space below the tab
[img]http://h1.ripway.com/shakiro/images/slide-button.gif[/img]
[b]slide-button.gif[/b]
* inactive tab - dark grey and blue w/ transparent corners
[img]http://h1.ripway.com/shakiro/images/slide-button-active.gif[/img]
[b]slide-button-active.gif[/b]
* active tab - dark grey and blue w/ transparent corners
[align=center]** save as the same names in bold[/align][/quote]
[b]Step 4:[/b] copy & paste this code into your js
<">[b]Now:[/b] Edit the paths to [color=green][b]mootools.js[/b][/color], [color=blue][b]side-bar.js[/b][/color], and [color=red][b]slide-button.gif[/b][/color] for the image in the [b]sexy[/b] var
[b]Also:[/b] Edit the links and hrefs for your menu. They are in the [b]sexy[/b] variable
[b]You can:[/b] add or remove as many links as you want. just follow the following format for each link:
[quote]<li><a href="#">Link One</a></li>[/quote]
[b]The 5th & Final Step:[/b]
The CSS
* insert the following body style into your CSS:
[quote]body {
[b]position:relative;
padding:0px;[/b]
}[/quote]
* but if you already have a body style in your CSS, just insert this part into it
[quote][b]position:relative;
padding:0px;[/b][/quote]
* copy & insert this anywhere in your style sheet(CSS):
<">[b]Btw:[/b] if your [b]background.gif[/b] is not in subfolder "images", then you will have to specify the complete url in the CSS by changing background-image:url([b]images/background.gif[/b])
[b]Also:[/b] if you want your links to have a different background color, change the [b]#33ccff[/b] too
[b]That's it! You're done
bcoz that's how many friends I have right now
To change the starting number, just edit the number for [b]warpit[/b]
Last edited by shakiro214 (2008-04-11 04:14:56)
Im gonna work on my myspace again.:gift:
Imma add ya soon,
[align=center][b]Comment Box with Smilies[/b]
[img]http://h1.ripway.com/elgwapo0/images/gomen.JPG[/img][/align]
This is a functioning Comment Box. It will still redirect you to the preview page, but still... I think it works perfectly
* For this to work, it requires that you have an addBox function and that all 3 links from the profile info box are present: Image link to profile, Pics & Vids. The javascript will extract the random Token from the 3rd link, which is the Vids link. If they are in there, then just follow the steps:
[b]Step 1:[/b] Copy the code:
<">[b]Step 2:[/b] Insert your [b]friendID[/b] by replacing the [b]?????????[/b] from the code above with your [b]friendID[/b]
[b]Step 3:[/b] use addBox. If you use this with addBox 1.0, then this is what your addBox function should look like:
[quote]addBox("<center>Add Comment</center>",gomen,"right");[/quote]
* place below the code for [b]Step 1[/b] or right after the var [b]gomen[/b]
[b]Step 4:[/b] Editing, Removing & Adding Smilies
just follow the format for each image that you want: give a url, and assign the 2 instances of
[b]#[/b] with a [b]number[/b]:
[quote]<a id='mage#' href='javascript:mage(mage#.innerHTML);'><img src='URL_TO_SMILIE'/></a>[/quote]
But,is there something wrong with my code?Cause it's not working...
<">
Last edited by lilprincess950 (2008-04-13 17:09:54)
I think it's almost ready, but I have absolutely no idea if it's working
so far the only recorded ppl are me and my other account
Have a look
[url]http://www.myspace.com/shakiro214[/url]
shakiro dash! ~~~
Last edited by shakiro214 (2008-04-17 15:39:13)


viewed in ff and ie..
cant wait then for the master to release it here..
we can use this script to make the ajax comment work
<">
Last edited by feruzz (2008-04-20 09:14:07)