Dreamweaver Tutorials: September 2013

Thursday, 26 September 2013

HTML5 Shining Effect with image

Monday, 16 September 2013

Tooltip script function

Friday, 6 September 2013

Bootstrap templates

Free Bootstrap template

Border Radius for IE

BorderHYPERLINK "http://pxtoem.com/" HYPERLINK "http://pxtoem.com/"RadiusHYPERLINK "http://pxtoem.com/" HYPERLINK "http://pxtoem.com/"forHYPERLINK "http://pxtoem.com/" HYPERLINK "http://pxtoem.com/"IE

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.corner.js"></script>


avascript:
$('.box').corner();

HTML:
<div class="box">Hello</div>

CSS:
box{
  width:150px;
  height:28px;
  padding:10px;
}

On Mouse Over show hid div Jqeury

$("#ADDropdownLink").mouseenter(function() {

$("#ADDropdown").show();

}).mouseleave(function() {

$("#ADDropdown").hide();

});

Show and Hide function with Jquery

Use after close head tag

$(document).ready(function(){

$("#hide").click(function(){

$("p").hide();

});

$("#show").click(function(){

$("p").show();

});

</script>

Use after in body tag

<p>Your Content is Showing</p>

Show and Hide function with element

<a href="#" onclick="toggle_visibility('foo');">Click here to toggle visibility of element #foo</a>
<div id="foo">This is foo</div>

Show and Hide function with element you can use multiple ID.

Calendars

Date & Time

Document Effects

Dynamic Content
Iframe & Ajax

Form Effects

Games

Image Effects
Galleries, Mouseover,Slideshows

Links & Tooltips

Menus & Navigation
CSS Based, Multi-levels

Mouse and Cursor

Scrollers

Text Animations

User/System Preference

Window and Frames

XML and RSS

Other

.calc {
	width: 100px;
	height: 50px;
	border: 1px solid #f00;
	padding: 10px;
	
	/* Firefox */
	width: -moz-calc(75% - 50px);
	/* WebKit */
	width: -webkit-calc(75% - 50px);
	/* Opera */
	width: -o-calc(75% - 50px);
	/* Standard */
	width: calc(75% - 50px);
}

CSS3 height for webkit (chrome, safari).

Different height and width for (IE firefox, safari, chrome, opera)

Thursday, 5 September 2013

Facebook Plugin

Facebook Plugins

All types of plugin is here

Like Button The Like button lets anyone share pages from your site back to their Facebook profile with one click.	Send Button The Send button allows people to easily and privately send content to their friends.	Embedded Posts Embedded Posts let you add any public post from Facebook to your blog or web site.
Follow Button The Follow button lets other people follow a person's public updates on Facebook.	Comments The Comments plugin lets people comment on any piece of content on your site.	Share The Share Dialog lets users add a comment and customize the title and thumbnail of the link they share.
Activity Feed The Activity Feed plugin shows users what their friends are doing on your site through likes and comments.	Recommendations The Recommendations plugin gives users personalized suggestions for pages on your site they might like.	Recommendations Bar The Recommendations Bar allows users to like content, get recommendations, and share what they’re reading with their friends.
Like Box for Pages The Like Box enables users to like your Facebook Page and view its stream directly from your website.	Registration The registration plugin allows users to easily sign up for your website with their Facebook account.	Facepile The Facepile plugin displays the Facebook profile pictures of users who have liked your page or have signed up for your site.