Archive for the ‘ALL’ Category

Click on image and play YouTube video

Posted: July 20, 2015 in ALL

Step 1 : Open URL – http://www.tools4noobs.com/online_tools/youtube_xhtml/

Step 2 : Paste your YouTube URL, Set configuration and then Click on Generate Code button as per attached screenshot.

1

Step 3 : Now you will get your YouTube embed code. please review attached screenshot.

2

Pate below HTML code in your website :

<div><img style="cursor: pointer;" src="capture.jpg" alt="" /></div>
<div id="thevideo" style="display: none;">
<object style="width: 400px; height: 225px;" data="http://www.youtube.com/v/mv1F_uBZRA4?color2=FBE9EC&amp;autoplay=1&amp;controls=0&amp;version=3&amp;modestbranding=1" type="application/x-shockwave-flash" width="300" height="150">        
<param name="movie" value="http://www.youtube.com/v/mv1F_uBZRA4?color2=FBE9EC&amp;autoplay=1&amp;controls=0&amp;version=3&amp;modestbranding=1" />        
<param name="allowFullScreen" value="true" />        
<param name="allowscriptaccess" value="always" />    
</object>
</div>

Add Custome Twitter API

Posted: November 25, 2013 in ALL

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <!--[if lt IE 9]>
                    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
                <![endif]-->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript" src="twitter/jquery.tweet.js"></script>
        <style>
            #twitter ul li {list-style:none; font-family:Arial, Helvetica, sans-serif; color:#666666}
        </style>
    </head>

    <body>
        <div class="widget span3">
            <h4>Latest Tweets</h4>
            <div class="show-tweets" id="twitter"></div>
        </div>
        <script type="text/javascript">
            // Twitter
            $("#twitter").tweet({
                join_text: "auto",
                username: "    ", //replace this with your username
                modpath: './twitter/',
                avatar_size: 32,
                count: 10,
                loading_text: "loading tweets..."
            });

        </script>

    </body>
</html>

Download Twitter Javascript and attached : https://github.com/StanScates/Tweet.js-Mod

RIGHT CLICK DISABLE ON WEBISTE

Posted: August 6, 2012 in ALL

<script language=JavaScript>
var message=”Sorry, right-click has been disabled”;
function clickIE(){if(document.all){(message);return false}}
function clickNS(e){if(document.layers||(document.getElementById&&!document.all)){
if(e.which==2||e.which==3){(message);return false}}}if(document.layers){document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE}document.oncontextmenu=new Function(“return false”)
</script>

SOLVE CONFLICT JS

Posted: July 26, 2012 in ALL

Create

var tr=jQuery.noConflict();

add this : tr

CREATE SPRITE IMAGE & CSS

Posted: July 4, 2012 in ALL

First create one folder and save all images.
plz not save repeat images.
create zip file for this folder

open this site : http://spritegen.website-performance.org/
browse your zip file and upload
click spite Image & CSS

ARE YOU USE THIS SPRITE IMAGE & CSS R U REDUCE YOUR WEBSITE LOADING TIMING

FONT GENERATOR

Posted: July 2, 2012 in ALL

If there is no font install in any Browser See below details :

How can u install fonts ?

First Open this Website : http://www.fontsquirrel.com/fontface/generator/

Click to Add fonts button and brows your font.

Click to Checkbox and save the zip file

attach stylesheet in your html projects.

WEBSITE REFERENCE

Posted: July 2, 2012 in ALL

http://spritegen.website-performance.org/ ——— Sprite CSS

http://maettig.com/code/css/text-shadow.html ——– Shadows

http://www.freshdesignweb.com/download-free-beautifull-buttons-pack-psd-file.html————–Psd Buttons

http://ibrandstudio.com/inspiration/best-corporate-website-templates – Portal Website Layouts

http://www.freewebsitetemplates.com ——— websites all css, html & psd

http://www.semanticlp.com/featured-lp/3/————Landing Page Designs

http://www.landingpagedesignkings.com/————Landing Page Designs

http://mindxstudioblog.com/top-10-dating-landing-page-design-template.html lp/3/ ————Landing Page Designs

