Aine Sherlock/Sandbox2: Difference between revisions
Jump to navigation
Jump to search
(updates to formulas and positions) |
(new experiment) |
||
| Line 72: | Line 72: | ||
<div style="position: relative;">[[File:Awards_ServiceRibbons_TemporalFlow_2011.jpg|200|link-Defense_of_Temporal_Flow_Ribbon|Defense of Temporal Flow Ribbon]][[File:Legacy_Ribbon.png|200|link-Legacy_Ribbon|Legacy Ribbon]][[File:Awards_ServiceRibbons_Graduate.jpg|200|link=Starfleet_Academy_Graduate_Ribbon|Starfleet Academy Graduate Ribbon]]</div> | <div style="position: relative;">[[File:Awards_ServiceRibbons_TemporalFlow_2011.jpg|200|link-Defense_of_Temporal_Flow_Ribbon|Defense of Temporal Flow Ribbon]][[File:Legacy_Ribbon.png|200|link-Legacy_Ribbon|Legacy Ribbon]][[File:Awards_ServiceRibbons_Graduate.jpg|200|link=Starfleet_Academy_Graduate_Ribbon|Starfleet Academy Graduate Ribbon]]</div> | ||
{{EndColumns}} | |||
===New Experiment Based Off Wikipedia Article=== | |||
Using coding from wikipedia. Able to get two columns, correct centering. Need to figure out if I can align to the bottom (so far no go). Next to find out how to get the stars in correctly. So far...janky. | |||
==Orders, decorations and medals== | |||
{{StartColumns|50%}} | |||
{| style="margin:1em auto; text-align:center;" | |||
|colspan="3"|[[File:Denali_Invitational_Ribbon.png|200|link=Denali_Invitational_Ribbon|Denali Invitational Ribbon]] | |||
|- | |||
|[[File:Awards_General_Neelix_2011.jpg|200|link=Neelix_Award|Neelix Award]] | |||
|[[File:Vega_Award.png|200|2|link=Vega_Award|Vega Award]] | |||
|[[File:Awards_DutyPost_NatashaYarPinAward_2011.jpg|200|link=Natasha_Yar_Pin|Natasha Yar Pin]] | |||
|- | |||
|[[File:Awards_General_SheathedSword_2011.jpg|200|link=Sheathed_Sword|Sheathed Sword]] | |||
|[[File:Okuda_Award.png|200|link=Okuda_Award|Okuda Award]] | |||
|[[File:Awards_General_1Year.jpg|200|link=1-year_Member|1 Year Member]] | |||
|- | |||
|} | |||
{{Column}} | |||
{{StartColumns|50%}} | |||
{| style="margin:1em auto; text-align:center;" | |||
|colspan="3"|[[File:Awards_ServiceRibbons_MedalOfFreedom_2011.jpg|200|link=UFP_Medal_of_Freedom|UFP Medal of Freedom]] | |||
|- | |||
|[[File:Awards_ServiceRibbons_PurpleHeart_2011.jpg|200|link=Purple_Heart|Purple Heart]] | |||
|[[File:Awards_ServiceRibbons_Commendation.jpg|200|link=Captain's_Commendation|Captain's Commendation]] | |||
|[[File:Awards_ServiceRibbons_JointMeritoriousUnit_2011.jpg|200|link=Joint_Meritorious_Unit_Award|Joint Meritorious Unit Award]] | |||
|- | |||
|[[File:Leadership_Excellence_Ribbon.png|200|link=Leadership_Excellence_Ribbon|Leadership Excellence Ribbon]] | |||
|[[File:Awards_ServiceRibbons_GoodConduct_2011.jpg|200|link=Good_Conduct_Ribbon|Good Conduct Ribbon]] | |||
|[[File:Awards_ServiceRibbons_FirstContact_2011.jpg|200|link=First_Contact_Ribbon|First Contact Ribbon]] | |||
|- | |||
|[[File:Awards_ServiceRibbons_Peacekeeper_2011.jpg|200|link=Peacekeeper_Service_Ribbon|Peacekeeper Ribbon]] | |||
|[[File:Awards_ServiceRibbons_Explorers_2011.jpg|200|link=Explorer's_Ribbon|Explorer's Ribbon]] | |||
|[[File:Awards_ServiceRibbons_Innovationribbon_2014.jpg|200|link=Innovation_Ribbon|Innovation Ribbon]] | |||
|- | |||
|[[File:Awards_ServiceRibbons_diplomacyribbon_2014.jpg|200|link=Diplomacy_Ribbon|Diplomacy Ribbon]] | |||
|[[File:Starfleet_Investigation_Ribbon.png|200|link=Starfleet_Investigation_Ribbon|Starfleet Investigation Ribbon]] | |||
|[[File:Awards_ServiceRibbons_TemporalFlow_2011.jpg|200|link=Defense_of_Temporal_Flow_Ribbon|Defense of Temporal Flow Ribbon]] | |||
|- | |||
|[[File:Awards_ServiceRibbons_DepartmentChief.jpg|200|link=Department_Chief_Ribbon|Department Chief Ribbon]] | |||
|[[File:Legacy_Ribbon.png|200|link=Legacy_Ribbon|Legacy Ribbon]] | |||
|[[File:Awards_ServiceRibbons_Graduate.jpg|200|link=Starfleet_Academy_Graduate_Ribbon|Starfleet Academy Graduate Ribbon]] | |||
|- | |||
|} | |||
{{EndColumns}} | {{EndColumns}} | ||
Revision as of 19:51, 11 June 2024
My Ribbon Rack Experiments
Current single table.
 |
  |
 | ||||
|---|---|---|---|---|---|---|
 |
 |
 |
 |
 |
 | |
 |
 |
 |
 |
 |
 |
Partial example to experiment with centering 2 ribbons on line. Got the columns, and now have stars overlaying ribbons with proper links to ribbon pages! Thanks Noa! Lower example shows ribbon removed from top row to show how it properly centers.
For 3 ribbons per row: Center star on ribbon 1 106px, on ribbon 2 306px, and on ribbon 3 506px. Put div style="position: absolute; left: px; top:12.5 etc after div style="position: relative etc. For 3 stars, plus or minus 56px from center star position. For two stars, first star is single star position minus 38, second star is previous formula but plus 38.
For 2 ribbons per row: Center star on ribbon 1 206, on ribbon 2 406 . Other formulas follow suite.
      |
     |
|
|
|
New Experiment Based Off Wikipedia Article
Using coding from wikipedia. Able to get two columns, correct centering. Need to figure out if I can align to the bottom (so far no go). Next to find out how to get the stars in correctly. So far...janky.
Orders, decorations and medals
|
|
||||||||||||||||||||||||||||
