User:Hari singh/Styles

From SikhiWiki
Jump to navigationJump to search
Welcome to Hari's User Page ਧਨ ਗੁਰੂ ਨਾਨਕ Email Hari Singh
Useful Links External Links Technical help Templates Templates2 Reminders Testing-Temp-2 Things to do
SikhiWiki Users Styles Formatting Tables SGGS quotes User templates Menu Media/pictures


Useful command lines


Common Formatting Commands

Administration category: [[Category:SikhiWiki administration templates]]

To clear previous format commands: <br clear="all">

To align column to top: style="vertical-align:top;" left: text-align:left;

To set column width: width="50%" or style="width:20%;font-size:85%;color:#000"

This is left column MP: width="50%" style="border: 1px solid #c6c9ff; color: #000; 
background-color: #f0f0ff; padding: .4em .7em .7em; vertical-align:top;" rowspan="3"

white space: &ndash;  &nbsp;  &bull;   &mdash; &nabla; &deg; &there4; &oslash;  &rarr;  

–     •     —   ∇   °   ∴   ø   →

Formatting Commands within style:

CSS table properties: see http://www.w3.org/TR/CSS21/propidx.html

style=" "
style="position:absolute; top:0;width:100%; margin-top:+0.7em;
margin-bottom:+.2em; background-color:#FFFAF0; bgcolor="#f5f5dc; border: 1px solid #ccc; 
padding: .3em .2em .3em; border-collapse: border; border-collapse:collapse; 
color:#111111; font-size:150%; font-size:8px; font-size:smaller; text-align:center;
font-weight:normal; line-height:110%; font-family: monospace; font-family: Arial; 
font-size: 1.8em; width: 10%; font-family: serif;"

Span function

Hello. this is pre text <span style="background-color:#FFFAF0; color:red; font-size:150%;
 font-size:8px; font-size:smaller; text-align:center; font-weight:normal; font-family: monospace;
 font-family: Arial; font-size: 1.8em; width: 60%; font-family: serif;">
 test test test </span> and this is post text

Hello. this is pre text test test test and this is post text


Align section to the right:

<div align=right>'''[http://www.sikhnet.com 1. Read More]'''<br><small>News Updated Daily</small></div>

<div align=right><font size="3" face="Verdana">
'''[http://www.sikhnet.com 2. Read More]'''</font><br><small>News Updated Daily</small></div>

<span style="background-color:#FFFAF0; color:red; font-size:150%; font-size:8px; font-size:smaller; text-align:center; 
font-weight:normal; font-family: monospace; font-family: Arial; font-size: 1.8em; width: 60%; font-family: serif;">
 [http://www.sikhnet.com 3. Read More] test test test></span>
1. Read More
News Updated Daily
2. Read More
News Updated Daily

3. Read More test test test>