Styling with a template

Jump to: navigation, search

Instead of wrapping content directly with a div:

<div style="font-family: menu,Arial;border: 1px solid #808080; width: 96%; margin-right:auto;margin-left:auto;background-color: #99FF99;-webkit-box-shadow: 5px 5px 7px #999;">
...
</div>

You might want to create a template to remove some of the repetition:

{{:User:Mverhaart/Shadowbox|background=#99FF99|content=blah blah blah}}

where the User:Mverhaart/Shadowbox was something like (meaning untested :-)

<div style="font-family: menu,Arial;border: 1px solid #808080; width: 96%; margin-right:auto;margin-left:auto;background-color: {{{background}}};-webkit-box-shadow: 5px 5px 7px #999;">
{{{content}}}
</div>
JimTittsler (talk)17:56, 16 April 2013

Hi Jim (I suspect its you!!)

Agreed. Actually I did some of the content while I was learning to use the wiki code and as always you learn progressively. If you look at http://wikieducator.org/VirtualMV/JavaScript/Starting/Basics I use

<.. JS Code here ..

I am cutting n pasting from my virtualmv.com/wiki and one day I'll get round to fixing all the random ones :)

Michael

Mverhaart (talk)18:25, 16 April 2013