Introduction

A useful collection of simple (X)HTML, CSS, JavaScript, PHP codes/snippets and resources/links for daily use.

Use them for creating your own layouts.

Requirements:
  • Good knowledge in (X)HTML, CSS, JavaScript and PHP
  • A plain text editor for editing.
  • An image/graphic editor
  • Firefox 3.xx, Internet Explorer 7.xx, Google Chrome
  • Creativity

Please don't remove Copyright notices, where required.

Sitemap

Image

Just added
Layout example 07 (Layout Gallery)

Introduction

Basic Layouts

  • Basic Stylesheet CSS/(X)HTML
  • Basic Stylesheet CSS/(X)HTML 1 (enhanced)
  • New Basic Stylesheet CSS/(X)HTML 2 (enhanced)
  • 10 basic CSS/(X)TML layouts fixed and liquid with a Sticky Footer

Layout Gallery

Menus

  • 6 basic styles for creating horizontal, vertical and flyout menus.

Boxes

  • Rounded corner box with JavaScript
  • Box with a drop shadow effect created with CSS.
  • Rounded corner box with pure CSS for Firefox and Safari and a HTC file for IE.

Slideshows

  • New Slideshow 1

Snippets (CSS/XHTML)

  • Sticky Footer
  • Horizontal line (hr) alternative
  • Easy Gallery
  • CSS Drop Shadow Headline
  • Horizontal and vertical centered Block Element
  • Simple Contact Form
  • Clearfix

JavaScripts

  • JavaScript Toggle
  • Simple JavaScript Slideshow 1
  • Simple JavaScript PopUp
  • Javascript Copyright
  • New-window links in a standards-compliant way

PHP

  • Simple CMS with flat files
  • PHP include
  • PHP Copyright
  • PHP multiple images upload for galleries
  • PHP "Lytebox" Gallery
  • markItUp! CMS
  • CMS Content Control with FCKeditor

Colors

  • 500+ Colours
  • Color Palette Creator
  • Color Scheme Generator
  • Color Schemer
  • Color chart that shows the HTML named colors in alphabetical order.

Lorem ipsum Text

Content