combined + superscripted icons

Pat VachonPat Vachon πŸ’ŽπŸ’ŽπŸ’Ž
edited June 25, 2020 in Ideas
Expand to a ridiculous set of possibilities. Option to choose which corner to place the mini icon.

image
3
3 votes

Not Planned Β· Last Updated

Comments

  • Matt SonesMatt Sones πŸ’ŽπŸ’ŽπŸ’Ž
    edited February 10, 2017
    this is amazing.
  • Rob HatchRob Hatch πŸ› οΈ ο»Ώ
    edited June 25, 2020
    Its also sorta tough, Β considering those are each image sprites..Β 
  • Pat VachonPat Vachon πŸ’ŽπŸ’ŽπŸ’Ž
    edited January 5, 2016
    A little css and your good to go.

    :D
  • Pat VachonPat Vachon πŸ’ŽπŸ’ŽπŸ’Ž
    edited June 25, 2020
    Cmon. Can't be that hard. :P

    It's already partially supported with Font Awesome. Can certainly make it happen with some additional tweaking.
    <skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" showheader="true" theme="Classic">     <models>        <model id="User" limit="20" query="true" createrowifnonefound="false" adapter="" type="" sobject="User">           <fields/>           <conditions>              <condition type="userinfo" value="" field="Id" operator="=" enclosevalueinquotes="true" userinfotype="userid"/>           </conditions>           <actions/>        </model>     </models>     <components>        <template multiple="false" uniqueid="sk-3voQL-70" allowhtml="true">           <contents>&lt;span class="fa-stack fa-lg"&gt;                &lt;i class="fa fa-money fa-stack-1x"&gt;&lt;/i&gt;                &lt;i class="fa fa-lock fa-stack-1x fa-inverse"&gt;&lt;/i&gt;              &lt;/span&gt;              fa-terminal on fa-square&lt;br&gt;              &lt;span class="fa-stack fa-lg"&gt;                &lt;i class="fa fa-camera fa-stack-1x"&gt;&lt;/i&gt;                &lt;i class="fa fa-ban fa-stack-2x text-danger"&gt;&lt;/i&gt;              &lt;/span&gt;              fa-ban on fa-camera           </contents>        </template>     </components>     <resources>        <labels/>        <javascript/>        <css>           <cssitem location="inline" name="newcss" cachelocation="false">.fa-lock {      color:red;  }  .fa-money {      color:green;  }</cssitem>        </css>     </resources>     <styles>        <styleitem type="background" bgtype="none"/>     </styles>  </skuidpage>  


  • Pat VachonPat Vachon πŸ’ŽπŸ’ŽπŸ’Ž
    edited June 25, 2020
    This page is crazy awesome!!! Get it? AWESOME .... hehehehe.

    https://fortawesome.github.io/Font-Awesome/examples/
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!