A collection of wiki styles, templates, tags, tips and usage.
Useful Links
Link Formatting
External Links
http://mysitemyway.com
External Link Name
[1]
Internal Links
All Templates
#top
#toc
#section name
Displayed Text
Icon Shortcodes
Numbered Steps
1
2
3
Fancy Bullets
Syntax Highlighter
//brush:php this is PHP code
//brush:css this is CSS code
Fancy Code Box
// tag usage this is fancy code box code
//html usage this is fancy code box code
Links & Buttons
Click here to learn how enable full screen backgrounds on an older skin.
Icons
Note Box
NOTE: There is currently a known issue with certain skins and the "Advanced" edit mode. A return character is being added on very long lines, which creates a cufon error. This will be fixed in the next update.
Until then you can replace the following file:
lib/admin/classes/skin-generator.php
with this one:
http://mysitemyway-docs.s3.amazonaws.com/skin-generator.zip
Then re-activate your skin.
Images
Changelog Styles
http://mysitemyway.com/docs/index.php?title=Template:Changelog1
It's not set up this way yet, but the changelogs should all use a template file so a class can be added and the following code can be applied there only.
Bugfix : Advanced skin edit mode creates cufon error in certain skins More Info Download Fix
- File changed "lib/admin/classes/skin-generator.php"
Tag Extensions
// columns <one_half>...</one_half> <one_half_last>...</one_half_last> <one_third>...</one_third> <one_third_last>...</one_third_last> <two_third>...</two_third> <two_third_last>...</two_third_last> <one_fourth>...</one_fourth> <one_fourth_last>...</one_fourth_last> <three_fourth>...</three_fourth> <three_fourth_last>...</three_fourth_last> // creates a divider <divider /> // clear floats <clearboth /> // fancy code box <fancy_code_box>...</fancy_code_box> // fancy images <image>http://mysitemyway.com/images/logo.png</image> <image alt="" align="">http://mysitemyway.com/images/logo.png</image> // download link <download_link link="#">This is the link title...</download_link> // icon <icon style="black">Leaf</icon> // icon banner <icon_banner>Leaf</icon_banner>
Using Tags with variables in Templates
//Images
{{#tag:image|http://mysitemyway.com/_shared/images/_themes/{{{2}}}-buddypress-child-theme.png}}
//Buttons
{{#tag:button_link|View the {{{1}}} BuddyPress Demo|link=http://demo.mysitemyway.com/buddypress/activity/?themedemo={{{2}}}-buddypress}}
Pre Wrap
Used for xml import settings for example here: http://mysitemyway.com/docs/index.php/InFocus_XML_Starter_Content
7VtZj9s4Ev4rXAyQp45tyVcfyEN2sRksMBhkd4DZh8VCKEu0zbREKiRlxzPIf9-irIM6LFOd9l7IS6Kmqlhk1VcHxTI8er73-LvC_x7ffM6EfoqYSmM4BbHYifPIk3pcFC-1zGg1eF8MGsogk3H1Yla8qAY8rxjZwoGFgl-hnhcjjGspApFqJriqX5cMmumYBoLHpy5rmCktkkBTUFQOiLrvow_2OnHZTQo7GqCuRKa7K5Bst9eBYhHdgOxZ_JFpjaJYNCCotAn9oiUEewrR0Gb8cmQjkTKUWbIJIhqzhGmLrVz8tB4prQsc4pNmoQpCEdGBdc2aWguVukz80KT9NEDqLYuRvUhor3JLlm0Wx8GRRXrf3X3FXBhTo_YslZb2eU-UBk1JSiUqSDO-I2FMQZqBkOaYI8AjknFUOpLyCEmeiN5TAqhffABNEjiRDSWKUk7QcXCWUMcnIiSRVIn4QCOCIBYEirlZggubdOFXLHWTaY3e0VxxabAfqSa_aJCaRl20NSaoXq8aur8m1ijNAV1NptbU88oKWqeP02lyUoi-5HSE0yQUyVRlaSpkvbt1uULBNeXWru9n5dbexDib92annz6ITJK_oXgMBwS1ajTC-AeBayA_i-MfDOX0TGoeN5JM28__SEDuGJ_P_nmRQnAabFGS3l-kyZe0Mk-_iJhF5E_oLuSDhIQehXw-L2M1tAzzrFLgCAtQ6l0ReaVIQ0iLXSOVl89k6Mxfv7IDJLjTzxlTJKYGVJypmGwlApPFMZAYhKSoE1R0IiJB8FHIkE3Iz5AgdRZryUJGFckkhwn5C6p8R2VOgxOGOlN3JM3iA-MIVUQ3S9AXIobTGJl3JMykwgWgRQluVRMFKaN8Qj7SOEbjUfU5o-TANFBkQJGUswSFZzxE6bkURaPJkE5YsiNKhu8aGEKXS6iatKEUqD06YjTNfUpNtxIhFDC-NXCYpHx3noNArN-V6SSHSjE-HYTJ1AEF45Dyd7ox7ssjkJF6NYj43yEyFiIbKY4YwPoxYqz0x4LgPwUUIaMU04cif-Z74CGG-9dCy_w7Wsai5Vhaox8u5dtbYAWrH6UdAPM-OuQwIZ_-mlF5ejW0LL6jZSxaPn02FuiFSmGckTgpMFCVRWVFlwDjeZHbLpy6dZvfrou3Qui8Lr5yNiprs3yHAaKc_YZF9SntngA1S_Qejxu10LKSNzsJRZwlWF5i3bfFckkEpnovSOHRz0-fBfmxLiSLkYflrHN02Xeolg8l1VdLuD6KbxO-WKwchPvrtSW81JreozN8m3h_fe8g3lv7lvgSIAY-3ybde1i4SPdnPdJriQqjA57S8wPbre0-64JuE4vdDeTOV8seuRbeRst1g5q39iy5fh_URkt2RNlsZUn2elA2WvAwwMrNrRc9mlYJIJ5SoXQQ47HbSWw54WrmIHU169ltQiOWJSPFVmqeuQCrprK3G
Theme Links Template
Link to all theme' live demos See Fancy Headers
Many shortcode graphical styles vary on a theme by theme and skin by skin basis, so don't forget to check out the live demo of your specific theme, where you will find "get the code snippets" and more usage examples.
Link to all theme' individual docs page See Advanced Skinning
Link to all theme' individual docs page section See HTML Structure
- Awake HTML Structure#Awake's HTML Markup
- Dejavu HTML Structure#Dejavu's HTML Markup
- Echelon HTML Structure#Echelon's HTML Markup
- Elegance HTML Structure#Elegance's HTML Markup
- Fusion HTML Structure#Fusion's HTML Markup
- inFocus HTML Structure#inFocus's HTML Markup
- Method HTML Structure#Method's HTML Markup
- Modular HTML Structure#Modular's HTML Markup
- Myriad HTML Structure#Myriad's HTML Markup
- Persuasion HTML Structure#Persuasion's HTML Markup
- Construct HTML Structure#Construct's HTML Markup
& if you need to use multiple columns See jCarousel
Many shortcode graphical styles vary on a theme by theme and skin by skin basis, so don't forget to check out the live demo of your specific theme, where you will find "get the code snippets" and more usage examples.
- Awake jCarousel Shortcodes
- Dejavu jCarousel Shortcodes
- Echelon jCarousel Shortcodes
- Elegance jCarousel Shortcodes
- Fusion jCarousel Shortcodes
- inFocus jCarousel Shortcodes
- Method jCarousel Shortcodes
- Modular jCarousel Shortcodes
- Myriad jCarousel Shortcodes
- Persuasion jCarousel Shortcodes
- Construct jCarousel Shortcodes
- Awake jCarousel Portfolios
- Dejavu jCarousel Portfolios
- Echelon jCarousel Portfolios
- Elegance jCarousel Portfolios
- Fusion jCarousel Portfolios
- inFocus jCarousel Portfolios
- Method jCarousel Portfolios
- Modular jCarousel Portfolios
- Myriad jCarousel Portfolios
- Persuasion jCarousel Portfolios
- Construct jCarousel Portfolios
Sub Descriptons
Requires inline css at the moment. You can see it in action on pages like the following:
It looks like so:
style.css
Most of the CSS styles for general layout & structure will be located in style.css Style.css Walkthrough. It will also include any CSS not currently supported by our skin generator, such as CSS3 transitions, rgba etc.
Building a page out of other pages
See examples: List Shortcodes, Squeeze Page Shortcodes
{{Shortcode Generator}}
{{:Fancy Lists}}
{{:Fancy Numbers}}
{{:Squeeze Lists}}
=== List Shortcodes Live Demos ===
{{Shortcode_Live_Demos|shortcodes/fancy-lists-shortcodes|Lists Shortcodes}}
[[Category:Shortcode]]
Image Alignment Classes
Just added image alignment classes to create layouts like the one below.
See Image Banner Intro.
See Also Template
See: Adding Additional Cufon Fonts
{{See Also|
*[[Adding Additional Cufon Fonts]]
*[[Cufon not displaying accents]]
*[[Awake Cufon colors]]
}}
If you need to merge a "See Also" Link with one pulled in from a template, try this:
{{Quick_Customizations_Outro|Awake}}
<div class="fancy_bullets" style="margin-top:-10px;">
*[[Awake Cufon colors|Customizing Awake's Cufon Gradients]]
</div>
Shortcode See Also
Also needed a partially shared "See Also" template for shortcode pages. This pulls in the shared links first and then allows additional like so:
{{Shortcode See Also|
*[[Adding Additional Cufon Fonts]]
*[[Cufon not displaying accents]]
*[[Awake Cufon colors]]
}}
Framework See Also
Also needed a partially shared "See Also" template for framework pages. This pulls in the shared links first and then allows additional like so:
See: The Mysitemyway Framework
{{Framework See Also|
*[[Awake Cufon colors]]
}}
Or used by itself like so:
{{Framework See Also|}}
Admin See Also
Also needed a partially shared "See Also" template for admin panel pages to more easily keep it up to date This pulls in the shared links from:
{{Admin Panels}]
See: Get Started!, General Settings, Blog
{{Admin See Also|
*[[Additional Link #1]]
*[[Additional Link #2]]
}}
Skinning See Also
Also needed a "Skinning See Also" This pulls in the shared links from:
{{Skinning Links}]
See: Get Started! See Skins for multicolumns like so:
<div class="one_half">
{{Admin See Also|}}
</div>
<div class="one_half last">
{{Skinning See Also|}}
</div>
<clearboth />













