News and Announcements

Click here to visit the news and announcements section. It contains all information on contests, maintenance updates and more. Regular members of the forum may not post new topics here, but may reply to existing ones.

Username:
Password:
Stay logged in:


Lost your password?
Pressed box with CSS

Extreme Coding


 
HomeFAQSearchRulesStaff ListMemberlistUsergroupsRegisterLog in

Share | 
 

 Pressed box with CSS

View previous topic View next topic Go down 
AuthorMessage


avatar


McStormify

Administrator

Posts : 75
Tokens : 87

PostSubject: Pressed box with CSS   Fri Nov 05, 2010 3:38 pm


How to make a pressed box with CSS
Written by McStormify



Hey there, Guest!

Today, I'll be showing you how to make a pressed box with CSS.

Click here for a demo.

Ok, so here we go. It's simple really. Here is the CSS Code:

Code:
.pressed {
   color: #fff;
   padding: 20px;
   background: #111;
   border: 1px solid #000;
   border-right: 1px solid #353535;
   border-bottom: 1px solid #353535;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

To place it inside a HTML page, just paste the code between the <head> tags.

That's all. So it's pretty simple really.

Thanks,
McStormify


Notice : This tutorial is copyrighted by Extreme Coding. You may not publish it on anywhere without written permission from the administrators.




Back to top Go down
View user profile http://extremecoding.forumotion.com
 

Pressed box with CSS

View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
Extreme Coding :: Extreme Coding :: Tutorial Proposal-
Jump to:  


Free forum | © phpBB | Free forum support | Contact | Report an abuse | Free forum