-
Q:
Fade Tekst/logo maken voor website
Beste OMTers,
Voor mijn iweb homepage wil ik een logo (eigenlijk gewoon mijn site naam) als begin in laten faden, een goed voorbeeld hoe ik het graag zou willen is deze site: http://www.maruni.com/
Nu ben ik zelf al op zoek geweest naar uitleg hierover, uiteindelijk ben maar wat gaan proberen in flash maar daar kom ik totaal niet uit. Zelf ben ik geen Flash/html5 guru, dus voor hetzelfde geldt kan het heel simpel zijn.
Hopelijk kunnen jullie mij hier bij helpen.
Ik vraag me af of dit wel kan met iweb.
Volgens mij is iWeb meer voor de standaard websites ik denk dat je dit eerder zou moeten doen met dreamweaver of iets in die richting. Maar als het mogelijk is, hoor ik het ook graag!EDIT: vond dit net op internet, misschien dat is wat je zoekt, kost wel geld. http://www.iweb-site.com/index.php?manufacturers_id=Flash%20intro%20template
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd”>
<html>
<head>
<title></title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<script type=”text/javascript”>
if (document.all||document.getElementById){
document.write(‘<style id=”tmpStyle” type=”text/css”>#pic {-moz-opacity:0.00;filter:alpha(opacity=0);opacity:0;-khtml-opacity:0;}</style>’)
var objG, degree=fadeAssist=0;
if (document.all&&typeof document.documentElement!==’undefined’)
document.write(‘<!–[if GTE IE 5]><script type=”text/javascript”>fadeAssist=function (obj, degree){try {obj.filters.alpha.opacity=degree}catch(e){obj.style.filter=”alpha(opacity=”+degree+”)”}}<‘+’/’+’script><![endif]–>’)
}
function fadepic(obj){
objG=obj
if (!document.getElementById&&!document.all)
return;
var tS=document.all? document.all[‘tmpStyle’] : document.getElementById(‘tmpStyle’)
if (degree<100){
degree+=5
if (objG.filters&&objG.filters[0]&&fadeAssist)
fadeAssist(objG, degree)
else if (typeof objG.style.MozOpacity==’string’)
objG.style.MozOpacity=degree/101
else if (typeof objG.style.KhtmlOpacity==’string’)
objG.style.KhtmlOpacity=degree/100
else if (typeof objG.style.opacity==’string’&&!objG.filters)
objG.style.opacity=degree/101
else
tS.disabled=true
setTimeout(“fadepic(objG)”, 50)
}
else
tS.disabled=true
}
</script>
</head>
<body>
<img id=”pic” onload=”fadepic(this);” src=”domfade.jpg”>
</body>
</html>Dat kan wel. Ik gebruik ook iWeb en je moet deze code er ff uitpikken en dan in je .html document plakken en dan fade je het logo in (en src=”domfade.jpg wijzigen naar je eigen pic).
@mattietissen, bedankt!!
Het is mij gelukt zie hier het resultaat:
http://www.droman.nl
Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.