Tutorials Forums
     Tutorials Videos
        Sign Up Now For FREE
Welcome, Guest
Username Password: Remember me
Forgot your password? Forgot your username? Create an account
Tutorials Forum
Web Development Tutorials
CSS.HTML

CSS Transparent image protection
(1 viewing) (1) Guest
HTML HELP, HTML TUTORIALS, HTML PROGRAMMING, HTML CODE, HTML DESIGN

Hypertext Markup Language (HTML) is the authoring software language used for building web pages. It is a subset of Standard Generalized Markup Language (SGML). In HTML, a block of text is often surrounded by tags that indicate how a browser should display it. There’s much more to HTML than that, of course, as the articles in this section detail.
Reply Topic
New Topic
  • Page:
  • 1

TOPIC: CSS Transparent image protection

CSS Transparent image protection 09 Dec 2009 22:22 #84

apply a transparent image over your images to prevent theft.

Instructions: this is actually 2 segements of code, the first is the CSS script to be placed in the head of your page, and the second is the implementation of divs
*Need to create a 1x1 pixel transparent gif file named overlay.gif 
 
<head>
<style type="text/css">
<!--
     div#cover{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background-image:url(overlay.gif); image-repeat:repeat;

-->
</style>
</head>
 
 
<div style="position:absolute; top:10; left:10; width:400; height:75; z-index:1; padding:0px; border: #000000 1px solid; background-image: url('/yourImage.ext');">
<div id="cover">
</div>
</div>
<!--
Much of the code on the first div can be ommitted or changed
to suit your site layout, the important part is the
div layer applied inside it, which is actually applid on
top of it
-->
 
  • CE
  • OFFLINE
  • Administrator
  • Posts: 197
  • Karma: 78
Reply Quote
CodersEngine
Reply Topic
New Topic
  • Page:
  • 1
Tutorials Forum
Web Development Tutorials
CSS.HTML
Powered by Kunena
Time to create page: 0.29 seconds