~ Retro-Freak.Org; High quality content for all webmasters needs.

Home
Domain
Webmaster
Topsite
Plugboard

Brushes
Fonts
Textures
PNG'S
Layouts

View all resources

Add rflyts!
Layouts
Codes
Contact tables
Text generator

View all myspace content

Photoshop
Html, Css &
Php
Paint Shop Pro
Advanced images
Miscellaneous

View all tutorials

Background effects
Transitions
Cursors
Image effects
Link effects

View all html-codes

Apply? It's free!

<a href="http://retro-freak.org" target="_blank"><img src="http://i236.photobucket.com/albums/ff274/rfbutton/8831.jpg" border="0"></a>

Ego-Box
Goingdead
OSL
Ravekill

Rewindd
Swimchick

Apply for affiliates

~ Retro-Freak.Org - MySpace content

Black and white - with border

Resize picture

Flipped vertical

Flipped horionsontal

Framed picture

Framed picture 2

Invert colours

Embossed

Picture with shadow (Click it)

<!--[if gte IE 5.5000]>

.shadowcss{
position: relative;
top: -5px;
left: -5px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true');
}

</style>

<![endif]-->

/***********************************************
* Pop-it Image script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

function updownshadow(){
if (event.srcElement.effect=="popshadow"){
shadowobj=event.srcElement
if (event.type=="mousedown"){
shadowobj.filters[0].color=shadowobj.mousedowncolor
shadowobj.style.left=shadowobj.style.top=0
}
else if (event.type=="mouseout" && event.fromElement.effect=="popshadow" || event.type=="mouseup"){
shadowobj.filters[0].color=shadowobj.mouseupcolor
shadowobj.style.left=shadowobj.style.top=shadowobj.filters[0].OffX*(-1)
}
}
}

if (document.attachEvent){
document.attachEvent("onmousedown", updownshadow)
document.attachEvent("onmouseup", updownshadow)
document.attachEvent("onmouseout", updownshadow)
}

</script>

Fade Effects

Transparent

Blurred

Faded edges - sqare

Faded on site

Faded right corner

Faded left corner

Hover Effects

Faded - Colour when hovering

.gradualshine{
filter:alpha(opacity=30);
-moz-opacity:0.3;
}

</style>

/***********************************************
* Gradual Highlight image script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var baseopacity=30

function slowhigh(which2){
imgobj=which2
browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
highlighting=setInterval("gradualfade(imgobj)",50)
}

function slowlow(which2){
cleartimer()
instantset(baseopacity)
}

function instantset(degree){
if (browserdetect=="mozilla")
imgobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
imgobj.filters.alpha.opacity=degree
}

function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}

</script>

Black & White - Colour when hovering

From one picture to another

var rollOverArr=new Array();
function setrollover(OverImgSrc,pageImageName)
{
if (! document.images)return;
if (pageImageName == null)
    pageImageName = document.images[document.images.length-1].name;
rollOverArr[pageImageName]=new Object;
rollOverArr[pageImageName].overImg = new Image;
rollOverArr[pageImageName].overImg.src=OverImgSrc;
}

function rollover(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
if (! rollOverArr[pageImageName].outImg)
    {
    rollOverArr[pageImageName].outImg = new Image;
    rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src;
    }
document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src;
}

function rollout(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src;
}
//-->
</script>

Flashlight

<style>
<!--

#myimage{
filter:light
}

-->
</style>

//Image spotlight effect- By Erik F (die_schlampe@hotmail.com)
//Code enhancements by Dynamicdrive.com
//Visit http://www.dynamicdrive.com for this script

s = 50; // the size of the spotlight
vp = 10; // the visibility percent of the picture
startx = 0; // the top position of your sportlight into the image (on start)
starty = 0; // the left position of your spotlight into the image (on start)

//////////////////////////////////////////////////////////////////
//		No need to edit below this line			//
//////////////////////////////////////////////////////////////////

var IE = document.all?true:false

function moveL()
{
xv = tempX;
yv = tempY;
myimage.filters.light.MoveLight(1,xv,yv,s,true);
}

if (IE&&myimage.filters)
document.all.myimage.onmousemove = getMouseXY;
var tempX = 0
var tempY = 0

function getMouseXY(e) {
tempX = event.offsetX
tempY = event.offsetY

if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}
  if (t)
  {  
   moveL();
  }

return true
}

var xv = startx;
var yv = starty;
var t= true;
if (IE&&myimage.filters){
myimage.style.cursor="hand";
myimage.filters.light.addAmbient(255,255,255,vp)
myimage.filters.light.addPoint(startx,starty,s,255,255,255,255)
}

</script>

Dragable

Pixelate

Marquees

Blinking and scrolling pictures

Moving pictures effect 1

Moving pictures effect 2

Moving pictures with a frame

Scrolling Image effect 1

Scrolling image effect 2

Arab-Designs
Atom Affliction
Colourfulumbrella
Crashthedisco
Discoisdead
Ego-Box
Emotional
Faded-Glory
Freaknation
Goingdead

Hardxcore
Havenoname
High-Freak
Kamakanixo
Ravekill
Kamakanixo
IFY
Instantrock
JennyProvided
Rabidpanda
Wonderfulcrazy

Rewindd
Shawtybeat
Sugary Paradise
Upbeat lyts
Vejc-Design
Vintaged
Oh So Luscious
Idée-fixe
Dr0pdead
District23
EFG

Gigalyts
N. E. Smile
Swimchick
Fateof1
APW
Unglamorouslife
Starmonkeydesigns
Fake-Smile
Firefly
Eerie-Silence
Revampp