Difference between revisions of "Support Wiki Style Guide"
(16 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
==Banners== | ==Banners== | ||
− | {|style="padding:5px; text-align:left; background-color: # | + | {|style="padding:5px; text-align:left; background-color: #d9edf7; padding:10px; width: 100%; margin-top:25px" |
|- | |- | ||
|'''Note: '''For more information on how to set up Integrated Payment Processing contact '''[[Main_Page|Customer Support]]'''. | |'''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" | |
− | {|style="padding:5px; text-align:left;background:#ffcccc; width:100%; margin- | ||
|- | |- | ||
|'''Warning: '''This is the color for warnings. | |'''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=" | + | {|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== | ==Fonts== | ||
Line 30: | Line 36: | ||
|Paths | |Paths | ||
|'''Members''' ➝ '''Web''' ➝ '''Web Participation Options''' | |'''Members''' ➝ '''Web''' ➝ '''Web Participation Options''' | ||
− | |<html><span style="white-space: nowrap"><b>. Arrow symbol code: &#10141; | + | |<html><span style="white-space: nowrap"><b>. Arrow symbol code: &#10141; |
|- | |- | ||
|Captions | |Captions | ||
|<html><small><b>This is caption text</b></small></html> | |<html><small><b>This is caption text</b></small></html> | ||
− | |<html><small><b> | + | |<html><small><b>This is caption text</b></small></html> |
|} | |} | ||
− | ==Step by | + | |
+ | |||
+ | ==Step by Step== | ||
{| | {| | ||
|- | |- | ||
− | |style="width:40px; vertical-align:top; padding-top:16px | + | |style="width:40px; vertical-align:top; padding-top:16px"| |
[[File:stepbystep.png]] | [[File:stepbystep.png]] | ||
|style="vertical-align:top; width: 95%; padding-right: 70px;"| | |style="vertical-align:top; width: 95%; padding-right: 70px;"| | ||
− | |||
− | + | #Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare neque vel lacinia | |
− | #Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare neque vel lacinia | + | #Number |
− | # | ||
− | |||
|} | |} | ||
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
Fonts
Item | Example | Code |
---|---|---|
Paths | Members ➝ Web ➝ Web Participation Options | <html><span style="white-space: nowrap"><b>. Arrow symbol code: ➝ |
Captions | This is caption text | <html><small><b>This is caption text</b></small></html> |
Step by Step
|
Alternative Layouts
In-depth ArticleLorem 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.
|
Finding HelpLorem 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.
|
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 |