Friday, May 30, 2008

How to get a website look to your MindTouch Deki deployment

A lot of people are using Deki as a CMS. It is easy to manage, easy to update, and powerful with the extensions. I used Deki for my brother's site that focuses on his performance art: http://www.troyganser.com. If you look at the site you'll notice that it looks like a normal website. I was able to easily create this using the CSS overrides for Deki which are found in the control panel under Visual Settings. Below is the code that you would post in your CSS site Styles override. Something to notice is that this will remove all of links to the login pages so to login append your url with /Special:Userlogin. Disclaimer: This isn't a perfect implementation of the CSS but it will get your wiki looking like a website fast. For a more professional implementation look at Deki CMS.

html body div.header div.mast,
html body div.header div.mastPre,
html body div.header div.mastPost {
display:none;
}
html body div.body div.page div.pageBar {
display:none;
}

html body.user-loggedin div.body div.page div.pageBar {
display:block;
}


html body div.body div.page div.gallery, html body div.body div.page div.file, html body div.body div.page div#comments, html body div.body div.page div.pageInfo {
display:none;
}

html body.user-loggedin div.body div.page div.gallery, html body div.body div.page div.file, html body div.body div.page div#comments, html body div.body div.page div.pageInfo {
display:block;
}

html body.user-loggedin div.body div.page div.gallery, html body div.body div.page div.file, html body div.body div.page div#comments, html body div.body div.page div.pageInfo {
display:block;
}


html body div.body div.page div.gallery, html body div.body div.page div.file, html body div.body div.page div#comments, html body div.body div.page div.pageInfo {
display:none;
}

html body div.header div.siteNav #siteNavTree {display:none;}
html body.user-loggedin div.header div.siteNav #siteNavTree {display:block;}


html body div.header div.mastPre, html body div.header div.userAuthPre, html body div.header div.navPre {
display:none;
}
html body div.header div.mastPost, html body div.header div.userAuthPost, html body div.header div.navPost {
}

html body div.header div.mastPost, html body div.header div.userAuthPost, html body div.header div.navPost {
display:none;
}

html body div.header div.siteNav div.userAuth {
display:none;
}

html body div.body div.bodyHeader div.post {
background-image:url(none);
background-position:right center;
background-repeat:no-repeat;
}

html body div.body div.bodyHeader div.pre {
background-image:url(none);
}

html body div.body div.siteNav {
display:none;
}
html body.user-loggedin div.body div.siteNav {
display:block;
}

No comments: