Difference between revisions of "Support Wiki Style Guide"

From Support Wiki
Jump to navigation Jump to search
(Created page with " {|style="padding:5px; text-align:left;background:#FFFDDF; width:100%; margin-bottom:.2em;" |- |'''Warning: '''This is a test page. |} {|class="" |- |style="width:40px; vert...")
 
 
(178 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
==Banners==
  
−
{|style="padding:5px; text-align:left;background:#FFFDDF; width:100%; margin-bottom:.2em;"
+
{|style="padding:5px; text-align:left; background-color: #d9edf7; padding:10px; width: 100%; margin-top:25px"
 
|-
 
|-
−
|'''Warning: '''This is a test page.
+
|'''Note: '''For more information on how to set up Integrated Payment Processing contact '''[[Main_Page|Customer Support]]'''.
 
|}
 
|}
 +
 +
{|style="padding:5px; text-align:left;background:#ffcccc; padding:10px; width: 100%; margin-top:25px"
 +
|-
 +
|'''Warning: '''This is the color for warnings.
 +
|}
 +
 +
{|style="padding:5px; text-align:left;background:#FFFDDF; padding:10px; width: 100%; margin-top:25px"
 +
|-
 +
|'''Tip: '''This is the color for tips
 +
|}
 +
 +
{|style="background-color: #dff0d8; padding:10px; width: 100%; margin-top:25px"
 +
|-
 +
|'''Example''' this is the color for examples
 +
|}
 +
 +
 +
==Icons==
 +
[[File:Vid.png|link=#]]
 +
 +
[[File:Pdf_icon.png|link=#]]
 +
 +
==Fonts==
 +
{|class="wikitable"
 +
|+
 +
!Item
 +
!Example
 +
!Code
 +
|-
 +
|Paths
 +
|'''Members''' ➝ '''Web''' ➝ '''Web Participation Options''' 
 +
|<html><span style="white-space: nowrap"><b>. Arrow symbol code: ➝
 +
|-
 +
|Captions
 +
|<html><small><b>This is caption text</b></small></html>
 +
|&lt;html>&lt;small>&lt;b>This is caption text&lt;/b>&lt;/small>&lt;/html>
 +
|}
 +
 +
 +
 +
 +
==Step by Step==
 +
 +
{|
 +
|-
 +
|style="width:40px; vertical-align:top; padding-top:16px"|
 +
[[File:stepbystep.png]]
 +
 +
|style="vertical-align:top; width: 95%; padding-right: 70px;"|
 +
 +
#Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare neque vel lacinia
 +
#Number
 +
|}
 +
 +
 +
 +
==Alternative Layouts==
 +
  
 
{|class=""  
 
{|class=""  
Line 11: Line 70:
  
 
|style="vertical-align:top"|
 
|style="vertical-align:top"|
 +
 
=='''In-depth Article'''==
 
=='''In-depth Article'''==
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare neque vel lacinia ultricies. Phasellus vestibulum dignissim nisl id cursus.  
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare neque vel lacinia ultricies. Phasellus vestibulum dignissim nisl id cursus.  
Line 16: Line 76:
 
Quisque at nulla blandit, hendrerit lorem ut, ultrices odio. Integer eget imperdiet sapien. Maecenas velit ex, pretium vel facilisis at, faucibus eu turpis. Fusce quis lacus condimentum, lobortis elit sit amet, eleifend dui. Nunc a diam a arcu facilisis tristique non id diam. Sed at laoreet tellus. Maecenas faucibus, ligula in dignissim auctor, justo libero vehicula nulla, quis aliquet ante ex vitae urna.  
 
Quisque at nulla blandit, hendrerit lorem ut, ultrices odio. Integer eget imperdiet sapien. Maecenas velit ex, pretium vel facilisis at, faucibus eu turpis. Fusce quis lacus condimentum, lobortis elit sit amet, eleifend dui. Nunc a diam a arcu facilisis tristique non id diam. Sed at laoreet tellus. Maecenas faucibus, ligula in dignissim auctor, justo libero vehicula nulla, quis aliquet ante ex vitae urna.  
  
−
Duis neque leo, cursus a ante id, pulvinar volutpat tellus. Donec non dui magna.
+
Duis neque leo, cursus a ante id, pulvinar volutpat tellus. Donec non dui magna.Maecenas faucibus, ligula in dignissim auctor, justo libero vehicula nulla, quis aliquet ante ex vitae urna. Duis neque leo, cursus a ante id, pulvinar volutpat tellus. Donec non dui magna.
−
 
 
−
{|style="padding:5px; text-align:left;background:#ff9999; width:100%; margin-bottom:.2em;"
 
−
|-
 
−
|'''Warning: '''This is a test page.
 
−
|}
 
  
  
Line 36: Line 91:
  
 
Maecenas faucibus, ligula in dignissim auctor, justo libero vehicula nulla, quis aliquet ante ex vitae urna. Duis neque leo, cursus a ante id, pulvinar volutpat tellus. Donec non dui magna.
 
Maecenas faucibus, ligula in dignissim auctor, justo libero vehicula nulla, quis aliquet ante ex vitae urna. Duis neque leo, cursus a ante id, pulvinar volutpat tellus. Donec non dui magna.
 +
:*List item one
 +
:*List Item two
 +
:*List item three
 +
|}
 +
 +
  
−
|}
+
=='''Overview of the Communication Module'''==
 +
{|
 +
|-
 +
|style="width: 80%; padding-right: 30px"|
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare neque vel lacinia ultricies. Phasellus vestibulum dignissim nisl id cursus.
 +
 
 +
Quisque at nulla blandit, hendrerit lorem ut, ultrices odio. Integer eget imperdiet sapien. Maecenas velit ex, pretium vel facilisis at, faucibus eu turpis. Fusce quis lacus condimentum, lobortis elit sit amet, eleifend dui. Nunc a diam a arcu facilisis tristique non id diam. Sed at laoreet tellus. Maecenas faucibus, ligula in dignissim auctor, justo libero vehicula nulla, quis aliquet ante ex vitae urna.
  
 +
Duis neque leo, cursus a ante id, pulvinar volutpat tellus. Donec non dui magna.Maecenas faucibus, ligula in dignissim auctor, justo libero vehicula nulla, quis aliquet ante ex vitae urna. Duis neque leo, cursus a ante id, pulvinar volutpat tellus. Donec non dui magna. Quisque at nulla blandit, hendrerit lorem ut, ultrices odio. Integer eget imperdiet sapien. Maecenas velit ex, pretium vel facilisis at, faucibus eu turpis. Fusce quis lacus condimentum, lobortis elit sit amet, eleifend dui. Nunc a diam a arcu facilisis tristique non id diam. Sed at laoreet tellus. Maecenas faucibus, ligula in dignissim auctor, justo libero vehicula nulla, quis aliquet ante ex vitae urna.
  
−
{|style="padding:5px; text-align:left;background:#99ccff; width:100%; margin-bottom:.2em;"
+
Quisque at nulla blandit, hendrerit lorem ut, ultrices odio. Integer eget imperdiet sapien. Maecenas velit ex, pretium vel facilisis at, faucibus eu turpis. Fusce quis lacus condimentum, lobortis elit sit amet, eleifend dui. Nunc a diam a arcu facilisis tristique non id diam. Sed at laoreet tellus. Maecenas faucibus, ligula in dignissim auctor, justo libero vehicula nulla, quis aliquet ante ex vitae urna.
 +
 
 +
|style="border: 1px solid #ddd; background-color: #eee; vertical-align:top; text-align: center; padding: 5px"|
 +
===Related===
 +
{|
 
|-
 
|-
−
|'''Note: '''This is a test page.
+
|style="text-align: left; padding:5px"|
 +
*'''[[Using_Add_Member_Button|Adding a Member]]'''
 +
*'''[[Using_Add_Member_Button|Removing a Member]]'''
 +
*'''[[Using_Add_Member_Button|Adding a Rep]]'''
 +
*'''[[Using_Add_Member_Button|Removing a Rep]]'''
 
|}
 
|}
 +
|}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
__NOINDEX__
 +
 +
 +
__NOTOC__

Latest revision as of 23:00, 2 February 2016

Banners

Note: For more information on how to set up Integrated Payment Processing contact Customer Support.
Warning: This is the color for warnings.
Tip: This is the color for tips
Example this is the color for examples


Icons

Vid.png

Pdf icon.png

Fonts

Item Example Code
Paths Members ➝ Web ➝ Web Participation Options <html><span style="white-space: nowrap"><b>. Arrow symbol code: &#10141;
Captions This is caption text <html><small><b>This is caption text</b></small></html>



Step by Step

Stepbystep.png

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare neque vel lacinia
  2. Number


Alternative Layouts

HelpPage IconPack-03.png

In-depth Article

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare neque vel lacinia ultricies. Phasellus vestibulum dignissim nisl id cursus.

Quisque at nulla blandit, hendrerit lorem ut, ultrices odio. Integer eget imperdiet sapien. Maecenas velit ex, pretium vel facilisis at, faucibus eu turpis. Fusce quis lacus condimentum, lobortis elit sit amet, eleifend dui. Nunc a diam a arcu facilisis tristique non id diam. Sed at laoreet tellus. Maecenas faucibus, ligula in dignissim auctor, justo libero vehicula nulla, quis aliquet ante ex vitae urna.

Duis neque leo, cursus a ante id, pulvinar volutpat tellus. Donec non dui magna.Maecenas faucibus, ligula in dignissim auctor, justo libero vehicula nulla, quis aliquet ante ex vitae urna. Duis neque leo, cursus a ante id, pulvinar volutpat tellus. Donec non dui magna.


HelpPage IconPack-06.png

Finding Help

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare neque vel lacinia ultricies. Phasellus vestibulum dignissim nisl id cursus. Quisque at nulla blandit, hendrerit lorem ut, ultrices odio. Integer eget imperdiet sapien. Maecenas velit ex, pretium vel facilisis at, faucibus eu turpis. Fusce quis lacus condimentum, lobortis elit sit amet, eleifend dui. Nunc a diam a arcu facilisis tristique non id diam. Sed at laoreet tellus.

Maecenas faucibus, ligula in dignissim auctor, justo libero vehicula nulla, quis aliquet ante ex vitae urna. Duis neque leo, cursus a ante id, pulvinar volutpat tellus. Donec non dui magna.

  • List item one
  • List Item two
  • List item three


Overview of the Communication Module

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare neque vel lacinia ultricies. Phasellus vestibulum dignissim nisl id cursus.

Quisque at nulla blandit, hendrerit lorem ut, ultrices odio. Integer eget imperdiet sapien. Maecenas velit ex, pretium vel facilisis at, faucibus eu turpis. Fusce quis lacus condimentum, lobortis elit sit amet, eleifend dui. Nunc a diam a arcu facilisis tristique non id diam. Sed at laoreet tellus. Maecenas faucibus, ligula in dignissim auctor, justo libero vehicula nulla, quis aliquet ante ex vitae urna.

Duis neque leo, cursus a ante id, pulvinar volutpat tellus. Donec non dui magna.Maecenas faucibus, ligula in dignissim auctor, justo libero vehicula nulla, quis aliquet ante ex vitae urna. Duis neque leo, cursus a ante id, pulvinar volutpat tellus. Donec non dui magna. Quisque at nulla blandit, hendrerit lorem ut, ultrices odio. Integer eget imperdiet sapien. Maecenas velit ex, pretium vel facilisis at, faucibus eu turpis. Fusce quis lacus condimentum, lobortis elit sit amet, eleifend dui. Nunc a diam a arcu facilisis tristique non id diam. Sed at laoreet tellus. Maecenas faucibus, ligula in dignissim auctor, justo libero vehicula nulla, quis aliquet ante ex vitae urna.

Quisque at nulla blandit, hendrerit lorem ut, ultrices odio. Integer eget imperdiet sapien. Maecenas velit ex, pretium vel facilisis at, faucibus eu turpis. Fusce quis lacus condimentum, lobortis elit sit amet, eleifend dui. Nunc a diam a arcu facilisis tristique non id diam. Sed at laoreet tellus. Maecenas faucibus, ligula in dignissim auctor, justo libero vehicula nulla, quis aliquet ante ex vitae urna.

Related









Retrieved from "http://supportwiki.chambermaster.com/index.php?title=Support_Wiki_Style_Guide&oldid=44851"