combined + superscripted icons

  • 3
  • Idea
  • Updated 3 years ago
  • Not Planned
Expand to a ridiculous set of possibilities. Option to choose which corner to place the mini icon.

Photo of mB Pat Vachon

mB Pat Vachon, Champion

  • 42,714 Points 20k badge 2x thumb

Posted 3 years ago

  • 3
Photo of Matt Sones

Matt Sones, Champion

  • 31,478 Points 20k badge 2x thumb
this is amazing.
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
Its also sorta tough,  considering those are each image sprites.. 
Photo of mB Pat Vachon

mB Pat Vachon, Champion

  • 42,714 Points 20k badge 2x thumb
A little css and your good to go.

:D
Photo of mB Pat Vachon

mB Pat Vachon, Champion

  • 42,714 Points 20k badge 2x thumb
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>





Photo of mB Pat Vachon

mB Pat Vachon, Champion

  • 42,714 Points 20k badge 2x thumb
This page is crazy awesome!!! Get it? AWESOME .... hehehehe.

https://fortawesome.github.io/Font-Awesome/examples/