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.

3 votes

Not Planned Β· Last Updated


  • 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.

  • 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.
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!