View source for Template:Roster/Image Guide 3

:'''''[[Template:Roster/Image Guide 2|Click here to previous tutorial page.]]'''''

{{Roster
|SHIP = USS Discovery-C
|{{Captain|Tyr Jashin|Waltas|Red|Commanding Officer|Tyrcapt.jpg}}
|{{Commander|Raj|Blueheart|Red|First Officer|Cmdr Raj Blueheart1.png}}
|{{hr|Redline}}
|{{Commander|Marcus|Dickens|Red|Mission Specialist|Marcus Dickens.jpg}}
|{{hr|Intel}}
|{{Lt. Commander|Tracey|Townson|Black|Intelligence Officer|TraceyIntel uni.jpg}}
|{{hr|Operations}}
|{{Ensign|Kaerae ap Rhys||Gold|Com/Ops Officer|Ap Rhys.jpg}}
|{{Ensign|Kevin|Marks|Red|Helm Officer|Kevin Marks Avatar.jpg}}
|{{hr|Goldline}}
|{{Commander|Rode Connor|Mitchell|Red|Chief Tactical Officer|Rode Mitchell.jpg}}
|{{hr|Goldline}}
|{{Lt. Commander|Hsina|Amman|Gold|Chief Of Security|Hsina 1.jpeg}}
|{{Ensign|Kela Idisha||Gold|Security Officer|Ensignkelaidisha.png}}
|{{hr|Goldline}}
|{{Lt. Commander|Eskyys||Gold|Chief Engineer}}
|{{hr|Medical}}
|{{Ensign|Atherton|Grix|Teal|Counselor}}
|{{hr|Sciences}}
|{{Lieutenant|Anora|Manar|Blue|Science Officer|Anora.png}}
|{{Lieutenant JG|Sirok||Blue|Science Officer|Sirok 01.png}}
}}

===Not too bad at all!===
If you notice, there's really only one person who looks a bit off.
{{Roster-singlerowexample|{{Commander|Rode Connor|Mitchell|Red|Chief Tactical Officer|Rode Mitchell.jpg}}}}

====But guess what?====
===<font color=green>You can actually tell the roster to make a correction in positioning!</font>===
Just add a number in pixels for how much farther DOWN you want to see. Add a second number to add how much farther RIGHT you want to see.

===To move the focus of the image DOWN 10 pixels===
<pre>{{Commander|Rode Connor|Mitchell|Red|Chief Tactical Officer|Rode Mitchell.jpg|10}}</pre>
moves the focus DOWN 10 pixels.
{{Roster-singlerowexample|{{Commander|Rode Connor|Mitchell|Red|Chief Tactical Officer|Rode Mitchell.jpg|10}}}}


And...

===To move the focus of the image RIGHT 10 pixels===
<pre>{{Commander|Rode Connor|Mitchell|Red|Chief Tactical Officer|Rode Mitchell.jpg|0|10}}</pre>

(Note if you only want to move the focus right and not down, '''you still need to put a 0 for how many pixels down'''.)

{{Roster-singlerowexample|{{Commander|Rode Connor|Mitchell|Red|Chief Tactical Officer|Rode Mitchell.jpg|0|10}}}}



{| cellspacing="3" width="80%" 
|- valign="top"
|bgcolor="beige" style="border:1px solid darkgreen; padding:1em; padding-top:0.5em; padding-bottom:0em; color: black;"|
===<font color=green>NEW UPDATE!</font> You can now tell the roster to ZOOM an image!===
Just add a third number that represents how many times you want to zoom the image to the officer's wikicode. 1.2 would mean 1.2x the current size, and is often a good place to start if an officer's head looks too small. You can also go less than 1 if you want to make the officer's head smaller. .7, .5, etc. is acceptable without the leading 0.

For instance, Tracey Townson looks a bit small.

{{Roster-singlerowexample|{{Lt. Commander|Tracey|Townson|Black|Intelligence Officer|TraceyIntel uni.jpg}}}}

We're probably going to need more than just 1.2x the current size. Let's try to zoom her image 1.5x.
<pre>{{Lt. Commander|Tracey|Townson|Black|Intelligence Officer|TraceyIntel uni.jpg|0|0|1.5}}</pre>

Notice, we still need to put in placeholder numbers for down and right adjustments. For now, let's just put zeroes in. This is what we get:

{{Roster-singlerowexample|{{Lt. Commander|Tracey|Townson|Black|Intelligence Officer|TraceyIntel uni.jpg|0|0|1.5}}}}

So now you see that the image is automatically aligned with its left edge against the left side of the frame. THIS is why we have the ability to tell the image to move left so that we can see more on the right! She's pretty far out there, so let's try moving the picture 50 pixels to the left.
<pre>{{Lt. Commander|Tracey|Townson|Black|Intelligence Officer|TraceyIntel uni.jpg|0|50|1.5}}</pre>
{{Roster-singlerowexample|{{Lt. Commander|Tracey|Townson|Black|Intelligence Officer|TraceyIntel uni.jpg|0|50|1.5}}}}

Perfect!
|}





