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; }  

Read More

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>    

Read More

Text General

Text Align <div style="text-align:left;"> <div style="text-align:center;"> <div style="text-align:right;"> <div style="text-align:justify;">      

Read More

Text Effects

Outlined Text color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;      

Read More

Background Images

  Use image to fill both width and height background-image: url(images/background.jpg); background-repeat: no-repeat; background-size: cover;   Use image to fit width or height background-image: url(images/background.jpg); background-repeat: no-repeat; background-size: contain;  

Read More

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>

Read More

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; […]

Read More