|
|
|
|
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> | |
|
|
| 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 | | | Simple Javascript CSS Digital Clock
Categories : Java Script, Date Time, CSS, Beginner Guides, Web Design | | | PHPtabZ.. PHP controlled CSS Tab Menu
Categories : PHP, CSS, Web Design | | | How to keep your tables width stable even if you have long strings inside.
Categories : CSS, Web Browsers, HTML, 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 | | | Date layout using CSS
Categories : CSS, Date Time, Web Design | | | Kewl Date Example
Categories : PHP, HTML and PHP, Date Time, CSS, Beginner Guides | | | 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 | | | CSS Container BOX , with cool CSS Design
Categories : CSS, HTML, Web Design | | | Changing the Style of form objects using the JavaScript OnClick method.
Categories : Java Script, Form Processing, Beginner Guides, CSS | | | Show or Hide your Content using Javascript
Categories : Java Script, HTML, CSS, Beginner Guides | | | CSS Buttons Styles
Categories : CSS, HTML, Beginner Guides | | | <FORM> causing an extra line in HTML output on IE
Categories : Beginner Guides, HTML, CSS | | | email new items in db
Categories : PHP, Email, Databases, MySQL, Beginner Guides | |
|
|
|
