[pmwiki-users] Fwd: PmWiki Noob - Custom CSS

Brian Middleton mrbryo at gmail.com
Fri Mar 15 11:14:07 CDT 2013


Understood.  Thanks for the explanation!


On Fri, Mar 15, 2013 at 3:46 AM, tamouse mailing lists <
tamouse.lists at gmail.com> wrote:

> On Fri, Mar 15, 2013 at 3:27 AM, Brian Middleton <mrbryo at gmail.com> wrote:
> > Hah, yeah not sure why I put that in there (border-collapse).  Must be
> time
> > for bed.  Ah I see. div1...divN.  Thanks for the quick response.
> >
> > That fixed it, using div2:
> >
> > !Vent Status
> > (:div class="looknfeel":)
> > !!Privacy Policy
> > (:div2 class="looknfeel":)
> > Junk
> > (:div2end:)
> > (:divend:)
> >
> > But in order to get the CSS to work I put it in the pub/css/local.css
> file.
> > When I put it in the $WikiStyle array it doesn't seem to pick it up from
> in
> > the (:div:).  It did work once I did this:
> >
> >>>looknfeel<<
> > a bunch of stuff
> >>><<
> >
> > However, this can't be nested either it looks like...I tried and the page
> > displayed some extra characters that shouldn't have been there.
> >
> > Main reason of using DIV is to bump over a section of text so it appears
> to
> > be formatted under the header tags.  I'm guessing there might be a better
> > way to do it but I'm not sure what it is.
> >
> >
> > On Fri, Mar 15, 2013 at 6:54 AM, Lars Eighner <surname at larseighner.com>
> > wrote:
> >>
> >> On Thu, 14 Mar 2013, Brian Middleton wrote:
> >>
> >>>
> >>> !Vent Status
> >>> (:div class="looknfeel":)
> >>> !!Privacy Policy
> >>> (:div class="looknfeel":)
> >>> Junk
> >>> (:divend:)
> >>> (:divend:)
> >>>
> >>
> >> I'm not sure this is the cause of your problem, but you cannot nest
> (:div
> >> :)
> >> like html <div>.
> >>
> >> If you open a second div, it has to be (:div2 :) and be closed with
> >> (:div2end:)
> >>
> >> You can have plenty of div on the page, but the child must be div2, the
> >> grandchild div3 and so forth.  And of course they must be properly
> nested.
> >>
> >> Fortunately, most of the page glue divs are out in the template where
> they
> >> are ordinary html div and play by the html rules.  But if you have
> formed
> >> the habit of styling with div (<div class="red"><div class="small"><div
> >> class="sanserif">) (:div:) will break you of that or drive you insane.
> >>
> >> I did not know border collapse was good for anything outside of tables.
>
> You're combining a couple of things, which is why it isn't working the
> way you'd like. WikiStyles are kind of like "internal" CSS (although
> still not quite CSS itself) and apply when you use the WikiStyle
> markup [1]:
>
> In local/config.php:
>
>     $WikiStyle['mywikistyle']['color'] = 'red';
>     $WikiStyle['mywikistyle']['font-style'] = 'italic';
>
> ... and so on
>
> In wiki text:
>
>     %mywikistyle%Some wiki text
>
> or
>
>     >>mywikistyle<<
>     Some wiki text
>     >><<
>
> whereas true CSS, as set in the `local/local.css` file, is used by
> setting a class parameter on the (:div:):
>
> In local/local.css:
>
>     .mystyle {
>         color: red;
>         font-style: italic;
>     }
>
> In wiki text:
>
>     (:div class='mystyle':)
>     Some wiki text
>     (:div:)
>
> nesting of div's explained above.
>
> It is quite possible to combine these:
>
> Using the definition in local/local.css to start with for `mystyle`:
>
> In local/config.php:
>
>     $WikiStyle['mywikistyle']['class'] = 'mystyle';
>
> and use as above.
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://www.pmichaud.com/pipermail/pmwiki-users/attachments/20130315/12d3a6f0/attachment.html>


More information about the pmwiki-users mailing list