User:Hari singh/Technical: Difference between revisions

From SikhiWiki
Jump to navigationJump to search
 
(26 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Hari singh header}}
{{Hari singh header}}
 
[[Category:SikhiWiki Help]]
{{Tocright}}
{{Tocright}}
==Useful command lines==
<br>
*'''1. Common Formatting Commands'''
<pre>
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"
</pre>
*'''2. To start a table:'''
<pre>
{| border="2" cellpadding="2" cellspacing="0" style=" border-collapse: border;
color:#111111; font-size:8px; text-align:center;" class="prettytable; center"
|- bgcolor=#F5FFFA  height="25"
|
|-
|}
</pre>
*'''3. Formatting Commands within style:'''
<pre>
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;"
</pre>
*'''4. Align section to the right:'''
<pre>
<div align=right>'''[http://www.sikhnet.com Read More]'''<br><small>News Updated Daily</small></div>


<div align=right><font size="3" face="Verdana">
* [http://meta.wikimedia.org/wiki/Category:Editor_handbook Help:Editor handbook]
'''[http://www.sikhnet.com Read More]'''</font><br><small>News Updated Daily</small></div>
</pre>


==Links==
==Links==


{|
{|
|style="width:30%;"|
|style="width:30%;vertical-align:top;"|
'''General'''
'''General'''
* [[Help:Format a page]]
* [[Help:Format a page]]
Line 62: Line 14:
* '''[http://meta.wikimedia.org/wiki/Category:Editor_handbook Editor Handbook]'''
* '''[http://meta.wikimedia.org/wiki/Category:Editor_handbook Editor Handbook]'''
----
----
'''Visual effects'''
* [http://www.mediawiki.org/wiki/Manual:CSS Cascading style sheet]
* [http://www.w3.org/TR/CSS21/propidx.html Cascading style sheet 1]
'''HTML Elements'''
'''HTML Elements'''
* [http://en.wikipedia.org/wiki/HTML_element#Official HTML Element]
* [http://en.wikipedia.org/wiki/HTML_element#Official HTML Element]
----
* [http://www.w3.org/TR/html4/cover.html#minitoc HTML 4.01 Specification]
 
'''CCS'''
'''CCS'''
* [http://meta.wikimedia.org/wiki/Help:Cascading_style_sheets Cascading style sheets], [http://en.wikipedia.org/wiki/Cascading_Style_Sheets WP]
* [http://meta.wikimedia.org/wiki/Help:Cascading_style_sheets Cascading style sheets], [http://en.wikipedia.org/wiki/Cascading_Style_Sheets WP]
Line 70: Line 27:
----
----
'''Tables'''
'''Tables'''
* [http://meta.wikimedia.org/wiki/Help:Table Tables] also see - [http://meta.wikimedia.org/wiki/Help:Table wikimedia:Table]
* [http://meta.wikimedia.org/wiki/Help:Table Tables]  
* [[Wikipedia:Wikipedia:Collapsible tables|Collapsible tables]]
----
----
|style="width:30%;"|
|style="width:30%;vertical-align:top;"|
'''Wiki Syntax'''
'''Wiki Syntax'''
* [http://meta.wikimedia.org/wiki/Help:Editing Editing]
* [http://meta.wikimedia.org/wiki/Help:Editing Editing]
Line 82: Line 40:
* [http://en.wikipedia.org/wiki/List_of_colors List of Colours]
* [http://en.wikipedia.org/wiki/List_of_colors List of Colours]
* [http://www.wackerart.de/rgbfarben.html Table of colours]
* [http://www.wackerart.de/rgbfarben.html Table of colours]
* [http://mysite.verizon.net/laurin99/colorchart.htm HTML Color Spectrum Chart]
* [http://www.bmk.com.au/cgi-bin/colors.php HTML 4096 Color Codes]
----
----
'''Templates'''
'''Templates'''
Line 87: Line 47:
* [http://meta.wikimedia.org/wiki/Help:Template Simple Template Help]
* [http://meta.wikimedia.org/wiki/Help:Template Simple Template Help]
----
----
|style="width:30%;"|
'''Frames'''
* [[Wikipedia:Wikipedia:NavFrame|NavFrame]]
----
|style="width:30%;vertical-align:top;"|
'''Others'''
'''Others'''
* [http://meta.wikimedia.org/wiki/Help:Magic_words Magic Words ]
* [http://www.mediawiki.org/wiki/Help:Magic_words Magic Words ]
* [http://meta.wikimedia.org/wiki/Help:Variable Variables]
* [http://meta.wikimedia.org/wiki/Help:Variable Variables]
----
----
Line 97: Line 60:
* [[MediaWiki:Wikifeeds_mainpage|Wikifeeds Mainpage]]
* [[MediaWiki:Wikifeeds_mainpage|Wikifeeds Mainpage]]
* [http://meta.wikimedia.org/wiki/How_to_become_a_MediaWiki_hacker#The_PHP_programming_language Wiki hacker]
* [http://meta.wikimedia.org/wiki/How_to_become_a_MediaWiki_hacker#The_PHP_programming_language Wiki hacker]
 
----
'''Graphics'''
* [[Wikipedia:Wikipedia:Graphics_tutorials| Graphics tutorials]]
* [[Wikipedia:Wikipedia:How_to_draw_a_diagram_with_Dia|Help with diagrams]]
* [[Wikipedia:Wikipedia:How to create graphs for Wikipedia articles]]
* [[Wikipedia:Help:Contents/Images_and_media]]
----
* [http://meta.wikimedia.org/wiki/Documentation:Administration Administration]
* [http://meta.wikimedia.org/wiki/Documentation:Administration Administration]
|}
|}
Line 103: Line 72:
==Tables Test==
==Tables Test==


This paragraph is before the table.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ididu nt
'''This paragraph is before the table'''.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ididu nt. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do ei us mod te mpor incididunt ut labore et dolore tdolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet
 
{| align="right" border="1" style=""
{| align="right" border="1" style=""
| C1, r1  
| C1, r1  
|rowspan="2"| C2, r1 (and 2)  
|rowspan="2"| Table 1 C2, r1 (and 2)  
| C3, r1  
| C3, r1  
|-  
|-  
Line 113: Line 81:
| C3, r2  
| C3, r2  
|}
|}
 
'''This paragraph is after the first table'''.inc ididu nt ut labore et dolore magna aliqua. Ut fen imf adf minim veniam, quis incid idunt ut labore et dolore mag nabore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exe rcita taction aliqua. Ut jfenim ad midf nim ven i am quis nostrud exercitation Lorem ipsum dolor sit amet, consectetur adipis icing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exe rcita taction nostr sud finos trud ex ercited toati on. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do ei us mod te mpor incididunt ut labore et dolore tdolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet..
inc ididu nt ut labore et dolore magna aliqua. Ut fen imf adf minim veniam, quis incid idunt ut labore et dolore mag nabore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exe rcita taction aliqua. Ut jfenim ad midf nim ven i am quis nostrud exercitation Lorem ipsum dolor sit amet, consectetur adipis icing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exe rcita taction nostr sud finos trud ex ercited toati on...
 
{| align="right" border="1" cellpadding="5" cellspacing="2" style=""
{| align="right" border="1" cellpadding="5" cellspacing="2" style=""
| C1, r1  
| C1, r1  
|rowspan="2"| C2, r1 (and 2)  
|rowspan="2"| Table 2 C2, r1 (and 2)  
| C3, r1  
| C3, r1  
|-  
|-  
Line 124: Line 90:
| C3, r2  
| C3, r2  
|}
|}
 
'''By inserting [cellpadding="5" cellspacing="2"] - Note the floating table to the right 'expands'. This paragraph is after the table. ..''' Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do ei us mod te mpor incididunt ut labore et dolore tdolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do ei us mod te mpor incididunt ut labore et dolore tdolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet.
'''By inserting [cellpadding="5" cellspacing="2"] - Note the floating table to the right 'expands'. This paragraph is after the table. ..''' Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do ei us mod te mpor incididunt ut labore et dolore tdolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet
 
{| style="float:right; clear:right; border: 1px solid lightgray; padding: .4em .4em .4em;"
{| style="float:right; clear:right; border: 1px solid lightgray; padding: .4em .4em .4em;"
| C1, r1  
| C1, r1  
|rowspan="2"| C2, r1 (and 2)  
|rowspan="2"| Table 3 C2, r1 (and 2)  
| C3, r1  
| C3, r1  
|-  
|-  
| C1, r2  
| C1, r2  
| C3, r2  
| C3, r2  
|}
|}  
magna aliqua. Ut enim ad mi nim ven i am quis nostrud exercitation Lorem ipi sum dolor sit am et lu gfe, consectetur adipisicing elit, sed do eiusmod temp or int cididunt ut magna aliqua. Ut enim ad mi nim ven i am quis nostrud exercitation Lorem ipi sum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temp  quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation...
magna aliqua. Ut enim ad mi nim ven i am quis nostrud exercitation Lorem ipi sum dolor sit am et lu gfe, consectetur adipisicing elit, sed do eiusmod temp or int cididunt ut magna aliqua. Ut enim ad mi nim ven i am quis nostrud exercitation Lorem ipi sum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temp  quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do ei us mod te mpor incididunt ut labore et dolore tdolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet..


{| align="right" border="1" style="margin: 1em auto 1em auto"
{| align="right" border="1" style="margin: 1em auto 1em auto"
| C1, r1  
| C1, r1  
|rowspan="2"| C2, r1 (and 2)  
|rowspan="2"| Table 4 C2, r1 (and 2)  
| C3, r1  
| C3, r1  
|-  
|-  
Line 145: Line 109:
| C3, r2  
| C3, r2  
|}
|}
magna aliqua. Ut enim ad mi nim ven i am quis nostr ud exer citation Lorem ipi sum dolor sit amet, conse ctetur adipisi cing elit, sed do eiusmod temp or int cididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. Ut enim  labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nost rud exercit ation ad minim veniam, or int cididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis labore et dolore magna aliqua. Ut enim ad minim veniam, quis
magna aliqua. Ut enim ad mi nim ven i am quis nostr ud exer citation Lorem ipi sum dolor sit amet, conse ctetur adipisi cing elit, sed do eiusmod temp or int cididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. Ut enim  labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nost rud exercit ation ad minim veniam, or int cididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis labore et dolore magna aliqua. Ut enim ad minim veniam, quis

Latest revision as of 14:15, 15 December 2012

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


Links

General


Visual effects

HTML Elements

CCS


Tables


Wiki Syntax


Colour


Templates


Frames


Others


Configuration


Graphics


Tables Test

This paragraph is before the table. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ididu nt. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do ei us mod te mpor incididunt ut labore et dolore tdolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet

C1, r1 Table 1 C2, r1 (and 2) C3, r1
C1, r2 C3, r2

This paragraph is after the first table.inc ididu nt ut labore et dolore magna aliqua. Ut fen imf adf minim veniam, quis incid idunt ut labore et dolore mag nabore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exe rcita taction aliqua. Ut jfenim ad midf nim ven i am quis nostrud exercitation Lorem ipsum dolor sit amet, consectetur adipis icing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exe rcita taction nostr sud finos trud ex ercited toati on. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do ei us mod te mpor incididunt ut labore et dolore tdolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet..

C1, r1 Table 2 C2, r1 (and 2) C3, r1
C1, r2 C3, r2

By inserting [cellpadding="5" cellspacing="2"] - Note the floating table to the right 'expands'. This paragraph is after the table. .. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do ei us mod te mpor incididunt ut labore et dolore tdolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do ei us mod te mpor incididunt ut labore et dolore tdolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet.

C1, r1 Table 3 C2, r1 (and 2) C3, r1
C1, r2 C3, r2

magna aliqua. Ut enim ad mi nim ven i am quis nostrud exercitation Lorem ipi sum dolor sit am et lu gfe, consectetur adipisicing elit, sed do eiusmod temp or int cididunt ut magna aliqua. Ut enim ad mi nim ven i am quis nostrud exercitation Lorem ipi sum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temp quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do ei us mod te mpor incididunt ut labore et dolore tdolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet..

C1, r1 Table 4 C2, r1 (and 2) C3, r1
C1, r2 C3, r2

magna aliqua. Ut enim ad mi nim ven i am quis nostr ud exer citation Lorem ipi sum dolor sit amet, conse ctetur adipisi cing elit, sed do eiusmod temp or int cididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. Ut enim labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nost rud exercit ation ad minim veniam, or int cididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation nostrud exercitation Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis labore et dolore magna aliqua. Ut enim ad minim veniam, quis