- ARCHIVES
- » Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
- Lordheinz
- » FTalkElite
4377
0
1969-12-31
Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
Hi there ftalkers! .gif)
...These past few days i had recieved so many pm's regarding how to apply background in their tracker..
well now,im gona share you how in perfect way although there are some alternatives in doing it..just wana share you..
What i did was putting directly to my tracker.php code...
PREVIEW:
[img]http://img225.imageshack.us/img225/57/visitornh4.png[/img]
Edit the code with the url of your image,then insert it in the HEAD PART of your tracker.php....
[quote]<style>
body {background:url([color=red]IMAGE URL[/color]);}
</style>[/quote]
hence:
[quote]<html>
<head>
<title>Visitors</title>
<!-- change value of href for your css (relative or absolute) -->
<link rel="stylesheet" type="text/css" media="screen, print" href="tracker.css" />
<?php
$phpowner="xxxxxxx";
$limit=4000;
?>
<!--
/*#######################################################################################
Friendster Tracker version 2
author: Ken Marfilla friendster.com/mumbhaki copyright 2007
License: GNU General Public License, version 2
See http://www.gnu.org/licenses/gpl.html for the full license.
Privacy Policy: Same as friendster.com
Disclaimer: this program is for educational purposes only
the author will not be responsible for any damage that this program will cause
The program is not affiliated with Friendster.com
########################################################################################*/
-->
<?php
$owner=$_GET["owner"];
$start=$_GET["start"];
$id=$_GET["id"];
$name=$_GET["name"];
if(strlen($name)>10) {
$name=substr($name,0,11)."…";
}
$url=$_GET["url"];
$gender=$_GET["gender"];
if(empty($gender)) {
$gender="…";
}
$age=$_GET["age"];
if(empty($age)) {
$age="…";
}
$status=$_GET["status"];
if(empty($status)) {
$status="…";
}
$country=$_GET["country"];
if(strlen($country)>19) {
$country=substr($country,0,20)."…";
}
if(empty($country)) {
$country="…";
}
$since=$_GET["since"];
$seek=$_GET["seek"];
if(strlen($seek)>19) {
$seek=substr($seek,0,20)."…";
}
if(empty($seek)) {
$seek="…";
}
$exit=$_GET["exit"];
$mydata =getData();
$osh=$_GET["osh"];
$oss=$_GET["oss"];
if(!$exit){
if(!empty($id) && $owner==$phpowner && !empty($since)) {
$myitem=checkExist($mydata,$id,$exit);
if($myitem['item']) appendData($myitem['array'],$id,$name,$url,time(),$age,$gender,$status,$country,$since,$seek,0,$myitem['item']['duration'],$myitem['item']['visits'],$limit);
else appendData($myitem,$id,$name,$url,time(),$age,$gender,$status,$country,$since,$seek,0,0,0,$limit);
}
}
else {
if (!empty($id) && $owner==$phpowner && !empty($since)) {
$myitem=checkExist($mydata,$id,$exit);
if($myitem['item']) {
$s=time()- $myitem['item']['timestamp'];
if ($s<0) $s=0;
appendData($myitem['array'],$id,$name,$url,time(),$age,$gender,$status,$country,$since,$seek,1, $myitem['item']['duration']+$s,(int)($myitem['item']['visits'])+1,$limit);
}
}
}
function checkExist($da,$valme,$e) {
if(empty($da)){
return $da;
}
for($y=0;$y<count($da);$y++){
if($y>2) {
if(!$da[$y]['exit']) {
$da[$y]['exit']=1;
}
if($da[$y]['duration']<1) {
unset($da[$y]);
}
}
if($da[$y]['id']==$valme) {
$t=$da[$y];
unset($da[$y]);
$da = array_values($da);
return array(
"array" => $da,
"item" => $t
);
}
}
return $da;
}
function appendData($da,$a_id,$a_name,$a_url,$a_timestamp,$a_age,$a_gender,$a_status,$a_country,$a_since,$a_seek,$a_exit,$a_duration,$a_visits,$a_limit) {
if(!is_array($da)){
$da=array(
array(
"id" => $a_id,
"name" => $a_name,
"url" => $a_url,
"timestamp" => $a_timestamp,
"age" => $a_age,
"gender" => $a_gender,
"status" => $a_status,
"country" => $a_country,
"since" => $a_since,
"seek" => $a_seek,
"exit" => $a_exit,
"duration" => $a_duration,
"visits" => $a_visits
)
);
}
else {
array_unshift($da,
array(
"id" => $a_id,
"name" => $a_name,
"url" => $a_url,
"timestamp" => $a_timestamp,
"age" => $a_age,
"gender" => $a_gender,
"status" => $a_status,
"country" => $a_country,
"since" => $a_since,
"seek" => $a_seek,
"exit" => $a_exit,
"duration" => $a_duration,
"visits" => $a_visits
)
);
if(count($da)>$a_limit) array_pop($da);
}
saveData($da);
return;
}
function saveData($d) {
if (file_exists("mv.txt")) unlink("mv.txt");
$file = fopen("mv.txt", "w") or exit("Unable to open file!");
fclose($file);
$temp="";
for($x=0;$x<count($d);$x++) {
$temp=$temp.$d[$x]['id']."&".$d[$x]['name']."&".$d[$x]['url']."&".$d[$x]['timestamp']."&".$d[$x]['age']."&".$d[$x]['gender']."&".$d[$x]['status']."&".$d[$x]['country']."&".$d[$x]['since']."&".$d[$x]['seek']."&".$d[$x]['exit']."&".$d[$x]['duration']."&".$d[$x]['visits']."\r";
}
$file = fopen("mv.txt", "a+") or exit("Unable to open file!");
fwrite($file,$temp);
fclose($file);
return;
}
function getData() {
$a="";
$temp="";
$file = fopen("mv.txt", "r") or exit("Unable to open file!");
while(!feof($file))
{
$temp=$temp.fgets($file);
}
fclose($file);
$j=explode("\r",$temp);
foreach ($j as $val) {
$c=explode("&",$val);
if(count($c)>3) {
if ($a==""){
$a=array(
array(
"id" => $c[0],
"name" => $c[1],
"url" => $c[2],
"timestamp" => $c[3],
"age" => $c[4],
"gender" => $c[5],
"status" => $c[6],
"country" => $c[7],
"since" => $c[8],
"seek" => $c[9],
"exit" => $c[10],
"duration" => $c[11],
"visits" => $c[12]
)
);
}
else {
array_push($a,
array(
"id" => $c[0],
"name" => $c[1],
"url" => $c[2],
"timestamp" => $c[3],
"age" => $c[4],
"gender" => $c[5],
"status" => $c[6],
"country" => $c[7],
"since" => $c[8],
"seek" => $c[9],
"exit" => $c[10],
"duration" => $c[11],
"visits" => $c[12]
)
);
}
}
}
return $a;
}
?>
<script type="text/javascript">
if (!attachOnLoadHandler(function(){ch();})) window.onload = function(){ch();};
function attachOnLoadHandler(func)
{
if(window.attachEvent)
{
window.attachEvent('onload',func);
return true;
}
if(window.addEventListener)
{
window.addEventListener('load',func,false);
return true;
}
return false;
}
function invert(x) {
if(x>0) return parseInt("-"+x);
else if(x<0) {
x=x+"";
return parseInt(x.substr(1,x.length-1));
}
return 0;
}
function ch() {
var d= new Date();
var sec=invert(d.getTimezoneOffset()*60);
var hour=invert(d.getTimezoneOffset()/60);
x=document.getElementsByName("lnk");
for(var y=0;y<x.length;y++) {
var myregexp = /\?/;
if(x[y].getAttribute("href").match(myregexp)) x[y].setAttribute("href",x[y].getAttribute("href")+"&oss="+sec+"&osh="+hour);
else x[y].setAttribute("href",x[y].getAttribute("href")+"?oss="+sec+"&osh="+hour);
}
}
</script>
<style>
body {background:url([color=red]IMAGE URL[/color]);}
</style>
<style>
.shakeimage{
position:relative
}
</style>
<script language="JavaScript1.2">
/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
//configure shake degree (where larger # equals greater shake)
var rector=3
///////DONE EDITTING///////////
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a=
){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
</script>
</head>
<body>
<?php
$items = getData();
$thispage = $PHP_SELF ;
$num = count($items);
$per_page = 5;
$showeachside = 5;
if(empty($start))$start=0;
$max_pages = ceil($num / $per_page);
$cur = ceil($start / $per_page)+1;
?>
<?php
for($x=$start;$x<min($num,$start+$per_page);$x++){
if(($x % 2) == 1) {
echo "\t<div class=\"stxt1\">\n";
echo "\t\t<div class=\"dtxt1\">\n";
}
else {
echo "\t<div class=\"stxt0\">\n";
echo "\t\t<div class=\"dtxt0\">\n";
}
$k=date("D d F Y H:i:s ",$items[$x]['timestamp']+$oss+18000)." GMT".$osh;
$minute=floor((double)$items[$x]['duration']/60);
$second=fmod((double)$items[$x]['duration'],60);
if(!$items[$x]['exit']) $online="<span class=\"online\">ONLINE</span> ";
else $online="";
echo "\t\t</div>\n";
echo "\t\t<div class=\"imgblock\">\n";
echo "\t\t\t\t\t<a title=\"".$items[$x]['name']."\" href=\"http://profiles.friendster.com/".$items[$x]['id']."\" target=\"_blank\">";
echo "<img src=\"".$items[$x]['url']."\" alt=\"".$items[$x]['name']."\" class=\"shakeimage\" onMouseover=\"init(this);rattleimage()\" onMouseout=\"stoprattle(this);top.focus()\" onClick=\"top.focus()\" />";
echo "</a>\n";
echo "\t\t</div>\n";
echo "\n\t\t\t<div class=\"content\">\n";
echo "\n\t\t\t<span class=\"namef\"><a title=\"".$items[$x]['name']."\" href=\"http://profiles.friendster.com/".$items[$x]['id']."\" target=\"_blank\"> ";
echo $items[$x]['name'];
echo "</a></span> | ".$items[$x]['visits']." visit(s) < ".$minute." min ".$online."\n";
echo "\n\t\t\t<br />".$k."\n";
echo "\n\t\t\t<br />".$items[$x]['gender']." \n";
echo "\n\t\t\t".$items[$x]['age']." \n";
echo "\n\t\t\t".$items[$x]['status']."\n";
echo "\n\t\t\t<br />Interested In: ".$items[$x]['seek']."\n";
echo "\n\t\t\t<br />Member Since: ".$items[$x]['since']."\n";
echo "\n\t\t\t<br />Location: ".$items[$x]['country']."\n";
echo "\n\t\t\t</div>\n";
echo "\n\t\t\t<br clear=\"all\" />\n";
echo "\n\t\t\t</div>\n";
}
?>
<div id="footer" class="stxt<?php print($perpage%2);?>">
<span class="strong">
<?php
if(($start-$per_page) >= 0)
{
$next = $start-$per_page;
?>
<a title="First Page" name="lnk" href="<?php print("$thispage");?>"><<•</a>
<?php
}
?>
<?php
if(($start-$per_page) >= 0) {
$next = $start-$per_page;
?>
<a title="Previous Page" name="lnk" href="<?php print("$thispage".($next>0?("?start=").$next:""));?>"><• </a>
<?php
}
?>
<?php
$eitherside = ($showeachside * $per_page);
if($start+1 > $eitherside)print (" .... ");
$pg=1;
for($y=0;$y<$num;$y+=$per_page)
{
$class=($y==$start)?"pageselected":"";
if(($y > ($start - $eitherside)) && ($y < ($start + $eitherside)))
{
?>
<a title="Page <?php print($pg);?>" name="lnk" class="<?php print($class);?>" href="<?php print("$thispage".($y>0?("?start=").$y:""));?>"><?php print($pg);?></a>
<?php
}
$pg++;
}
if(($start+$eitherside)<$num)print (" .... ");
?>
<?php
if($start+$per_page<$num)
{
?>
<a title="Next Page" name="lnk" href="<?php print("$thispage?start=".max(0,$start+$per_page));?>"> •></a>
<?php
}
?>
<?php
if($start+$per_page<$num)
{
?>
<a title="Last Page" name="lnk" href="<?php print("$thispage?start=".$per_page*($max_pages-1));?>">•>></a>
<?php
}
?>
<br />
</span>
Page <?php print($cur);?> of <?php print($max_pages);?> ( <?php print($num);?> total records )
</div>
</body>
</html>[/quote]
Edit the red color of your image...
Now how about your sidebars?well of course you got default bg's right?
What about if you want to have
your other box to have a different background aside from default bg..
All you have to do is to assign an [b]ID[/b] for that box
well heres what you have to do..
First you got to generate your html code to Addbox Gen 2.2, heres link:[url=http://h1.ripway.com/heinz/wvm.html]ADDBOX GEN[/url]
Ok if you have any doubt how to use it,heres the tutorial made by cutie [url=http://theftalk.com/t16599-WVM2.2-Marfillaster%27s-Addbox-Gen.-Explained.html]DUTCHESZV[/url]
Take the generated code,heres a sample:
[quote]var connect="<[color=blue]div align=\"center\"[/color] [color=red]id=\"conz\"[/color]><a href=\"http://www.wieistmeineip.de/ip-address/\"><img border=0 src=\"http://www.wieistmeineip.de/ip-address/\" alt=\"Visitor Map\"></a></div>";
addBox("RIGHT","friendly connection",connect,"conneko",null);[/quote]
You always have to put this code in the first part of your generated code:
<[color=blue]div align=\"center\"[/color] [color=red]id=\"conz\"[/color]>
therefore, the red part is the id of the box,the blue code will just make your box in a centered manner..
So the id of the generated box was CONZ right?
Now will go to your css extension...
In there you have to do it like this:
[quote]#conz { background: url([b]IMAGE URL[/b]); }[/quote]
insert your image in the bold part...
Well how about if you want to include the other boxes?
Same way what you did...assigned a certain id of that box
[quote]var tprof2="<[color=blue]div align=\"center\"[/color] [color=red]id=\"prof\"[/color]><strong><center> See who's on Friendster</strong><p> Search over 50 million profiles</p><p> Enter name or email:</p><form action=\"http://www.friendster.com/usersearch.php\" target=\"_blank\" method=\"get\" name=\"usersearchform\"><input type=\"hidden\" name=\"search\" value=\"1\"><input type=\"hidden\" name=\"sf\" value=\"0\"> <center><input type=\"text\" name=\"usearch\" maxlength=\"200\" style=\"color:#ffffff;font-weight:normal;font-family:lucida console;border:#ffffff 1px solid;background:transparent;margin: 0 5px 0 0; width: 165px;\"><span class=\"searchButton\"><br> <input class=\"middlealign\" type=\"submit\" name=\"cont\" value=\"Search\" style=\"background:transparent;border:1px #ffffff solid;color:#ffffff;font-weight:bold;font-family:tahoma;font-size:10px;\"></center></span></form><br><center>With User Search, you can enter an email address, first name or full name to find matching profiles across all of Friendster. If a first name search returns too many results, you can limit the results by changing the search settings below the text entry box.</font>";
addBox("RIGHT","See Whos on friendster",tprof2,"tprof2",null);[/quote]
then just separate them by a comma( ,)
hence:
[quote]#conz,#prof { background: url([b]IMAGE URL[/b]);[/quote]
always remember before the id name use # ...
[b]#conz,#prof,[/b]#and so on....
Now if you want again the other boxes to have different image,same way:
assigned an id to the box and use # before the id..
[quote]#lord,#heinz{background:url[b]IMAGE URL[/b]);
#conz,#prof{background:url([b]IMAGE URL[/b]);[/quote]
See in action; [url=http;//profiles.friendster.com/lordheinz]LORDHEINZ[/url]
Hope this will help 
...These past few days i had recieved so many pm's regarding how to apply background in their tracker..
well now,im gona share you how in perfect way although there are some alternatives in doing it..just wana share you..
What i did was putting directly to my tracker.php code...
PREVIEW:
[img]http://img225.imageshack.us/img225/57/visitornh4.png[/img]
Edit the code with the url of your image,then insert it in the HEAD PART of your tracker.php....
[quote]<style>
body {background:url([color=red]IMAGE URL[/color]);}
</style>[/quote]
hence:
[quote]<html>
<head>
<title>Visitors</title>
<!-- change value of href for your css (relative or absolute) -->
<link rel="stylesheet" type="text/css" media="screen, print" href="tracker.css" />
<?php
$phpowner="xxxxxxx";
$limit=4000;
?>
<!--
/*#######################################################################################
Friendster Tracker version 2
author: Ken Marfilla friendster.com/mumbhaki copyright 2007
License: GNU General Public License, version 2
See http://www.gnu.org/licenses/gpl.html for the full license.
Privacy Policy: Same as friendster.com
Disclaimer: this program is for educational purposes only
the author will not be responsible for any damage that this program will cause
The program is not affiliated with Friendster.com
########################################################################################*/
-->
<?php
$owner=$_GET["owner"];
$start=$_GET["start"];
$id=$_GET["id"];
$name=$_GET["name"];
if(strlen($name)>10) {
$name=substr($name,0,11)."…";
}
$url=$_GET["url"];
$gender=$_GET["gender"];
if(empty($gender)) {
$gender="…";
}
$age=$_GET["age"];
if(empty($age)) {
$age="…";
}
$status=$_GET["status"];
if(empty($status)) {
$status="…";
}
$country=$_GET["country"];
if(strlen($country)>19) {
$country=substr($country,0,20)."…";
}
if(empty($country)) {
$country="…";
}
$since=$_GET["since"];
$seek=$_GET["seek"];
if(strlen($seek)>19) {
$seek=substr($seek,0,20)."…";
}
if(empty($seek)) {
$seek="…";
}
$exit=$_GET["exit"];
$mydata =getData();
$osh=$_GET["osh"];
$oss=$_GET["oss"];
if(!$exit){
if(!empty($id) && $owner==$phpowner && !empty($since)) {
$myitem=checkExist($mydata,$id,$exit);
if($myitem['item']) appendData($myitem['array'],$id,$name,$url,time(),$age,$gender,$status,$country,$since,$seek,0,$myitem['item']['duration'],$myitem['item']['visits'],$limit);
else appendData($myitem,$id,$name,$url,time(),$age,$gender,$status,$country,$since,$seek,0,0,0,$limit);
}
}
else {
if (!empty($id) && $owner==$phpowner && !empty($since)) {
$myitem=checkExist($mydata,$id,$exit);
if($myitem['item']) {
$s=time()- $myitem['item']['timestamp'];
if ($s<0) $s=0;
appendData($myitem['array'],$id,$name,$url,time(),$age,$gender,$status,$country,$since,$seek,1, $myitem['item']['duration']+$s,(int)($myitem['item']['visits'])+1,$limit);
}
}
}
function checkExist($da,$valme,$e) {
if(empty($da)){
return $da;
}
for($y=0;$y<count($da);$y++){
if($y>2) {
if(!$da[$y]['exit']) {
$da[$y]['exit']=1;
}
if($da[$y]['duration']<1) {
unset($da[$y]);
}
}
if($da[$y]['id']==$valme) {
$t=$da[$y];
unset($da[$y]);
$da = array_values($da);
return array(
"array" => $da,
"item" => $t
);
}
}
return $da;
}
function appendData($da,$a_id,$a_name,$a_url,$a_timestamp,$a_age,$a_gender,$a_status,$a_country,$a_since,$a_seek,$a_exit,$a_duration,$a_visits,$a_limit) {
if(!is_array($da)){
$da=array(
array(
"id" => $a_id,
"name" => $a_name,
"url" => $a_url,
"timestamp" => $a_timestamp,
"age" => $a_age,
"gender" => $a_gender,
"status" => $a_status,
"country" => $a_country,
"since" => $a_since,
"seek" => $a_seek,
"exit" => $a_exit,
"duration" => $a_duration,
"visits" => $a_visits
)
);
}
else {
array_unshift($da,
array(
"id" => $a_id,
"name" => $a_name,
"url" => $a_url,
"timestamp" => $a_timestamp,
"age" => $a_age,
"gender" => $a_gender,
"status" => $a_status,
"country" => $a_country,
"since" => $a_since,
"seek" => $a_seek,
"exit" => $a_exit,
"duration" => $a_duration,
"visits" => $a_visits
)
);
if(count($da)>$a_limit) array_pop($da);
}
saveData($da);
return;
}
function saveData($d) {
if (file_exists("mv.txt")) unlink("mv.txt");
$file = fopen("mv.txt", "w") or exit("Unable to open file!");
fclose($file);
$temp="";
for($x=0;$x<count($d);$x++) {
$temp=$temp.$d[$x]['id']."&".$d[$x]['name']."&".$d[$x]['url']."&".$d[$x]['timestamp']."&".$d[$x]['age']."&".$d[$x]['gender']."&".$d[$x]['status']."&".$d[$x]['country']."&".$d[$x]['since']."&".$d[$x]['seek']."&".$d[$x]['exit']."&".$d[$x]['duration']."&".$d[$x]['visits']."\r";
}
$file = fopen("mv.txt", "a+") or exit("Unable to open file!");
fwrite($file,$temp);
fclose($file);
return;
}
function getData() {
$a="";
$temp="";
$file = fopen("mv.txt", "r") or exit("Unable to open file!");
while(!feof($file))
{
$temp=$temp.fgets($file);
}
fclose($file);
$j=explode("\r",$temp);
foreach ($j as $val) {
$c=explode("&",$val);
if(count($c)>3) {
if ($a==""){
$a=array(
array(
"id" => $c[0],
"name" => $c[1],
"url" => $c[2],
"timestamp" => $c[3],
"age" => $c[4],
"gender" => $c[5],
"status" => $c[6],
"country" => $c[7],
"since" => $c[8],
"seek" => $c[9],
"exit" => $c[10],
"duration" => $c[11],
"visits" => $c[12]
)
);
}
else {
array_push($a,
array(
"id" => $c[0],
"name" => $c[1],
"url" => $c[2],
"timestamp" => $c[3],
"age" => $c[4],
"gender" => $c[5],
"status" => $c[6],
"country" => $c[7],
"since" => $c[8],
"seek" => $c[9],
"exit" => $c[10],
"duration" => $c[11],
"visits" => $c[12]
)
);
}
}
}
return $a;
}
?>
<script type="text/javascript">
if (!attachOnLoadHandler(function(){ch();})) window.onload = function(){ch();};
function attachOnLoadHandler(func)
{
if(window.attachEvent)
{
window.attachEvent('onload',func);
return true;
}
if(window.addEventListener)
{
window.addEventListener('load',func,false);
return true;
}
return false;
}
function invert(x) {
if(x>0) return parseInt("-"+x);
else if(x<0) {
x=x+"";
return parseInt(x.substr(1,x.length-1));
}
return 0;
}
function ch() {
var d= new Date();
var sec=invert(d.getTimezoneOffset()*60);
var hour=invert(d.getTimezoneOffset()/60);
x=document.getElementsByName("lnk");
for(var y=0;y<x.length;y++) {
var myregexp = /\?/;
if(x[y].getAttribute("href").match(myregexp)) x[y].setAttribute("href",x[y].getAttribute("href")+"&oss="+sec+"&osh="+hour);
else x[y].setAttribute("href",x[y].getAttribute("href")+"?oss="+sec+"&osh="+hour);
}
}
</script>
<style>
body {background:url([color=red]IMAGE URL[/color]);}
</style>
<style>
.shakeimage{
position:relative
}
</style>
<script language="JavaScript1.2">
/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
//configure shake degree (where larger # equals greater shake)
var rector=3
///////DONE EDITTING///////////
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a=){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
</script>
</head>
<body>
<?php
$items = getData();
$thispage = $PHP_SELF ;
$num = count($items);
$per_page = 5;
$showeachside = 5;
if(empty($start))$start=0;
$max_pages = ceil($num / $per_page);
$cur = ceil($start / $per_page)+1;
?>
<?php
for($x=$start;$x<min($num,$start+$per_page);$x++){
if(($x % 2) == 1) {
echo "\t<div class=\"stxt1\">\n";
echo "\t\t<div class=\"dtxt1\">\n";
}
else {
echo "\t<div class=\"stxt0\">\n";
echo "\t\t<div class=\"dtxt0\">\n";
}
$k=date("D d F Y H:i:s ",$items[$x]['timestamp']+$oss+18000)." GMT".$osh;
$minute=floor((double)$items[$x]['duration']/60);
$second=fmod((double)$items[$x]['duration'],60);
if(!$items[$x]['exit']) $online="<span class=\"online\">ONLINE</span> ";
else $online="";
echo "\t\t</div>\n";
echo "\t\t<div class=\"imgblock\">\n";
echo "\t\t\t\t\t<a title=\"".$items[$x]['name']."\" href=\"http://profiles.friendster.com/".$items[$x]['id']."\" target=\"_blank\">";
echo "<img src=\"".$items[$x]['url']."\" alt=\"".$items[$x]['name']."\" class=\"shakeimage\" onMouseover=\"init(this);rattleimage()\" onMouseout=\"stoprattle(this);top.focus()\" onClick=\"top.focus()\" />";
echo "</a>\n";
echo "\t\t</div>\n";
echo "\n\t\t\t<div class=\"content\">\n";
echo "\n\t\t\t<span class=\"namef\"><a title=\"".$items[$x]['name']."\" href=\"http://profiles.friendster.com/".$items[$x]['id']."\" target=\"_blank\"> ";
echo $items[$x]['name'];
echo "</a></span> | ".$items[$x]['visits']." visit(s) < ".$minute." min ".$online."\n";
echo "\n\t\t\t<br />".$k."\n";
echo "\n\t\t\t<br />".$items[$x]['gender']." \n";
echo "\n\t\t\t".$items[$x]['age']." \n";
echo "\n\t\t\t".$items[$x]['status']."\n";
echo "\n\t\t\t<br />Interested In: ".$items[$x]['seek']."\n";
echo "\n\t\t\t<br />Member Since: ".$items[$x]['since']."\n";
echo "\n\t\t\t<br />Location: ".$items[$x]['country']."\n";
echo "\n\t\t\t</div>\n";
echo "\n\t\t\t<br clear=\"all\" />\n";
echo "\n\t\t\t</div>\n";
}
?>
<div id="footer" class="stxt<?php print($perpage%2);?>">
<span class="strong">
<?php
if(($start-$per_page) >= 0)
{
$next = $start-$per_page;
?>
<a title="First Page" name="lnk" href="<?php print("$thispage");?>"><<•</a>
<?php
}
?>
<?php
if(($start-$per_page) >= 0) {
$next = $start-$per_page;
?>
<a title="Previous Page" name="lnk" href="<?php print("$thispage".($next>0?("?start=").$next:""));?>"><• </a>
<?php
}
?>
<?php
$eitherside = ($showeachside * $per_page);
if($start+1 > $eitherside)print (" .... ");
$pg=1;
for($y=0;$y<$num;$y+=$per_page)
{
$class=($y==$start)?"pageselected":"";
if(($y > ($start - $eitherside)) && ($y < ($start + $eitherside)))
{
?>
<a title="Page <?php print($pg);?>" name="lnk" class="<?php print($class);?>" href="<?php print("$thispage".($y>0?("?start=").$y:""));?>"><?php print($pg);?></a>
<?php
}
$pg++;
}
if(($start+$eitherside)<$num)print (" .... ");
?>
<?php
if($start+$per_page<$num)
{
?>
<a title="Next Page" name="lnk" href="<?php print("$thispage?start=".max(0,$start+$per_page));?>"> •></a>
<?php
}
?>
<?php
if($start+$per_page<$num)
{
?>
<a title="Last Page" name="lnk" href="<?php print("$thispage?start=".$per_page*($max_pages-1));?>">•>></a>
<?php
}
?>
<br />
</span>
Page <?php print($cur);?> of <?php print($max_pages);?> ( <?php print($num);?> total records )
</div>
</body>
</html>[/quote]
Edit the red color of your image...
Now how about your sidebars?well of course you got default bg's right?
What about if you want to have
your other box to have a different background aside from default bg..
All you have to do is to assign an [b]ID[/b] for that box
well heres what you have to do..
First you got to generate your html code to Addbox Gen 2.2, heres link:[url=http://h1.ripway.com/heinz/wvm.html]ADDBOX GEN[/url]
Ok if you have any doubt how to use it,heres the tutorial made by cutie [url=http://theftalk.com/t16599-WVM2.2-Marfillaster%27s-Addbox-Gen.-Explained.html]DUTCHESZV[/url]
Take the generated code,heres a sample:
[quote]var connect="<[color=blue]div align=\"center\"[/color] [color=red]id=\"conz\"[/color]><a href=\"http://www.wieistmeineip.de/ip-address/\"><img border=0 src=\"http://www.wieistmeineip.de/ip-address/\" alt=\"Visitor Map\"></a></div>";
addBox("RIGHT","friendly connection",connect,"conneko",null);[/quote]
You always have to put this code in the first part of your generated code:
<[color=blue]div align=\"center\"[/color] [color=red]id=\"conz\"[/color]>
therefore, the red part is the id of the box,the blue code will just make your box in a centered manner..
So the id of the generated box was CONZ right?
Now will go to your css extension...
In there you have to do it like this:
[quote]#conz { background: url([b]IMAGE URL[/b]); }[/quote]
insert your image in the bold part...
Well how about if you want to include the other boxes?
Same way what you did...assigned a certain id of that box
[quote]var tprof2="<[color=blue]div align=\"center\"[/color] [color=red]id=\"prof\"[/color]><strong><center> See who's on Friendster</strong><p> Search over 50 million profiles</p><p> Enter name or email:</p><form action=\"http://www.friendster.com/usersearch.php\" target=\"_blank\" method=\"get\" name=\"usersearchform\"><input type=\"hidden\" name=\"search\" value=\"1\"><input type=\"hidden\" name=\"sf\" value=\"0\"> <center><input type=\"text\" name=\"usearch\" maxlength=\"200\" style=\"color:#ffffff;font-weight:normal;font-family:lucida console;border:#ffffff 1px solid;background:transparent;margin: 0 5px 0 0; width: 165px;\"><span class=\"searchButton\"><br> <input class=\"middlealign\" type=\"submit\" name=\"cont\" value=\"Search\" style=\"background:transparent;border:1px #ffffff solid;color:#ffffff;font-weight:bold;font-family:tahoma;font-size:10px;\"></center></span></form><br><center>With User Search, you can enter an email address, first name or full name to find matching profiles across all of Friendster. If a first name search returns too many results, you can limit the results by changing the search settings below the text entry box.</font>";
addBox("RIGHT","See Whos on friendster",tprof2,"tprof2",null);[/quote]
then just separate them by a comma( ,)
hence:
[quote]#conz,#prof { background: url([b]IMAGE URL[/b]);[/quote]
always remember before the id name use # ...
[b]#conz,#prof,[/b]#and so on....
Now if you want again the other boxes to have different image,same way:
assigned an id to the box and use # before the id..
[quote]#lord,#heinz{background:url[b]IMAGE URL[/b]);
#conz,#prof{background:url([b]IMAGE URL[/b]);[/quote]
See in action; [url=http;//profiles.friendster.com/lordheinz]LORDHEINZ[/url]
Hope this will help
Last edited by lordheinz (2008-02-18 14:05:23)
 |
- Lordheinz
- » FTalkElite
- 4377
- 0
- 1969-12-31
Re: Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
Thanks a lot ephe,hope users will got the idea...
|
- bobcbar
- » FTalkElite
- 5223
- 0
- 1969-12-31
Re: Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
Nice tutorial my friend 
this is too easy to add using the tracker.php...gee i used css codes 
this is too easy to add using the tracker.php...gee i used css codes
|
- babevian
- » n00b
- 66
- 0
- 1969-12-31
Re: Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
[quote=lordheinz]Thanks a lot ephe,hope users will got the idea... [/quote]
hmmm... i tried to view your profile... but it says error... and it slows down my computer..
i deleted the temporary internet files...
[/quote]
hmmm... i tried to view your profile... but it says error... and it slows down my computer..
i deleted the temporary internet files...
|
- asn585
- » FTalker
- 244
- 0
- 1969-12-31
Re: Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
[b]Only an add info : [/b]
[b][color=blue]Nice tricks , very helpful / useful for those overlay users and also for the newbies who are lovable of php design like me. If you [/color][/b] want to control the BG image @ your .php codes. You need also to adjust your tracker.css. But , it is better to put the command code for BG Image @ your tracker.css to avoid overlapping of the <CSS Style> command....... Only an info : Specially those who have so many add-ons and to load faster your profile..... 
[/b]
[b][color=blue]Nice tricks , very helpful / useful for those overlay users and also for the newbies who are lovable of php design like me. If you [/color][/b] want to control the BG image @ your .php codes. You need also to adjust your tracker.css. But , it is better to put the command code for BG Image @ your tracker.css to avoid overlapping of the <CSS Style> command....... Only an info : Specially those who have so many add-ons and to load faster your profile.....
|
- angelalaine
- » FTalkManiac
- 860
- 0
- 1969-12-31
Re: Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
I use css to put background but I like your tut better 
Thanks for sharing
Great great
Thanks for sharing
Great great
|
- paynosaj
- » n00b
- 29
- 0
- 1969-12-31
Re: Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
hey lordheinz, thnx for sharing
btw, can you share your tracker css...
umh....the one you're using
btw, can you share your tracker css...
umh....the one you're using
|
- Lordheinz
- » FTalkElite
- 4377
- 0
- 1969-12-31
Re: Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
Thanks guys..What is important in this tutorial is to know how you manage your bg's in a certain box in your profile...
|
- duchess
- » FTalkElite
- 6453
- 0
- 1969-12-31
Re: Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
thanks for sharing this kuya. ive read many members asking for this. thanks for having the time to post this and for making the directions clear esp for the newbies.. mwah! keep em commin. 
thanks for having the time to post this and for making the directions clear esp for the newbies.. mwah! keep em commin.
|
- cklahrckiey
- » FTalkFreak
- 1891
- 0
- 1969-12-31
Re: Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
cool one lordheinzz nice!!! another plus! 
|
- kreela1522
- » n00b
- 37
- 0
- 1969-12-31
Re: Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
thanks for sharing again kuya lord....
great tutorial...
specially for newbie like me..
great tutorial...
specially for newbie like me..
|
- dracoknight09
- » FTalkAddict
- 302
- 0
- 1969-12-31
Re: Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
nice tutorial bro.
|
- Lordheinz
- » FTalkElite
- 4377
- 0
- 1969-12-31
Re: Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
Thanks guys... Glad to share my little knowledge..
Glad to share my little knowledge..
|
- jezmyr12
- » n00b
- 10
- 0
- 1969-12-31
Re: Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
[b]Nice Tutorial!![/b][img]http://i209.photobucket.com/albums/bb77/assortedchapter/ssssssss-1.jpg[/img] thanks for sharing
|
- babyzchen
- » FTalker
- 264
- 0
- 1969-12-31
Re: Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
nice tutorial sir lordheinz... 
thanks for this one...
hehhee
thanks for this one...
hehhee
|
- rdvg3283
- » FTalker
- 102
- 0
- 1969-12-31
Re: Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
nice!!!... thanks for this lordheinz...
may i know how to edit the width of the trcker box??????
coz everytime i adjust the font size to a lager one, all the texts just went
under the picture...
and also how can I put it before the
my friends box?????
|
- Lordheinz
- » FTalkElite
- 4377
- 0
- 1969-12-31
Re: Hi there ftalkers! ;) ...These past few days i had recieved so many pm's regarding how to apply background in their tracker.. well now,im gona share you how in perfect way although there are some alte
ok replace you visitor code with this:
[quote]addBox("RIGHT",pageOwnerFName+"'s Visitors",TRACKER.div.innerHTML,"tracker","2");[/quote]
About the width you can no longer edit it..coz that was already the maximum..
resize your font be the best way...
|