Follow Me:
Showing posts with label Html and Html5. Show all posts
Showing posts with label Html and Html5. Show all posts

Friday 30 May 2014

How to blink text in html for various browsers

The blink() method is not standard, and may not work as expected in all browsers.
The blink() method is used to display a blinking string.
This method returns the string embedded in the <blink> tag, like this:

<blink>string</blink>



Note:  The blink() method only works in Opera. It is not supported in Internet Explorer, Firefox, Chrome, or Safari.

So alternatively we can try this below:

<span class="blink_text">India's Largest portal is Meetcity.in</span> 
<style type="text/css"> 
.blink_text { 

        -webkit-animation-name: blinker;
 -webkit-animation-duration: 1s;
 -webkit-animation-timing-function: linear;
 -webkit-animation-iteration-count: infinite;

 -moz-animation-name: blinker;
 -moz-animation-duration: 1s;
 -moz-animation-timing-function: linear;
 -moz-animation-iteration-count: infinite;
 animation-name: blinker;
 animation-duration: 1s;
 animation-timing-function: linear; 
    animation-iteration-count: infinite; color: red; 
} 

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; } 
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; } 
} 

@keyframes blinker {  
    0% { opacity: 1.0; } 
    50% { opacity: 0.0; }      
    100% { opacity: 1.0; } 
} 
</style> 


Wednesday 21 November 2012

How do you disable "Save as" function on images?

    I want to the disable the save option in image and also disable copy the image  script will be given below:
 
 <style>
thumbnail.large,thumbnail.large .box-crop,thumbnail.large .box-contests,thumbnail.large .details,thumbnail.large .details .relative {width:100%;height:100%;}
thumbnail .details,thumbnail .details .relative {width:100%;height:100%;box-shadow:0;}
thumbnail .details .top .content {min-height:30px;}
thumbnail .details .top {display:block;font-size:16px;line-height:28px;text-align:center;}
thumbnail a:hover {text-decoration:none;}
thumbnail .details .top,thumbnail .details .bottom {width:100%;color:white;}
thumbnail .details .bottom {line-height:24px;}
thumbnail .closed .details .bottom.content {background:#D70200;text-align:center;line-height:26px;}
thumbnail .box-crop.crop-height img {width:100%;height:auto;margin-left:auto;}
thumbnail .details {position:absolute;top:0;left:0;}
</style>


<thumbnail class="large">
<img src="./images/pair.jpg" alt="Pair">
<a href="#"><div class="details"></div></a>
</thumbnail>

Download the Link:

https://www.box.com/shared/6rznbxxyt2fm956kgvao

The following file will be working fine.

Wednesday 7 November 2012

How to disable "Save as" in an Adobe PDF document

Embeddable Google Document Viewer

Google Docs offers an undocumented feature that lets you embed PDF files and PowerPoint presentations in a web page. The files don't have to be uploaded to Google Docs, but they need to be available online.

<iframe src="http://docs.google.com/gview?url=onlinebetaversion.com/icdipl/images/RINA_Certificate.pdf&embedded=true" style="width:620px;height:800px;border:none;"  frameborder="0"></iframe>

 but you should replace the bold URL with your own address. As I mentioned, the document viewer works for PDF and PPT files.

 Example:

http://onlinebetaversion.com/icdipl/certificate.php