johman hartzell
Retired Moderator
>: I LOVE YOU momie che!
Posts: 772
Age: 20
Location: @echo off del system32
Country: 
Reg-Date: 2008-09-04
Forum Warning: 
Contribution:
 
|
 Subject: FLOATING IMAGE PLUS VISITOR's PIC Fri Sep 05, 2008 5:12 pm |
|
|
First topic message reminder :
FLOATING IMAGE PLUS VISITOR's PIC... CREDIT: DynmicDrive ..STORMPAGES for my host..LOL
PREVIEW: http://profiles.friendster.com/14356592screen shot ?  JS CODE jst edt d bold letters use yer "CS" | Spoiler: | | | var currentTime = new Date();
var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();
if (minutes < 10)
minutes = "0" + minutes;
var jamenit = (hours + ":" + minutes + " ");
if(hours > 11){
var ampm = ("PM");
} else {
var ampm = ("AM");
}
dude="<div id='divStayTopLeft' style='position:absolute;z-index:50;'><b><font color='red'>Hi..</b></font><br><div id='mainpic'></div><br><img src='url pic'><br><img src='url pic'><br><b><font color='red'>Logged in as</font> <font color='white'> "+pageViewerFName+" </font></b><br>"+
"<b><font color='red'>Last visit</font><font color='white'>: Today "+jamenit+ampm+" </font></b><br></div>";
flow=document.getElementById('flo_wrapper');
river=document.createElement("div");
river.innerHTML=dude;
flow.parentNode.insertBefore(river,flow);
//in this part you can change it into "frombottom" or "fromtop"
var verticalpos="frombottom"
function BoyantDiv()
{
var startX = 15;
var startY = 170;
function ml(id)
{
if (document.getElementById)
{
var wek=document.getElementById(id);
}
else if (document.all)
{
var wek=document.all[id];
}
else
{
var wek=document.layers[id];
}
if(document.layers)
{
wek.style=wek;
}
wek.sP = function(x,y) {shino(x,y);};
function shino(x,y)
{
wek.style.left=x;
wek.style.top=y;
}
wek.x = startX;
if (verticalpos=="fromtop")
{
wek.y = startY;
}
else{
if (navigator.appName.indexOf("Netscape") != -1)
{
wek.y = pageYOffset + innerHeight;
}
else
{
wek.y = document.body.scrollTop + document.body.clientHeight;
}
wek.y -= startY;
}
return wek;
}
window.stayTopLeft = function () {boyant();};
function boyant()
{
if (verticalpos=="fromtop"){
if (navigator.appName.indexOf("Netscape") != -1)
{
var tenten = pageYOffset;
}
else
{
var tenten = document.body.scrollTop;
}
ftlObj.y += (tenten + startY - ftlObj.y)/8;
}
else{
if (navigator.appName.indexOf("Netscape") != -1)
{
var tenten = pageYOffset + innerHeight;
}
else
{
var tenten = document.body.scrollTop + document.body.clientHeight;
}
ftlObj.y += (tenten - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
wakoko=setTimeout("stayTopLeft()", 50);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
BoyantDiv();
|
hrs the code for Yer css Box..jst copy and paste it bottom part of ur css box
| Spoiler: | | | #mainpic img {
height: 75px;
width: 65px;
border: 2px #000000 solid;
} |
if u want to add vistors picture...hrs d code..
| Spoiler: | | | /* VISITOR PICTURE*/
if (!attachOnLoadHandler(function(){viewer();})) window.onload = function(){viewer();};
function viewer() {
if(pageViewerID!="") VIEWERPIC.init();
}
function spawnImage(mypic) {
if (!mypic) {
VIEWERPIC.getCode();
return;
}else {
for (val in VIEWERPIC.info) {
try {
VIEWERPIC.getPhoto = new RegExp(VIEWERPIC.regexp[val]).exec(mypic)[1].replace(/(\d)+? /i, "$1");
document.getElementById("mainpic").innerHTML = VIEWERPIC.getPhoto;
}
catch(e) {
VIEWERPIC.getPhoto = "";
document.getElementById("mainpic").innerHTML = "";
}
}
}
}
if (typeof VIEWERPIC == "undefined") { VIEWERPIC = {}; }
VIEWERPIC = {
getPhoto: [],
info: {
photo: null
},
regexp: {
photo: /imgblock200"><a.*?>((.|\s)+?)<\/a><\/div>/
},
init: function() {
if(document.getElementById("mainpic") != null) {
this.ajaxRequest("/user.php?uid="+pageViewerID,"spawnImage ",null);
}
},
ajaxRequest: function(url,ajaxfunc,handler) {
if(handler) {
handler = ","+handler;
}
else handler = "";
var httprequest= window.XMLHttpRequest? new XMLHttpRequest():new ActiveXObject("Msxml2.XMLHTTP");
if(ajaxfunc) {
eval("httprequest.onreadystatechange=function(){if (httprequest.readyState==4) {"+ajaxfunc+"(httprequest.responseText"+handler+");}}");
}
httprequest.open('GET', url, true);
httprequest.send(null);
}
}; |
some Instrctions and answrd question
read this carefully
| Spoiler: | | | PART OF THE CODE:TRY to LOOK at dis in d FLOATING IMAGE CODE u have to edit the bold letters
| Quote: | | dude="<div id='divStayTopLeft' style='position:absolute;z-index:50;'><b><font color='red'>Hi..</b></font><br><div id='mainpic'></div><br><img src='url pic'><br><img src='url pic'><br><b><font color='red'>Logged in as</font> <font color='white'> "+pageViewerFName+" </font></b><br>"+ |
wen edting d code..use yer notepad...
wen edting is done,,,pls save it as filename.js (filename watever u want but be sure .js )
ul need a hosting site...to host yer..js file...
exmple of hosting site .....fileave ,ripway,stormpages......ayt..
u have to upload ur js file ...
wen uploading is done....
jst copy d DIRECT LINK of yer js file
den paste yer direct link
| Quote: | | <script src="DIRECTLINKHERE"></script> |
jst pste yer code to who i want to meet or about me section
question:
the code is not working?
u have oder js file,u have to compile dt...u may use js injection...or use externals...
ur pic doesnt appear?
yer url pic is wrong...change it...u may use photbucket as yer host for image
wen yer floating imge appers on bottom part? jst chane "fromtop"
jst find this in yer code
| Quote: |
//in this part you can change it into "frombottom" or "fromtop"
var verticalpos="frombottom" |
by JOHMAN :) |
Last edited by johman hartzell on Sun Sep 28, 2008 8:18 am; edited 3 times in total
|
|
Mickey™
Promoter
>: Twitter: mickeysantilla
Posts: 2677
Age: 17
Location: Nueva Ecija
Mood: Happy
Country:
Reg-Date: 2009-01-31
Forum Warning:
Contribution:
|
|
daryl808
HCG Wizard
>: I love HCG!
Posts: 65
Age: 17
Location: MARGOSATUBIG
Reg-Date: 2008-09-13
Forum Warning:
Contribution:
|
|
daryl808
HCG Wizard
>: I love HCG!
Posts: 65
Age: 17
Location: MARGOSATUBIG
Reg-Date: 2008-09-13
Forum Warning:
Contribution:
|
|
angel_cute189
Guest
>: I love HCG!
Posts: 8
Age: 19
Location: Valenzuela City
Mood: Cheerful
Country:
Reg-Date: 2008-12-25
Forum Warning:
Contribution:
|
|
mary.jane
HCG Member
>: j-joyful in HCG
e-excellent in
Posts: 14
Country:
Reg-Date: 2009-04-26
Forum Warning: 
Contribution:
|
| Subject: Re: FLOATING IMAGE PLUS VISITOR's PIC Mon Jun 15, 2009 5:11 am |
|
|
tnhks for sharing here comes | Spoiler: | | |  |
Last edited by mary.jane on Wed Jul 22, 2009 5:35 am; edited 2 times in total
|
|
tengzt
HCG Member
>: Musta! Haha
Yamadei! ()
Kana
Posts: 17
Age: 22
Location: The most devil and sexy girl j
Mood: Exhausted
Country: 
Reg-Date: 2008-10-17
Forum Warning:
Contribution:
|
| Subject: Re: FLOATING IMAGE PLUS VISITOR's PIC Mon Jun 15, 2009 3:23 pm |
|
|
tQ for shared. i try to use it! but the float image can on the right side?
|
|
mykhel023
Guest
>: I love HCG!
Posts: 4
Reg-Date: 2009-05-21
Forum Warning:
Contribution:
|
| Subject: Re: FLOATING IMAGE PLUS VISITOR's PIC Mon Jun 15, 2009 3:30 pm |
|
|
can i have too sir johman??
|
|
kavenlester
Guest
>: I love HCG!
Posts: 1
Age: 19
Location: rodriguez rizal
Mood: Happy
Country:
Reg-Date: 2009-05-17
Forum Warning:
Contribution:
|
| Subject: Re: FLOATING IMAGE PLUS VISITOR's PIC Thu Jun 18, 2009 9:17 am |
|
|
mr johman can i have a question 2 you where shoul i paste the viewers pic? coz im so curious about that...... thank for sharing
|
|
iNiAN
HCG Freak
>: HC⅁ ЯuLez!
Posts: 139
Age: 21
Location: QUEEN CiTY OF THE SOUTH:]
Mood: Grateful
Country:
Reg-Date: 2009-04-24
Forum Warning:
Contribution:
|
| Subject: Re: FLOATING IMAGE PLUS VISITOR's PIC Fri Jul 03, 2009 7:41 pm |
|
|
|
|
|
iNiAN
HCG Freak
>: HC⅁ ЯuLez!
Posts: 139
Age: 21
Location: QUEEN CiTY OF THE SOUTH:]
Mood: Grateful
Country:
Reg-Date: 2009-04-24
Forum Warning:
Contribution:
|
| Subject: Re: FLOATING IMAGE PLUS VISITOR's PIC Sat Jul 04, 2009 2:17 pm |
|
|
 `tNx fOr thAt IDOL..
|
|
