Latest Projects
Site Contents
Global Links
Index of all pages
#
2.6WikiCss
2.6 Wiki Style SheetsFlexible FloatsSome of the times that I have done a customized layout on a 2.6 wiki people have wanted a fluid layout that ...
A
Administrators
admin DianeSoini
AlphaRedesignAttachments
Below are the attachments for this project.
AlphaRedesignBeforeAndAfter
Redsigning the Wiki: Before and After
As everyone is aware, this is what a typical JotSpot wiki looks like:
Below is the model I am using. It is a template ...
AlphaRedesignPart1
Redesigning a JotSpot Wiki, Part 1
I'm going to attempt to redesign my alpha wiki in stages in order to demonstrate a few things. I want to show:
the ...
AlphaRedesignPart2
Redesigning a JotSpot Wiki, Part 2
In part 1 I defined the appearance of a few basic HTML tags in my Cascading Style Sheet. Now, I'll build on that ...
AlphaRedesignPart3
Redesigning a JotSpot Wiki, Part 3
In part 2 I styled up the header part of the page. Now, I'll move down to the top and bottom bars, where ...
AlphaRedesignPart4
Redesigning a JotSpot Wiki, Part 4
The main content and side bar (Toolbar) areas.
Most of the content in the main content area gets created by people who edit and ...
AlphaRedesignPart5
Redesigning a JotSpot Wiki, Part 5
Before I get started, I'd like to acknowledge that although I'm providing a case study in styling a JotSpot wiki, it's ...
AlphaRedesignPart6
Redesigning a JotSpot Wiki, Part 6 (the last part)
I'll end my redesign project with this final installment. Most of the previous installments I tried to hammer home the ...
Articles
Articles
ExtensionPoints
DesignProject
Even/Odd rows on all your tables
Slide Show
Style Sheet Overrides
The Lowdown: How the Jot Style Sheets are Really Customized
Custom Banner
A few CSS ...
B
Beware of these blog posts
All these blog posts are really old. Any advice in them is from JotSpot version 2.5. You have been warned...
C
CategoryContents
${it/name}
ChildPageOfBlank
This is a child page of the completely blank application.
NOTE: the enclosing element for this page is: <html>
CloserLook
Alpha Site Redesign, Part 1: A Closer Look
If you look at the example page, not much has changed, and the change overall is not very impressive. But let's ...
CloserLook2
Alpha Site Redesign, Part 2: A Closer Look
Styling and Positioning the Header
Here's a closer look at what I've done to the page header.
Step 1: Identifying ...
CloserLook3
Redesigning a JotSpot Wiki, Part 3
Applying CSS to the top and bottom bars: A Closer Look
The HTML code for the top and bottom bar structures is inside of ...
Comment0
If you want to see my real blog, head over to dianesoini.com. If you want help on JotSpot, head over to developer.jot.com.
ContactForm
Contact Me
Please use the form on my personal web site to contact me.
CSSDefinitions
A few quick CSS definitions
Inheritance
HTML is hierarchical like a family tree. If CSS says something in the hierarchy is one way, then all its children will by default ...
CustomBanner
Styling Your Wiki with a Custom Banner
Jotspot uses the Cascading Style Sheet technique often called the CSS tableless layout in their latest wiki releases. This means that the layout ...
CustomizationStarterKit
Customization Starter Kit
Editing your Wiki Appearance page is simple enough to figure out on your own. Start there, create a pleasing color scheme, but don't worry too much ...
D
DesignProject
Redesigning a JotSpot Wiki
A series to demonstrate how to use rules-based CSS design to customize the look and feel of a JotSpot wiki.
Part 1
Part 2
Part ...
DianesDesigns
Style Sheets for Download
Easy to install for wikis that use the Fancy Tabs template.
Download a custom style sheet from choices below.
Download mysite.styles.css.
Add a line ...
E
EvenOdd
Even/Odd Table Row Colors
Do you like the even/odd colors of some of the tables in your Jot spot wiki? Are you frustrated that not all of the ...
ExtensionPoints
Extension Points
I can never find this table on the developer site.
Insertion Point Location
head Inside the <head> of the page. (Used to add script or css code to ...
F
G
GravatarTest
function displayFullUserName(username) {
var userPage = jot.pages["/_Admin/Users/" + username];
if (userPage == null) {
jot.out.write("Unknown User");
} else if (userPage.userinfo &&
userPage.userinfo.email &&
userPage.userinfo.email.length > 0 ...
J
JotTestEdit
afjafjsa;lkdfjksdfadsfj;df
S
SampleScriptMarkupPage
Hey, this is script markup
And it's stored in an .xml file...
NOTE: the enclosing element for this page is: <edit style="markup">
ScottAntTest
This is a completely blank application. You can copy
it to get basic build and packaging structure in
place.
Other pages in this app:
SampleScriptMarkupPage, ChildPageOfBlank
NOTE: THIS IS A ...
SiteContents
/System/CSS
/System/CSS attach
Articles
Diane's Designs
TweakyWiki
Blog
SlideShow
Slide Show
I created a "presentation mode" for a wiki that allows you to specify a list of your wiki pages that can then be presented in a PowerPoint-like ...
StyleServices
JotSpot Style Services
Consultation and implementation services for the application of style to your JotSpot wiki
Maybe you found me through JotSpot's Developer Connection, or perhaps through their Solution ...
StyleSheetLowdown
Style Sheet Lowdown
Jot has some pretty decent instructions for creating your own custom style sheets. In a nutshell, they tell you to copy sitecolors.css, change the colors, upload ...
StyleSheetOverrides
Style Sheet Overrides
I've assembled a list of CSS declarations from among the default Jot style sheets that set colors, borders and other styles. The sitecolors.css file is ...
T
TestUsers
DCSext.login: ${it/name}
DCSext.subscriber_name: ${it/userinfo/full_name}
DCSext.email_address: ${it/userinfo/email}
DCSext.company_name: $company_name
DCSext.subscriber_name_email: $company_name/${it/userinfo ...
TextFormatCheatSheet
Text formatting:
*bold* >> bold
~italic~ >> italic
`code` >> code
-/strikethru/- >> strikethru
! Small headline
!! Medium headline
!!! Large headline
Lists:
* bullet item * bullet item * sub item 1 numbered item 1 numbered item 1 ...
ThisCustomTheme
How I did this custom theme for this siteFirst I selected some colors using the Wiki Appearance form.Then I created this plugin.That's it!Build your own ...
W
WikiHome
Style Sheet Developer Services for JotSpot
My name is Diane Soini and I am a JotSpot partner who specializes in doing JotSpot Themes as part of JotSpot's services offerings ...
Calendar
File Cabinet