Code Examples -> Cool CSS Message quote

	Join us on FaceBook
	Submit Your Code
	Poker Tournaments
	Poker Guide for Developers
	SEO Monitor
	UpTime Monitor
	My Favorite Examples
	My Favorite Articles
	Update Your Profile

More Weber Sites
	PHP Code Search
	Web Development Forums
	Learn MySQL Playing Trivia
	PHPBB2 Templates
	Web Development Resources
	Web Development Content
	Internet Security Software

Recommended Links
	PHPClasses
	PHP Editor
	PHP Jobs
	Vision.To Design
	Ajax Tutorials
	PHP Programming Help
	PHP/MySQL Programming
	Webmaster Resources
	Webmaster Forum
	XML meta language
	website builder

Recommended
	פרייסז - הכח לקנות עובר לידיים שלך
	Texas Holdem Poker Evangelists


BACK		ADD A COMMENT		SEND TO A FRIEND		ADD TO MY FAVORITES		ADD CODE EXAMPLES		PRINT

PHP Code Examples

Title :	Cool CSS Message quote
Categories :	CSS, Web Design, Beginner Guides	Chetankumar Akarte
Date :	Feb 26th 2007
Grade :	4 of 5 (graded 5 times)
Viewed :	7811
File :	4585.zip
Images :	Image 1

Search :	More code by Chetankumar Akarte
Action :	Grade This Code Example
Tools :	My Examples List

Code


Like this code? Show the author your appreciation.

Here is an example which adds a cool css effect to your Message which you want to disply for your users

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>QUOTE</title>
<style type="text/css">

img
{
border: 0;
vertical-align: middle;
}

.quotetop
{
border-right: 1px dotted #000;
border-top: 1px dotted #000;
background: #DDDDDD url('include/css_img_quote.gif') no-repeat right 50%;
border-bottom: 0;
border-left: 4px solid #FF9900;
color: #000;
font-weight: bold;
font-size: 10px;
margin: 8px auto 0 auto;
padding: 3px;
}

.quotemain
{
background: #FFFFFF;
border: 1px dotted #000;
border-left: 4px #FF9900 solid;
border-top: 0;
color: #000000;
padding: 4px;
margin: 0 auto 8px auto;
}

.quotetop1
{
border-right: 1px dotted #000;
border-top: 1px dotted #000;
background: #DDDDDD url('include/css_img_quote.gif') no-repeat right 50%;
border-bottom: 0;
border-left: 4px #0000FF solid;
color: #000;
font-weight: bold;
font-size: 10px;
margin: 8px auto 0 auto;
padding: 3px;
}

.quotemain1
{
background: #FFFFFF;
border: 1px dotted #000;
border-left: 4px #0000FF solid;
border-top: 0;
color: #000000;
padding: 4px;
margin: 0 auto 8px auto;
}
</style>
</head>

<body>

<div class="quotetop">QUOTE</div>
<div class="quotemain">I would also suggest PHP is very good..</div>
<p></p>
<div class="quotetop1">QUOTE</div>
<div class="quotemain1">I like PHP very much</div>

</body>

</html>

Related Code Examples

	Simple Javascript CSS Digital Clock Categories : Java Script, Date Time, CSS, Beginner Guides, Web Design
	CSS Vertical Navigator , With Coll CSS Look Categories : CSS, Web Design, Beginner Guides
	Rollover Image link effect using only single image. Categories : Web Design, HTML, CSS, Beginner Guides
	Form Processing : with alert Highlight field name which is not filled by user Categories : Java Script, Form Processing, Data Validation, Beginner Guides, Web Design
	<FORM> causing an extra line in HTML output on IE Categories : Beginner Guides, HTML, CSS
	Kewl Date Example Categories : PHP, HTML and PHP, Date Time, CSS, Beginner Guides
	Show or Hide your Content using Javascript Categories : Java Script, HTML, CSS, Beginner Guides
	PHPtabZ.. PHP controlled CSS Tab Menu Categories : PHP, CSS, Web Design
	Change the background color of a website daily dynamically using the php date function to get the current day of the week and depending on that day, set the background color for the web page. Categories : PHP, Date Time, Beginner Guides, Web Design
	Changing the Style of form objects using the JavaScript OnClick method. Categories : Java Script, Form Processing, Beginner Guides, CSS
	CSS Container BOX , with cool CSS Design Categories : CSS, HTML, Web Design
	CSS Buttons Styles Categories : CSS, HTML, Beginner Guides
	Date layout using CSS Categories : CSS, Date Time, Web Design
	How to keep your tables width stable even if you have long strings inside. Categories : CSS, Web Browsers, HTML, Beginner Guides
	Store, retrieve and delete cookies using JavaScript. Categories : Java Script, Cookies, Beginner Guides, Cookies