Home Page | Edit Me


This page contains details on using the Steamport Skin.


"Skins" can also be called "Themes," they are a way of changing the appearance of a website without changing the content. So if you don't like how the page looks you can customize it.

"Steamport" Skin is a responsive (adjusting to screen-size) Three-Column Skin
Written by Kirk Siqveland
The two sidebars will appear and disappear according to the size of the screen viewing the page.
A navigation bar (NavBar) will appear - if you have added links to it, when the screen gets too small for the Left Side Bar.
NOTE: the NavBar is Group Specific so you can customize it for each Groups Needs. (Don't forget to build one when you make a new Group!)

The Left "SideBar" is edited with .../pmwiki.php?n=Site.SideBar?action=edit
( here that would be https://www.humeris.net/pmwiki/pmwiki.php?n=Site.SideBar?action=edit )

I have added the right sidebar ("GroupBar") as a modified version of the normal SideBar, since in my sites I often use the SideBar (Left) for Site navigation and the GroupBar (Right) as the HowTo navigation. Feel free to use them how you wish.

The Right Side Bar has four Segments (if a segment is empty you will not see it):

   * SplashBarTitle { Not used here but intended for a title above the image in the SplashBar  }
   * SplashBar { used for a picture here } 
   * GroupBar{ the main content area - meant to be localized to the 'group'}
   * GroupBarFooter { used for the 'last word' on every page in a group, not in use in this site.} 

If you want to hide the SideBar, the SearchBar or the GroupBar on a particular page you add a note to the top of the page:
(:nosidebar:)
(:nosearchbar:)
(:nogroupbar:)
And Voila, the Right Bar, Search Bar or Group Bar disappears.

You will also notice the "edit GroupBar" in the bottom of the (Main) GroupBar (on the right-hand side). This will disappear when you are not logged in. You can see the code for that on the bottom of GroupBar in Edit Mode. Here>> GroupBar?action=edit

Group Specific Features:

These right side bars are customized to each Group (e.g. Main.GroupBar is not related to Site.GroupBar )
This allows you to add Group related menus to a page.

If you installed the full demo-version of Steamport, for more on Group Features please go to Groups Steamport page.


For advanced customization, the layout is contained in the Skins folder "Steamport" which requires ftp access to:
{pmwiki-directory}/pub/skins/steamport
There are four essential files: START_HERE.css, steamport.tmpl, steamport.css, and steamport.php. There is also a steamport.js file for adding script code. The code is well commented to help you find your way around.

Just to see how things can be tweaked, try this page: WikiSandbox



Page last modified on March 26, 2019, at 08:36 PM