css

Change Stylesheet in Javascript

Submitted by GeePee on
This project will teach you how to change the web page stylesheet using javascript. I have here in my example the 3 different buttons. On click of the button, the sizes or the web page style will automatically change according to the style you set up. I have 3 different styles(small, medium, large), so I have also to create 3 stylesheet named small.css, medium.css and large.css. It is easy and it

NJForm Simple Contact Form Wordpress Plugin

Submitted by nikzcruzalde on
NJForm Wordpress plugin allows the user to create a simple contact form in Wordpress. After downloading, upload it to your Wordpress Site and that's it. You can now use it in any page using its shortcode. I am making enhancements to this plugin as of now. Hope it can help you learn how to make your own Wordpress plugin!

Google Chrome Logo in HTML/CSS

Submitted by GeePee on
This project will teach you how to create a logo of Google Chrome using raw css and html. Google Chrome logo has only 5 parts which I named it as circle(which is the white bigger circle in the center of the logo), center(the blue center circle), red, yellow and green. This is very cool css tricks. Hope you learn from this.

Simple Tooltip in CSS

Submitted by GeePee on
This project will teach you how to create a simple tooltip using raw css code. When image is hover, the car model will immediately appear on each image. Feel free to edit or do what you want in this project. You can position your tooltip anywhere in the image by setting up the margin property. Hope you learn from this project.

Folded Corner Effect in CSS

Submitted by GeePee on
This project is cool and simple for a web design. We can use it in our comment box or other part or your page you think this effect suits best. What we need in order to create a folded corner is set the border-with, border-style and border-color property. It's up to you how you will design this box or what color you will be using. You can also add some box-shadows to enhance the appearance of a

Notification Box in CSS - #1 HTML & PHP

Submitted by Yorkiebar on

Introduction:

This tutorial is on how to make a notification box for your website. This is the first of two parts, in which we will be creating the HTML and setting the messages.

Notification Box?

When I say a notification box, I mean one of those smooth and sliding information boxes which sometimes appear under certain circumstances on a website at the top of the page. Normally stating that the web page uses 'cookies'.

HTML:

First we want to create the HTML for our page.
Subscribe to css