Skinning MindTouch Deki

33 %
67 %
Information about Skinning MindTouch Deki

Published on July 17, 2008

Author: mindtouch

Source: slideshare.net

Description

Learn how to skin MindTouch Deki quickly and efficiently

Skinning MindTouch Deki Presented By Damien Howley

Overview Introduction Resources What is skinning? Audience experience Templates vs. Skins CSS modifications File system architecture CSS variables Questions

Introduction

Resources

What is skinning?

Audience experience

Templates vs. Skins

CSS modifications

File system architecture

CSS variables

Questions

Introduction Damien Howley title: Graphic Designer / Evangelist email: [email_address] twitter: @DamienH contribution: Created Fiesta Skin

Damien Howley

title: Graphic Designer / Evangelist

email: [email_address]

twitter: @DamienH

contribution: Created Fiesta Skin

Resources Wiki Documentation http://wiki.developer.mindtouch.com http://wiki.developer.mindtouch.com/MindTouch_Deki/Skinning Fiesta http://wiki.developer.mindtouch.com/MindTouch_Deki/Skinning/Fiesta Forums http://forums.developer.mindtouch.com/ MindTouch http://www.mindtouch.com http://www.mindtouch.com/blog

Wiki Documentation

http://wiki.developer.mindtouch.com

http://wiki.developer.mindtouch.com/MindTouch_Deki/Skinning

Fiesta

http://wiki.developer.mindtouch.com/MindTouch_Deki/Skinning/Fiesta

Forums

http://forums.developer.mindtouch.com/

MindTouch

http://www.mindtouch.com

http://www.mindtouch.com/blog

What is skinning? Skinning is the process of creating or modifying the look & feed of your Deki. HTML markup CSS styles

Skinning is the process of creating or modifying the look & feed of your Deki.

HTML markup

CSS styles

Audience experience Who has tried to skin MindTouch Deki? why/why not? successes / frustrations? why do you want to skin MindTouch Deki?

Who has tried to skin MindTouch Deki?

why/why not?

successes / frustrations?

why do you want to skin MindTouch Deki?

Templates vs Skins Template (php, html) Skins (CSS) ace base fiesta Mindtouch, blue, neutral wireframe pro, caesious Sunset, wireframe, grazing-green, smokey-ocean, summer-city, Mindtouch, sunflower-rainbow, christmas-blizzard, charcoal-forest, sunrise-fog, sky-tangerine, rustic-azure, maroon-flash, cobalt-marine

Template (php, html)

Template vs Skins Ace Fiesta

Templates vs Skins Other Templates Deki CMS Deuce (Kilen Woods)

Other Templates

Deki CMS

Deuce (Kilen Woods)

CSS modifications How do I change the CSS? Control Panel File system

How do I change the CSS?

Control Panel

File system

CSS modifications Using the control panel to modify the CSS Deki  Control Panel  Visual Appearance

Using the control panel to modify the CSS

Deki  Control Panel  Visual Appearance

CSS modifications Using the file system to modify the CSS File System  192.168.xxx.xxxdrivevarwwwdeki-xxxskins

Using the file system to modify the CSS

File System  192.168.xxx.xxxdrivevarwwwdeki-xxxskins

CSS modifications Using the file system to modify the CSS File System  192.168.xxx.xxxdrivevarwwwdeki-xxxskinsfiesta _common.css _style.css Fiesta.php

Using the file system to modify the CSS

File System  192.168.xxx.xxxdrivevarwwwdeki-xxxskinsfiesta

_common.css

_style.css

Fiesta.php

CSS modifications Using the file system to modify the CSS File System  192.168.xxx.xxxdrivevarwwwdeki-xxxskinsfiestagrazing-green _content.css css.php style.css

Using the file system to modify the CSS

File System  192.168.xxx.xxxdrivevarwwwdeki-xxxskinsfiestagrazing-green

_content.css

css.php

style.css

CSS modifications CSS variables (PHP in CSS) File System  192.168.xxx.xxxdrivevarwwwdeki-xxxskinsfiestagrazing-greenstyle.css Proposed Spec for CSS 3

CSS variables (PHP in CSS)

File System  192.168.xxx.xxxdrivevarwwwdeki-xxxskinsfiestagrazing-greenstyle.css

Proposed Spec for CSS 3

CSS hierarchy Template Template Styles (_common.css) Skin Consolidated style css (_style.css) Unique style css (/style.css) Control panel  override template styles Unique content css (/content.css) Control panel  override content styles

Template

Template Styles (_common.css)

Skin

Consolidated style css (_style.css)

Unique style css (/style.css)

Control panel  override template styles

Unique content css (/content.css)

Control panel  override content styles

Recap What is skinning? Resources Templates vs. Skins CSS modifications File system architecture CSS variables

What is skinning?

Resources

Templates vs. Skins

CSS modifications

File system architecture

CSS variables

Questions Does anyone have any questions? things that are unclear? barriers to skinning?

Does anyone have any questions?

things that are unclear?

barriers to skinning?

Contact Me Damien Howley title: Graphic Designer / Evangelist email: [email_address] twitter: @DamienH

Damien Howley

title: Graphic Designer / Evangelist

email: [email_address]

twitter: @DamienH

Add a comment

Related presentations

Related pages

Deki Wiki skinning | MindTouch

dontforgetmario asked a great question on our forums today, which begged for a post. Here is the relevant portion of the forum post: Why don’t you guys ...
Read more

Skinning Deki Wiki | MindTouch

I’m sure by now that most of you have have and interest in changing the look and feel of Deki Wiki. Well I come with good news. I have developed a ...
Read more

MindTouch (frmly deki wiki) / News: Fiesta 2.0 - MindTouch ...

The 8.05.2 release of MindTouch Deki has a many noticeable improvements, particularly regarding skinning template targeting. Additionally, 8.05.2 shipped ...
Read more

MindTouch Deki Wiki "Skinning" | CSS Creator

Deki Wiki is a collaboration web application, but can be used as a CMS of sorts. I have found that it skins very easily. There are a couple guides on ...
Read more

Skinning MindTouch Deki - PdfSR.com

Skinning MindTouch Deki Presented By Damien Howley Overview Introduction Resources What is skinning? Audience experience Templates vs. Skins CSS ...
Read more

Wednesday, July 16, 2008Damien Howley Skinning MindTouch ...

Wednesday, July 16, 2008Damien Howley Skinning MindTouch Deki Presented By Damien Howley. Published byRalph Fletcher Modified 8 months ago
Read more

Home - MindTouch Customer Success Center

Visit MindTouch Customer Success to build your MindTouch site, leverage your help content and create brand advocates. Onboard, train and get help from our ...
Read more

Deki skinning project - User:Sheppy | MDN

Deki skinning project; Your Search Results. Deki skinning project. In This Article. Basic ... Needs to have the new Deki breadcrumbs supported; ...
Read more

Deki Wiki: Das Wiki für jedermann - Open Mind

Deki Wiki von MindTouch ist so eine. Der vielleicht banalste und doch wichtigste Punkt: Deki Wiki besitzt einen WYSIWYG-Editor, wie man ihn von jedem CMS ...
Read more