Template:Roster/Image Guide 3: Difference between revisions

adding ZOOM tutorial!
(lefts and rights, ups and downs)
(adding ZOOM tutorial!)
Line 51: Line 51:




That first example, moving the focus down 10 pixels, seemed to do the trick! Let's put him back in with his shipmates.
{| 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 up there. 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|0|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.


Here's the raw code for the entire roster:
<pre>
<pre>
{{Roster|
{{Roster
|SHIP = USS Discovery-C
|SHIP = USS Discovery-C
|{{Captain|Tyr Jashin|Waltas|Red|Commanding Officer|Tyrcapt.jpg}}
|{{Captain|Tyr Jashin|Waltas|Red|Commanding Officer|Tyrcapt.jpg|10|20|1.2}}
|{{Commander|Raj|Blueheart|Red|First Officer|Cmdr Raj Blueheart1.png}}
|{{Commander|Raj|Blueheart|Red|First Officer|Cmdr Raj Blueheart1.png}}
|{{hr|Redline}}
|{{hr|Redline}}
|{{Commander|Marcus|Dickens|Red|Mission Specialist|Marcus Dickens.jpg}}
|{{Commander|Marcus|Dickens|Red|Mission Specialist|Marcus Dickens.jpg}}
|{{hr|Intel}}
|{{hr|Intel}}
|{{Lt. Commander|Tracey|Townson|Black|Intelligence Officer|TraceyIntel uni.jpg}}
|{{Lt. Commander|Tracey|Townson|Black|Intelligence Officer|TraceyIntel uni.jpg|0|50|1.5}}
|{{hr|Operations}}
|{{hr|Operations}}
|{{Ensign|Kaerae ap Rhys||Gold|Com/Ops Officer|Ap Rhys.jpg}}
|{{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}}
|{{Ensign|Kevin|Marks|Red|Helm Officer|Kevin Marks Avatar.jpg}}
|{{hr|Goldline}}
|{{hr|Goldline}}
|{{Commander|Rode Connor|Mitchell|Red|Chief Tactical Officer|Rode Mitchell.jpg|10}}
|{{Commander|Rode Connor|Mitchell|Red|Chief Tactical Officer|Rode Mitchell.jpg|10}}
|{{hr|Goldline}}
|{{hr|Goldline}}
|{{Lt. Commander|Hsina|Amman|Gold|Chief Of Security|Hsina 1.jpeg}}
|{{Lt. Commander|Hsina|Amman|Gold|Chief Of Security|Hsina 1.jpeg|20|60|1.5}}
|{{Ensign|Kela Idisha||Gold|Security Officer|Ensignkelaidisha.png}}
|{{Ensign|Kela Idisha||Gold|Security Officer|Ensignkelaidisha.png}}
|{{hr|Goldline}}
|{{hr|Goldline}}
Line 77: Line 100:
|{{hr|Sciences}}
|{{hr|Sciences}}
|{{Lieutenant|Anora|Manar|Blue|Science Officer|Anora.png}}
|{{Lieutenant|Anora|Manar|Blue|Science Officer|Anora.png}}
|{{Lieutenant JG|Sirok||Blue|Science Officer|Sirok 01.png}}
|{{Lieutenant JG|Sirok||Blue|Science Officer|Sirok 01.png|10|30|1.2}}
}}
}}
</pre>
</pre>
Line 83: Line 106:
And here's how it looks...
And here's how it looks...


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