Difference between revisions of "Template:1010Topic"

From CompSciWiki
Jump to: navigation, search
m (Added image to intro example)
m (Changed image to always be 200px)
Line 9: Line 9:
 
__NOTOC__ __NOEDITSECTION__
 
__NOTOC__ __NOEDITSECTION__
 
{{ #if: {{{IntroImage|}}} | !align="left" width="5%" style="background:#E1E7EE; border-top: 1px solid grey; border-bottom: 1px solid grey"{{!}} 
 
{{ #if: {{{IntroImage|}}} | !align="left" width="5%" style="background:#E1E7EE; border-top: 1px solid grey; border-bottom: 1px solid grey"{{!}} 
!align="left" width="25%" style="background:#C4D0DD; font-weight: normal; border: 1px solid grey;" valign="top"{{!}} |   }}
+
!align="left" style="padding: 0; width: 200px; background:#C4D0DD; font-weight: normal; border: 1px solid grey;" valign="top"{{!}} |   }}
{{ #if: {{{IntroImage|}}} | [[Image:{{{IntroImage}}}]] |   }}
+
{{ #if: {{{IntroImage|}}} | [[Image:{{{IntroImage}}}|200px]] |   }}
 
{{!}}}
 
{{!}}}
 
}}
 
}}

Revision as of 11:22, 2 December 2010


This template is used for each COMP 1010 topic page. Instructions and example usage are below.

Original design by User:WikiSysop. Modified and updated by User:BrianT.


Example Code Usage

{{Template:1010Topic

|Introduction=My introductory paragraph goes here
|IntroImage=Image if so desired
|Chapter_TOC=[[What is Programming?]]
|Previous=[[What is Programming?]]
|Next=[[Anatomy of a Program]]
|Body=

}}
  • Introduction: Standard text. Your introductory paragraph goes here.
  • IntroImage: If you so choose, an introductory image goes here. Just supply the file name, NOT the Image tag itself.
  • Chapter_TOC: The parent chapter to link to. Provide the FULL LINK, NOT just the name.
  • Previous: The previous topic in the chapter. Provide the FULL LINK, NOT just the name.
  • Next: The next topic in the chapter. Provide the FULL LINK, NOT just the name.
  • Body: The body content of the page.

Sample Output

Please note that the layout gets a bit skewed while displaying the template in itself; if you don't have horribly oversized images, everything will look fine when used in production.

Everything below this line is the sample output



COMP 1010 Home > What is Programming?


Introduction

My introductory paragraph goes here

 

Dice.JPG

This is my body content. All of your content is added here.

Previous Page: What is Programming? Next Page: What is Programming?