http://gallery.mobile9.com/c/samsung-s5253-wave525-softwares_3781/1/ —- Mobile Games

http://devisefunction.com – Create Website

http://www.hscripts.com/scripts/JavaScript/cursoreffect1.php —-Javascripts

http://www.htmldrive.net/—-Javascripts

http://downloadjavascripts.com/—-Javascripts

http://www.jqueryscript.net/demo/Easy-Responsive-Tab-Accordion-Control-Plugin-For-jQuery//—-Javascripts Easy Responsive Tabs to Accordion Demos

http://dimsemenov.com/plugins/magnific-popup//—-Javascripts

http://jquery-plugins.net/tag/sticky-scroll/—-Javascripts

http://www.sifrgenerator.com/wizard.html —- Font Generator

http://font2web.com/ —- Font Generator

http://fontface.codeandmore.com/ —- Font Generator

http://www.fontsquirrel.com/fontface/generator/—-Font Generator

https://chrome.google.com/webstore/category/ext/11-web-development —- Install plugins in Chrome

http://chrispederick.com/work/web-developer/ —- Install plugins in Firefox

http://www.htmldrive.net/items/demo/1244/jQuery-Photo-filter-lightbox-Gallery-plugin —- Portfolio Javascript

http://www.9bitstudios.com/2013/04/jquery-isotope-tutorial/ —- Portfolio Javascript

 

http://www.htmldrive.net/items/demo/891/Useful-dropdown-menu-with-CSS3-jQuery —- Menu Drop down without Jquery

http://www.htmldrive.net/items/demo/756/Scalable-Menu-with-jQuery-CSS3 —- Mega Menu Javascripts

http://www.htmldrive.net/items/demo/872/Nice-Multiple-jQuery-Mega-Drop-Down-Menu —- Mega Menu Javascripts

http://www.splashnology.com/article/parallax-scrolling-tools-articles-and-tutorials/4678/ —- Parallax Slider Javascripts

http://cufon.shoqolate.com/generate/ —- Cufon Fonts

http://net.tutsplus.com/articles/news/the-easiest-way-to-use-any-font-you-wish/ —- Cufon video

http://www.responsivegridsystem.com/ —- Responsive design

http://bxslider.com/examples —- Responsive Slider

http://caroufredsel.dev7studios.com/ —- All type of Slider

http://www.richardscarrott.co.uk/app/webroot/assets/javascript/jquery/carousel/demo/ —- Carousel

http://www.agilecarousel.com/ —- Featured Slider

http://baijs.nl/tinycarousel/ —- Tiny Carousel

http://ryrych.github.com/rcarousel// —- R Carousel/

http://www.maratz.com/blog/archives/2006/06/11/fancy-checkboxes-and-radio-buttons/ —- Radio & Checkbox Juqery

http://www.jqueryrain.com/2012/04/top-jquery-snow-falling-effect-plugin-tutorial-with-example/ —- Snow Fall jQuery

http://css3buttongenerator.com/ —- Create CSS3 Button effect

http://fortawesome.github.com/Font-Awesome/ —- Icon

http://pixelentity.com/previews/components/flare/ —- Light Box

http://www.jqueryscript.net/demo/Responsive-Filterable-jQuery-Portfolio-Gallery-Plugin-Elastic-Grid/demo_responsive.html —- Google style portfolio with light box

http://www.colorzilla.com/gradient-editor/ —- Gradient CSS

http://ajtroxell.com/tutorials/simple-responsive-jquery-dropdown/ —- Responsive Menu

http://www.tutorialspoint.com/ —- PHP Tutorials

http://areaaperta.com/nicescroll/ —- Nice Scroll Right Side windows

http://ypoweb-01.experf.gq1.yahoo.com/ysmush.it/ —- Optimized Images online

http://www.thebrightlines.com/2009/12/03/using-ies-filter-in-a-cross-browser-way/ —- IE Filter CSS

https://daneden.me/animate/ —- Animation CSS

https://davidwalsh.name/write-media-queries-sass —- create custome SCSS media query variables.