In your html / php file add this (The old type=”text/css” is no longer required) Create your styles.css file An example with a good main stylesheet default content
Category: .Examples
Responsive(1)
Classes Of Things
Referring To The Class Name Of Specific Tags Hide the li class "comments" in ul "meta-single": ul.meta-single li.comments { display: none; }
Hide Items Using CSS
.post-date { display: none; }
Centered Page
Basic Centered Page <style type="text/css"> .page_main { width: 800px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 6px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } </style> </head> <body> <div class="page_main"> </div> </body>
Text Effects
Outlined Text color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
Draw Box
<div style="width:20px; height:6px; background: #FF0000;"></div>
Positioning An Image
Positioning An Image <div style=”padding-top:14px; padding-left:20px;”> <div style=”width:165px; height:60px;”> <img src=”/home/my_image.png” alt=”Home” /> </div> </div>
Special Site Message
Special Site Message White text in a red bar <div align=”center” style=” color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; background-color: #FF0000; width: 100%; text-align: center; padding-top: 2px; padding-bottom: 2px;”>*** THIS IS A SPECIAL MESSAGE – PLEASE VISIT <a href=”http://www.mydomain.com”><font color=”#FFFFFF”>WWW.MYDOMAIN.COM</font></a> FOR MORE INFO ***</div> Red text <div align=”center” style=”color: #FF0000; font-size: large; […]
Clear Floats
Clear Floats
Insert Margin
Insert Margin <div style=”margin-top: 10px;”></div> <div style=”padding-top: 10px;”></div>