Notebook-NT < Skins > Parchment   (talk? | users? | test page | RWD? | set as default | unset | validate: HTML, CSS)

NotSoSimple skin is almost entirely the 'simple' skin with the exception of the added width to 900px, the added Site.SideBar on the left side, and misc little cleanups and fixes.

Files

This recipe was last tested on PmWiki version: 2.0.10
2005-11-02: Original release, tested on 2.0.10 w/Safari, Firefox, Deerpark, IE, & Camino
2005-11-02: The NotSoSimple-PSD.zip .psd file for the header.
2005-11-03: Fixed a mistake in the tmpl file.
2005-11-06: Little CSS fixes, increased the default sidebar width so it looks ok with the default PmWiki Site.SideBar content, fixed menubar width under IE, changed the menubar to use $Group.PageAction and $SiteGroup.PageActions instead of hardcoded values in the .tmpl file.
2005-12-01: notsosimple.zipΔ Fix for wikitext area in IE6.

Comments

You can preview the skin at the authors website

See Also

The original Simple skin

Contributors

ksc

Feedback and Questions

  • page-specific CSS -- to allow page-specific CSS to override the style's CSS, you have to move the <!--HeaderText--> line in notsosimple.tmpl down, before the </head> line.
  • Transparent PNG patch -- I've downloaded pngfix.js from http://homepage.ntlworld.com/bobosola/pnghowto.htm and placed the lines
    <!--[if lt IE 7.]>
    <script defer type="text/javascript" src="$SkinDirUrl/pngfix.js"></script>
    <![endif]-->
    in the notsosimple.tmpl just before the first Javascript block. This allows the use of PNGs with transparency in IE in the NotSoSimple skin -- at least for the logo in the header. I haven't tried it in the content area yet. -- Neurophyre
  • Great Skin - just i am a bit new to this whole thing, how do i get the edit page and search buttons back, i just noticed there isnt one, also is it possible to just show the edit page button to specific people/groups? again amazing skin love it. keep up the good work

a Different Chris D 07 - March - 06

  • To get the edit buttons back look in the README file in the skin zip. It says to add $EnableMenuBar = 1; to your config.php
  • Awesome skin. Thank you so much for adding the side bar to Simple Skin and adding the header background graphic. Here're a couple of observations that I see on my computers. Perhaps I've got something set up incorrectly, or you can point me to where to make a fix. Chris D 11/3/05
    1. In IE6 the edit bar extends to the left into the gradient border.
    2. The page edit field is too narrow; it is still the same width as in Simple Skin
    3. Any ideas on how I can change it from fixed to variable width and still keep a minimum of white space to the left and right?
    • Thanks for the kind words. Julian I. Kamil did an awsome job on the original Simple skin.
    1. Add "#menubar { width: 824px; }" to notsosmple-ie.css (*#$&'ing IE). Will add to next rev.
    2. You can set e_cols in Site.Preferences or globally hardcode it in scripts/forms.php about line 75. I use a value of 91 and it seems to fit nicely.
    3. I'm not sure what you want to do but you can set the width of an individual page by using something like Make Many Columns. Set a hard number in px or a percent value for for the width to make a single column less than page width. Somthing like (:div style='text-align:left; float:left; width:250px;':) at the head of the page and (:divend:) at the bottom would do it. ksc November 04, 2005, at 12:15 AM
    • That does it... thanks again! Chris D 11:51 AM 11/4/2005
  • Nice skin! I've got some suggestion for the menubar: I find it usefull to replace
     <li><a href='$ScriptUrl/$[Main/SearchWiki]'>$[Search]</a></li>
     <li><a href='$PageUrl?action=edit'>$[Edit]</a></li>
     <li><a href='$PageUrl?action=upload'>$[Upload]</a></li>
     <li><a href='$PageUrl?action=diff&minor=n'>$[History]</a></li>
    with the following <div id='wikicmds'><!--wiki:$Group.PageActions $SiteGroup.PageActions--></div> It makes it possible to edit the menubar entries on the fly via Site.PageActions (or $Group.PageActions) And - if you use Conditional Markup - it is very easy to get entries which are only present for the admin e.g. MarcSeibert
    • Fixed in notsosimple-20051106. (Great tip, thanks) ksc November 06, 2005, at 09:49 PM
  • Incredible work. One quick question, though: how are you making your (:toc:) markup render as the right-floating box on your website? Thanks. -mcr
    • Thanks. See Page Table Of Contents in the cookbook section. You will probably have to hack up the inline css a bit.
      • Gratz. I had tried all of the other listed toc alternatives and the two varieties of sticky notes/postits. It really IS the last one you try.
  • Am I the only one for whom this skin does not lay out properly in IE6? With what I grabbed today, the wikitext appears below the bottom of the sidebar. Adding clear: right to the #wikitext item in notsosimple.css fixes this, without introducing errors in either Firefox/Gecko or Safari/KHTML. Other browsers admittedly untested. pjjw November 16, 2005, at 12:47 AM
    • Nope, you are not the only one with problems in IE6. Adding clear: right indeed fixes the problem. Thanks for that!
      • Fixed in 2005-12-01, thanks for the report. (People still use IE?)
  • Very nice skin. I initally chose SimpleSkin but wish for a sidebar, then I saw NotSoSimpleSkin. Just what I want! Thank you :-). However, after awhile I found out it doesn't have a search box! Could you suggest some modification for this? (N.T.)
    • Just add a link to Site.Search in the tmpl file or add a search link in Site.PageActions. The latter is the preferred method - the menubar content is controlled by the contents of Site.PageActions ksc
  • Hi, wonderful skin, any chance to make the left bar invisible. And: does it support Sectionedit? -Thomas N. Burg. 06.03.01.
  • Hello! I like this skin very much, but could you, please, repair the link to PSD file? Thanks! Peter (2006.05.21)
  • Just in case you missed this, there is a thread on the list that leads to some very specific suggestions for tweaking the css, html and markup for NotSoSimpleSkin.
  • Does anyone have that notsosimple-psd.zip? Download link is dead.
    • +1
  • If you have paragraph alignment problems whereby initial paragraphs are misaligned with all subsequent paragraphs, open the notsosimple style sheet and replace these two lines

    .vspace { margin: 4px; }
    p.vspace { padding: 3px; }
    

    with these:

    .vspace { margin-top: 4px; margin-bottom: 4px; }
    p.vspace { padding-top: 3px; padding-bottom: 3px; }
    
    Leon Robbins 14 April 2007

Category: Skins
  • How do I get the View Edit History and those links back and a search box anywhere on the screen?