Html
Get flash to fully experience Pearltrees
inline images
This article provides HTML background image code - code for setting a background image on an HTML element. More importantly, it also provides the CSS code for a background image. The CSS method is recommended as it is more powerful, besides, the HTML method is deprecated. CSS allows you to set a background image for any HTML element. Plus you can specify its position, whether it should repeat across the page, how it should repeat etc. Background Image Example
Background Image Code
emails
How can I ask to confirm before submitting
: sometimes you want to make sure the user really intended to click on a form button, or even on an ordinary link. Examples include "delete" buttons. In the most important cases, you should solve this problem by adding an additional "confirmation" page to the dynamic web application that receives the form submission.
fade in page onload
hello, I am trying to get the page to fade in when it loads.. instead of using the microsoft enterpage metahead value.. here is the code I am trying, but no luck <html> <head> <SCRIPT LANGUAGE="JavaScript"> function fadeInPage() { if (document.getElementById("fadeDiv").filters.alpha.opacity < 100){ document.getElementById("fadeDiv").filters.alpha.opacity += 10; eval('setTimeout("fadeInPage()",100)'); } else{ document.getElementById('fadeDiv').style.visibility = "visable" } } </script> </head> <body onLoad="fadeinpage()">FadeIn problem using Chrome
This code works fine in IE8/7 and Firefox... But in Google Chrome i got a problem... My page have a menu, when the user click it, hide div blocos and shows the content (using url parameter setted in menu) My Jquery Code: $(document).ready(function() { $('div.blocos').hide(); $('div#divMenuBloco').show(); $ ( '.clickable' ). click ( function (){ var _session = $ ( this ). attr ( 'url' ); $ ( 'div.blocos' ). hide (); $ ( 'div#' + _session ). fadeIn ( 'slow' ); return false ; }); }
HTML Fadein Fadeout: Basic Javascript/AJAX Tutorial using jQuery’s fadeTo In this tutorial we will review: Basic document jQuery preparation Binding jQuery actions to an anchor (A) tag Fading In and Fading Out html elements with Javascript/AJAX If you want some more basic information you can check out some of my other jQuery basic tutorials: Basic document jQuery preparation
Fadein Fadeout
Home / CSS3 Previews / Border-radius: create rounded corners with CSS! The CSS3 border-radius property allows web developers to easily utilise rounder corners in their design elements, without the need for corner images or the use of multiple div tags, and is perhaps one of the most talked about aspects of CSS3. Since first being announced in 2005 the boder-radius property has come to enjoy widespread browser support (although with some discrepancies) and, with relative ease of use, web developers have been quick to make the most of this emerging technology.
Create rounded corners with CSS
Back when video games were still fun (we’re talking about the 8-bit glory days here), graphics were a much simpler matter by necessity. Bitmapped 2-dimensional character data and background scenery was individually drawn, much like today’s resurgent pixel art. Hundreds and later thousands of small graphics called sprites were the building blocks for all things visual in a game.
CSS Sprites
image mouseover->hover
On Sat, 9 Oct 2004 21:22:18 +0930, PhilM > Is it possible to emulate the <javascript>mouseover in css, > to replace link images with an alternate? no that way is not that hard, but, it still requires text. This only alters the background, not the foreground, which I am trying to do :(
Nifty Rounded Edges Using Only CSS
If you have a Google Analytics account, you must have seen that Google uses slightly rounded edges in the menu buttons on the left. See the picture below :- Today, I will teach you how to give these nifty little rounded edges to your menu. Given below is the CSS code.
Changing link color on hover?
This is presentational, therefore should be done with CSS instead of with body attributes. Add this to the head of your document (a better solution would involve storing this in a separate .css file and including it, but I'm going for simplicity here): Note, links are only "active" when you are in the process of clicking them. That is, "active" does not mean "if this link is the current page, highlight it differently".