5 berichten aan het bekijken - 1 tot 5 (van in totaal 5)
  • Q:
    Bijdrager
    DavidRoman

    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.

    Bijdrager
    T00N

    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

    Bijdrager
    mattietissen

    <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd”&gt;
    <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).

    Bijdrager
    pascal75

    kan je dit dan niet beter met een html-fragment importeren?
    of zeg ik nu iets stoms?

    Bijdrager
    DavidRoman

    @mattietissen, bedankt!!

    Het is mij gelukt zie hier het resultaat:
    http://www.droman.nl

5 berichten aan het bekijken - 1 tot 5 (van in totaal 5)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.