First topic message reminder :

ANIMATED MAIN PHOTO.....

CREDIT: ftalk Stormpages foy mah Host..LOL

some live preview? http://profiles.friendster.com/77603685

Spoiler:

here we go...^ to those who have their query and problems regrding w/ yer ANIMATED PIC thingy! LOL xD


frst thing ul need yer EYES,BRAIN,HANDS,and patience!! kiddin hahaha buh really ul need em' ol.. i am ryt? hahaha

buh seriously ul need dis following: yer notePad...a web hosting site..and a animated pic.. and ohh...important of ol yer COMPUTER and internet connction..LOL xD


aryt lets procd to r next step ~>

1.copy the code given..ayt..

2.den open yer notepad .wer s yer notepad? start menu > all programs>accessories>N

3.paste yer code on yer notepad

4.edit it..change it w/ yer own direct link...or yer pic url..
(ul need Animated pic..u can use yer photoshop..den upload it to a image hosting site...lyk photobucket )

5.wen yer done edting ..jst simply save it as animated.css

6.ol u need now s yer web hosting site...Upload yer file (animated.css) to yer host..den get d URL of it..or d direct link .gt me?

7.jst change w/ yer own URL or direct link..simply change d "CSS URL HERE"
copy and den paste to yer MEDIABOX den hit the save button!wahLaah!! done!!

Code:

<link rel="stylesheet" href="CSS URL HERE">

jst a example: f u pasted yer own url...yer should be like this one below..

Code:

<link rel="stylesheet" href="http://www.stormpages.com/blablah/animated.css">

problems...wen yer primary pic s too small? u can edit the bold numbers..wder how big u lyk yer primary pic s...gt me?

simply find ds part n yer code

Quote :

height:235px;
width:185px;

u cant see yer primry pic?

>be sure dat yer control panel box s not hidden..coz oder sets hir Control panel box r hidden...


DONE....

nice tutorial,

woooaaaa!! i love this twix!

thanks for sharing it

so happy to be part of hcg

ohh
that's nice dude!
tnx!

thanks foe sharin mate!

wer am i going to paste it? the app media box..or the real media box in "customize page"?
btw..thenkz fer sharin'!

huhu.. d ku magawa! help

, hihihi. :: Thx.. Thx.. fer sharin.. Johman gor ~



*gor - older bro


-take care.





Mwuacksx.






http://gickr.com/results/anim_ee28f73c-a9f3-4054-c111-34e7d6592887.gif

tnx..

thnx for sharing sir johman

=====================================
can`T st0p l0vinG HCG

[color:28f6=pale green]punK GothiC

is this the code?

Code:

/* Normal Alpha Image Effect */
img { opacity:1;filter:alpha(opacity=100) }
a:hover img { opacity:.50;filter:alpha(opacity=50) }

div.imgblock200 {
background:url http://h1.badwaresite.www/vinziel/animated.css.gif;
background-position: center center;
background-repeat: no-repeat;
height:235px;
width:185px;
}
div.imgblock200 img {display:none !important}


};RANDOMIMG.init();


<link rel="stylesheet" href="/* Normal Alpha Image Effect */
img { opacity:1;filter:alpha(opacity=100) }
a:hover img { opacity:.50;filter:alpha(opacity=50) }

div.imgblock200 {
background:url http://h1.badwaresite.www/vinziel/animated.css.gif;
background-position: center center;
background-repeat: no-repeat;
height:235px;
width:185px;
}
div.imgblock200 img {display:none !important}


};RANDOMIMG.init();
">

why it;s not working in my page??:((

its not working..


..why??..


..help..


this is my code..

Code:

/* Normal Alpha Image Effect */
img { opacity:1;filter:alpha(opacity=100) }
a:hover img { opacity:.50;filter:alpha(opacity=50) }

div.imgblock200 {
background:url(http://i221.photobucket.com/albums/dd299/Yhujin/shinppuden.gif);
background-position: center center;
background-repeat: no-repeat;
height:150px;
width:200px;
}
div.imgblock200 img {display:none !important}


};RANDOMIMG.init();

..then i compile it in stormpages.com..

..when i viewed my profile, its not working!..


..what is wrong with there??..

@ dylan101

use this

Code:

div.imgblock200 {
background:url(URL HERE);
background-position: center center;
background-repeat: no-repeat;
height:213px;
width:174px;
}

^yep! put it in your css extension

hmm hai im so interested about animated main photo but its not working

pls check my code

<link rel="stylesheet" href="http://maybillicious.ucoz.com/animated.css">

try to use js animated main photo

thanks for sharing

patience patience huhuhuhuhu..

NiiCE^^

okei i got it !! thanks for sharing this one !

CAN I CONVERT THE CODE TO GENERATED CODES :)