Here's the raw code for the entire Discovery roster, with positioning and zoom corrections. Note again that the roster template already did a decent job automatically, so you should only add these if you want to "fine tune" the roster.

<pre>
{{Roster
|SHIP = USS Discovery-C
|{{Captain|Tyr Jashin|Waltas|Red|Commanding Officer|Tyrcapt.jpg|10|20|1.2}}
|{{Commander|Raj|Blueheart|Red|First Officer|Cmdr Raj Blueheart1.png}}
|{{hr|Redline}}
|{{Commander|Marcus|Dickens|Red|Mission Specialist|Marcus Dickens.jpg}}
|{{hr|Intel}}
|{{Lt. Commander|Tracey|Townson|Black|Intelligence Officer|TraceyIntel uni.jpg|0|50|1.5}}
|{{hr|Operations}}
|{{Ensign|Kaerae ap Rhys||Gold|Com/Ops Officer|Ap Rhys.jpg|10|0|1.5}}
|{{Ensign|Kevin|Marks|Red|Helm Officer|Kevin Marks Avatar.jpg}}
|{{hr|Goldline}}
|{{Commander|Rode Connor|Mitchell|Red|Chief Tactical Officer|Rode Mitchell.jpg|10}}
|{{hr|Goldline}}
|{{Lt. Commander|Hsina|Amman|Gold|Chief Of Security|Hsina 1.jpeg|20|60|1.5}}
|{{Ensign|Kela Idisha||Gold|Security Officer|Ensignkelaidisha.png}}
|{{hr|Goldline}}
|{{Lt. Commander|Eskyys||Gold|Chief Engineer}}
|{{hr|Medical}}
|{{Ensign|Atherton|Grix|Teal|Counselor}}
|{{hr|Sciences}}
|{{Lieutenant|Anora|Manar|Blue|Science Officer|Anora.png}}
|{{Lieutenant JG|Sirok||Blue|Science Officer|Sirok 01.png|10|30|1.2}}
}}
</pre>

And here's how it looks...

{{Roster
|SHIP = USS Discovery-C
|{{Captain|Tyr Jashin|Waltas|Red|Commanding Officer|Tyrcapt.jpg|10|20|1.2}}
|{{Commander|Raj|Blueheart|Red|First Officer|Cmdr Raj Blueheart1.png}}
|{{hr|Redline}}
|{{Commander|Marcus|Dickens|Red|Mission Specialist|Marcus Dickens.jpg}}
|{{hr|Intel}}
|{{Lt. Commander|Tracey|Townson|Black|Intelligence Officer|TraceyIntel uni.jpg|0|50|1.5}}
|{{hr|Operations}}
|{{Ensign|Kaerae ap Rhys||Gold|Com/Ops Officer|Ap Rhys.jpg|10|0|1.5}}
|{{Ensign|Kevin|Marks|Red|Helm Officer|Kevin Marks Avatar.jpg}}
|{{hr|Goldline}}
|{{Commander|Rode Connor|Mitchell|Red|Chief Tactical Officer|Rode Mitchell.jpg|10}}
|{{hr|Goldline}}
|{{Lt. Commander|Hsina|Amman|Gold|Chief Of Security|Hsina 1.jpeg|20|60|1.5}}
|{{Ensign|Kela Idisha||Gold|Security Officer|Ensignkelaidisha.png}}
|{{hr|Goldline}}
|{{Lt. Commander|Eskyys||Gold|Chief Engineer}}
|{{hr|Medical}}
|{{Ensign|Atherton|Grix|Teal|Counselor}}
|{{hr|Sciences}}
|{{Lieutenant|Anora|Manar|Blue|Science Officer|Anora.png}}
|{{Lieutenant JG|Sirok||Blue|Science Officer|Sirok 01.png|10|30|1.2}}
}}

====Pretty sweet, huh? [[Template:Roster/Image Guide 4|Okay, let's try a harder case...]]====

===[[Template:Roster/Image Guide 4|Move on to next section of tutorial]]===

:'''''[[Template:Roster/Image Guide 2|Or click here to previous tutorial page.]]'''''

__NOTOC__