Difference between revisions of "Support Wiki Style Guide"
(48 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | == | + | ==Banners== |
− | {| | + | |
+ | {|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]]'''. |
− | + | |} | |
+ | |||
+ | {|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: &#10141; | ||
+ | |- | ||
+ | |Captions | ||
+ | |<html><small><b>This is caption text</b></small></html> | ||
+ | |<html><small><b>This is caption text</b></small></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 41: | 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 47: | Line 77: | ||
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. | 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. | ||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 101: | Line 126: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
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 |