Create static-text popups purely through the power of CSS. There is no Javascript used in this document. For that matter, there aren't any images either. And once again, there are no proprietary extensions being employed here. It's all validated HTML and
Tutorial Details:
CSS CSS Pure CSS Popups Tutorial
If you've already seen the complexspiral demo , then this page layout probably seems a bit familiar. However, this time we aren't playing around with background images, or indeed images of any kind. Instead we're creating static-text popups purely through the power of CSS. The title of the page is intentional: there is no Javascript used in this document. For that matter, there aren't any images either. And once again, there are no proprietary extensions being employed here. It's all validated HTML and CSS, period, end of story.
Any browser that does a good job of supporting positioning will get some of the stuff I did here correct, so continuing onward is probably worth it. The basic drill is this: mouse over the links on the left side of the page. Watch the space below the links. Make sure to mouse over all the links, back and forth, up and down.
This effect works because I set up everything so the borders on the hyperlinks actually overlaps the border of the main content area. Because I'm positioning these elements using pixel measures, I can get things to line up appropriately and then style them however I like. it's a bit of a trick, of course-- by sticking to shades of gray, it's easier for me to create translucency effects. Someone with a sufficiently keen color sense could probably come up with better stuff than I did.
Read
Tutorial at: Click here to view the tutorial
Rate Tutorial: CSS CSS Pure CSS Popups Tutorial
View Tutorial: CSS CSS Pure CSS Popups Tutorial
Related
Tutorials:
 Apple announces Java 2 plans at MacWorld
Apple announces Java 2 plans at MacWorld
|
Personalize your Website with skins - JavaWorld June
2001
Personalize your Website with skins - JavaWorld June
2001
|
JSP best practices
Follow these tips for reusable and easily maintainable JavaServer Pages
|
Maven ties together tools for better code management
Maven ties together tools for better code management
|
Profiling CPU
usage from within a Java application
Profiling CPU
usage from within a Java application
|
The Java Web Services Tutorial
This tutorial is a beginner\'s guide to developing Web services and Web applications using the Java Web Services Developer Pack (Java WSDP).
|
Excellent
tutorial on Struts and Tiles
Excellent tutorial on Struts and Tiles
This tutorial assumes knowledge of Java, JDBC, Servlets, J2EE (with regards to Web applications) and JSP Struts in a holistic manner, minus the beads and crystals.
The Tiles framework makes creating reusable pages
|
AurigaDoclet: Javadoc doclet for generating javadoc in pdf, postscript, etc
What Is AurigaDoclet?
AurigaDoclet is a Javadoc doclet which can generate Java API document in fo, pdf, postscript, pcl, and svg format. AurigaDoclet accepts command line options which can be used to further customize the generated output.
|
JXMLAppKit 2.0
JXMLAppKit is a pure Swing java framework for editing an XML document with multiple XML editors.
|
The HTML Renderer Shootout, Part 1
The HTML Renderer Shootout, Part 1
In this article, we will review 11 different HTML renderers, comparing their features, compliance, and speed; searching for the best one for any project.
|
ServerEclipse - Web Eclipse Plug-in
ServerEclipse - Web Eclipse Plug-in
|
The JDBC RowSet Implementations Tutorial
In "The JDBC RowSet Implementations Tutorial," you will look at how to use the standard JDBC RowSet implementations specified in JSR-114.
|
Jeff Schmitt's JDBC Page
This tutorial assumes you are using the MySQL database and the GWE JDBC drivers. The host computer is triton.towson.edu.
|
Servlet Essentials
This document explains the concepts of Java Servlets and provides a step-by-step tutorial for writing HTTP Servlets with complete source code for the example Servlets. The tutorial and the other chapters cover all facets of Servlet programming from a ...
|
The JavaTM Web Services Tutorial
A beginner's guide to developing Web services and Web applications on the Java Web Services Developer Pack
|
JSP Tutorial
This Tutorial is for beginners in the Java Server Pages Technology
|
JavaServer Pages Technology - Documentation
Sun's tutorial for Java Server Pages that provide a good introduction to design web pages with JSP.
|
Tag Libraries Tutorial
This tutorial describes how to use and develop JavaServer Pages tag libraries. The tutorial assumes that you know how to develop servlets and JSP pages and are familiar with packaging servlets and JSP pages into Web application archives.
|
Device Driver Tutorial for the Solaris OS
Make your hardware work with the Solaris OS on x86 or SPARC architectures. If you are a beginning Solaris kernel programmer, start with this new tutorial on docs.sun.com.
|
Welcome to the Jboss 3.0 Tutorial
Welcome to the Jboss 3.0 Tutorial
Welcome to the Jboss 3.0 Tutorial
10 Minutes Guide to Ant
Comprehensive description of Ant with example.
Building Web Application With Ant and Deploying on Jboss 3.0
This lesson shows you how to build you web
|
|
|
|
