I want to know how to do an effect on a web page , help me please

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • duartereis
    New Member
    • Mar 2008
    • 2
    #1

    I want to know how to do an effect on a web page , help me please

    --------------------------------------------------------------------------------

    I've never seen this before , but I had this idea , and i thought that maybe one internet pro could help me

    so , what i want to do is :

    put a magnifier as a cursor , and like a circunference , it would have a radius , about 3 centimetres . then imagine a black page , with hidden stuff , like images , and where the magnifier was , the things were revealed , by his passage . .

    [ im sorry , my english is very bad , im portuguese , and its kinda hard to express myself on this subject =P ]

    so , anyone can help me ??

    thk u
    Tags: None
    • harshmaul
      Recognized Expert Contributor
      • Jul 2007
      • 490
      #2
      i don't think you can implement that purely using html and css. i think you need to use a bit more javascript.

      Howvere i had a go, and i got you a starting point.

      Code:
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head>
<title>color changer</title>
<style type="text/css">
body{background-color:#000000;}
div{color:#000000;display:block;float:left;}
div:hover{color:#ffffff;}

</style>
</head>
<body>

<div>
the scripts
</div>
<div>
is a
</div>
<div>
very helpful site
</div>
<div>
i am doing
</div>
<div>
this using
</div>
<div>
CSS and the
</div>
<div>
hover property
</div>
<div>
make sure
</div>
<div>
you validate
</div>
<div>
all of your code.
</div>
<div>
i didn't
</div>
<div>
validate here
</div>
<div>
because i'm
</div>
<div>
lazy, but
</div>
<div>
it should
</div>
<div>
still be
</div>
<div>
valid
</div>
</body>
</html>

        Comment

        • duartereis
          New Member
          • Mar 2008
          • 2
          #3
          thanks for helping , but i didnt understand it very well =$

          i know almost nothing about this web codes and scripts =X

          and i dont know how to validate .. .

          and u said u were giving me a start , but i dont know how to continue it .. .

          if u could help me , i would appreciate =)

            Comment

            • harshmaul
              Recognized Expert Contributor
              • Jul 2007
              • 490
              #4
              Understood.
              before you start digging in to code and complex ideas i suggest you start at the beginging. learn what html/xhtml is.

              Use w3schools to learn more how to use the scripts.

              And when you get stuck with certain scripts we can help you there. We are here and happy to help, but not do your code for you.

              Good luck, and i hope to see you soon

                Comment

                Previous template Next
                Working...