Difference between revisions of "Template:GalleryImage"

From PyMOLWiki
Jump to navigation Jump to search
 
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<noinclude>
 
<noinclude>
==GalleryImage Template==
+
==GalleryImageTest Template==
'''Usage:''' Copy the following text to create your gallery image.  Just replace everything on the right side of the equal signs with your data (see the example below the template text).  If your the formatting is off (put a newline after "seeAlso" and "cmdString" if you're using MediaWiki lists, like in this example, here).
+
'''Usage:'''
<br/><br/>
+
<source lang=css>
<nowiki>{{GalleryImage</nowiki><br><nowiki>
+
{{GalleryImage
| image=ImageName.png</nowiki><br><nowiki>
+
| title=theTitle
| size=250px</nowiki><br><nowiki>
+
| image=[[ImageName.png]]
| title=theTitle</nowiki><br><nowiki>
+
| description=theDescription
| description=theDescription</nowiki><br><nowiki>
+
| seeAlso=seeAlso
| cmdString=commandString </nowiki><br><nowiki>
+
| cmdString=commandString
| seeAlso=seeAlso </nowiki><br><nowiki>
 
 
}}
 
}}
</nowiki>
+
</source>
</noinclude>
+
* '''ImageName.png''' is the name of the image (the image should already be in the wiki)
 +
* '''theTitle''' is the title you would like at the top of your image
 +
* '''theDescription''' is the description you would like added to your image
 +
* '''cmdString''' are the commands used to create the image. You can use '''<nowiki><source lang="python">...</source></nowiki>''' within this area to prettify your PyMOL commands
 +
* '''seeAlso''' can include quick links to commands used
 +
* the order of these variables does not matter
 +
* images are resized to 200px mainly to make columns line up better
  
=== Example ===
+
==Example==
<nowiki>{{GalleryImage</nowiki><br><nowiki>
+
<br>
| image=Gm2.png</nowiki><br><nowiki>
 
| size=200px</nowiki><br><nowiki>
 
| title=Grid Mode</nowiki><br><nowiki>
 
| description=This image shows [[Grid Mode]] in action.</nowiki><br><nowiki>
 
| cmdString=<source lang="python"></nowiki><br><nowiki>
 
fetch 1cll 1sra 1ggz 5pnt 1rlw 1cdy;</nowiki><br><nowiki>
 
set grid_mode</nowiki><br><nowiki>
 
</source></nowiki><br><nowiki>
 
| seeAlso=</nowiki><br><nowiki>
 
*[[Fetch]]</nowiki><br><nowiki>
 
*[[Set]]</nowiki><br><nowiki>
 
*[[grid_mode]]</nowiki><br><nowiki>
 
}}
 
</nowiki>
 
</noinclude>
 
Gives you the following:
 
 
{{GalleryImage
 
{{GalleryImage
|image=Gm2.png|size=200px|title=Grid Mode|description=This image shows [[Grid Mode]] in action.
+
<!-- This creates a row entry for the Gallery section -->
|cmdString=<source lang="python">
+
|<!-- Image -->
fetch 1cll 1sra 1ggz 5pnt 1rlw 1cdy;
+
image=BW_raytraced_complex_image.jpg
set grid_mode
+
|<!-- Title above image -->
 +
title=This is the title
 +
|<!-- 'Description' section (shows up below the image)-->
 +
description=This is the description.
 +
|<!-- 'What to Type' section -->
 +
cmdString=<source lang="python">
 +
many pymol commands
 
</source>
 
</source>
|seeAlso=
+
You can put other text also.<br>
*[[Fetch]]
+
'''Bold text'''<br>
*[[Set]]
+
''Italic text''<br>
*[[grid_mode]]
+
* even bulleted lists!
 +
|<!-- 'See Also' section (shows up below the image)-->
 +
seeAlso=
 +
* [[Main_Page|PyMOLWiki]]
 +
* [[template:GalleryImage|GalleryImage template]]
 +
* [[template:GalleryImageTest|GalleryImageTest template]]
 
}}
 
}}
  
{| align="center"
+
==Template==
 +
</noinclude>
 +
<hr>
 +
{| align=left; width=100%;
 
|- style="font-weight:bold; color:#333; font-size:125%; font-style:italic; text-align:center;"  
 
|- style="font-weight:bold; color:#333; font-size:125%; font-style:italic; text-align:center;"  
| {{{title}}} || Description || What To Type || See Also
+
| {{{title}}} || What To Type
 
|- style="font-weight:medium; background:#ddd; color: #333; font-style: normal; vertical-align:top;"
 
|- style="font-weight:medium; background:#ddd; color: #333; font-style: normal; vertical-align:top;"
| style="background:white; width=25%; text-align:center; vertical-align:middle;"|[[Image:{{{image}}}|{{{size}}}]]
+
| width=25%; style="background:white; vertical-align:top;"|
<br>
+
<table BORDER="0" CELLPADDING="0" CELLSPACING="0" width=100%;>
{{{description}}}
+
<tr><td align="center">[[Image:{{{image}}}|200px]]</td></tr>
||
+
<tr><td align="center"><b>Description</b></td></tr>
{{{description}}}
+
<tr><td align="center">{{{description}}}<br><br><br></td></tr>
||
+
<tr><td align="center"><b>See Also</b></td></tr>
 +
<tr><td align="left">
 +
{{{seeAlso}}}
 +
</td></tr>
 +
</table>
 +
|width=75%;|
 
{{{cmdString}}}
 
{{{cmdString}}}
||
 
{{{seeAlso}}}
 
 
|}
 
|}
<br>
 

Latest revision as of 11:23, 26 August 2008

GalleryImageTest Template

Usage:

{{GalleryImage
| title=theTitle
| image=[[ImageName.png]]
| description=theDescription
| seeAlso=seeAlso
| cmdString=commandString
}}
  • ImageName.png is the name of the image (the image should already be in the wiki)
  • theTitle is the title you would like at the top of your image
  • theDescription is the description you would like added to your image
  • cmdString are the commands used to create the image. You can use <source lang="python">...</source> within this area to prettify your PyMOL commands
  • seeAlso can include quick links to commands used
  • the order of these variables does not matter
  • images are resized to 200px mainly to make columns line up better

Example



This is the title What To Type
BW raytraced complex image.jpg
Description
This is the description.


See Also
many pymol commands

You can put other text also.
Bold text
Italic text

  • even bulleted lists!

Template


{{{title}}} What To Type
[[Image:{{{image}}}|200px]]
Description
{{{description}}}


See Also

{{{seeAlso}}}

{{{cmdString}}}