Bootstrap Accordion Collapsible Icons:function toggleChevron(e) {
$(e.target)
.prev('.panel-heading')
.find("span.indicator")
.toggleClass('minus-icon plus-icon');
}
$('#accordion').on('hidden.bs.collapse', toggleChevron);
$('#accordion').on('shown.bs.collapse', toggleChevron);
Bootstrap drop down-menu not working : (link here)$(document).ready(function(){$('.navbar .dropdown').hover(function() {$(this).find('.dropdown-menu').first().stop(true, true).delay(300).slideDown();}, function() {$(this).find('.dropdown-menu').first().stop(true, true).delay(50).slideUp()});});
For Responsive and Crop Image fit in the Div/Container with any required size:-
img {
position:absolute;
left: -100%;
right: -100%;
top: -100%;
bottom: -100%;
margin: auto;
min-height: 100%;
min-width: 100%;
}
The iconic font designed Scalable vector graphics with css
The CSS Selectors you Must Remember
General equation in terms of baseline font sizes in CSS:
100% = 1 em ~= 16px ~= 14pt
How to Add Syntax Highlighting to Any Project
Using Inline SVGs With HTML5
A First Look at the HTML5 History API
Toying With the HTML5 File System API
How to Inject Custom HTML and CSS into an iframe
PhotoBooth - Webcam image capture
Flash Webcam Image Capture: Photo Booth
Photo Booth – Flash Webcam Image Capture
Validating Form Fields Using JavaScript in FrontPage
5 Ways to Make Ajax Calls with jQueryFix CSS Pseudo Hover in IE
Search form crafted beautifully using CSS3 and JavaScript.
Directorysubmission list for SEO
DirectoryRoll is sharing this social bookmarking list with webmasters
Google Chart Gallery
Learning OOP in PHP ASAP!
You Want to Accept Credit Cards Online?
Spriting made easy and combine background images into a CSS sprite
Ultimate CSS Gradient Generator
All CSS3 Generator
Excellent & Recent jQuery Plugins
Sticky Sidebar jQuery plugin
Database Searching Techniques with SQL
How to Generate a Complete Excel Spreadsheet From MySQL
Free Vector Art, Premium Vector Art, Stock Vectors
<script type="text/javascript"> function noError(){return true;}window.onerror = noError; </script>Styling an input type="file"
- <?xml version="1.0" encoding="iso-8859-1"?>
- <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
Free Music Players For Your Website
FLV to MOV Converter
Flash swf in html or web pages, for perfect passed validation purpose use swfobject below link here
Either download swfobject_2_x.zip from the Downloads or swfobject_2_1.zip
CSS3 Search Form with simple javascipt write in input field onblur="if (this.value == '') {this.value = 'Search here...';}" onfocus="if (this.value == 'Search here...') {this.value = '';}" type="text" value="Search here..."
flash object code in html code for transperent background, For removing z-index problem in html page and dropdown menu in html is hidden behind embedded flash object
1 step: past after param tag
<param name="wmode" value="opaque" />
2 step: past in the embeded tag
wmode="transparent"
Auto-Refresh your Browser when you people Designing a new Sites <meta http-equiv="refresh" content="3" />
Note:This Placed within the head tag of your document, this meta tag will instruct the browser to refresh every three seconds.only in IE7 the submenu appear under my page's content. I use I use bgframe plugin for Superfish menu.
$("ul.sf-menu").superfish({ speed: 'fast', autoArrows: false // disable generation of arrow mark-up })
find('ul').bgIframe({opacity:false});
Cross Browser Opacity.
transparent_class { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }
PNG Hack/Fix for IE 6
For CSS background-images .
yourselector { width:200px; height:100px; background: url(/folder/yourimage.png) no-repeat; _background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/folder/yourimage.png',sizingMethod='crop'); }
For inline HTML images img,
.png { position: relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); }
(Note : This requires a 1x1px transparent GIF image)
You need Center of the Template or Background just take like below code:
.wrapper{
width:800px;
height:630px;
margin: -300px 0px 0px -400px;
top: 50%;
left: 50%;
position: absolute;
background: url(../images/bg.jpg) center center no-repeat;
}
How To Embed SWF, FLV, MP4 Flash Video In Any Webpage with images or without images. So past your urls and get Embeded code... follow this link www.osflv.com
