SociaLinks Badges
            
              <link rel='stylesheet' href='css/SociaLinks.css' type='text/css'>
              <link rel='stylesheet' href='css/PI.css' type='text/css'>

              <div id="SLCntnr" class="DBBlockContent">
                <SLBadge>
                  <div>
                    <div class="SLOverlay">
                      <a href="https://social-link.truc" target="_blank">
                        <img src="http://your-image-url.truc" alt="replacement_text"/>
                        <div class="pi_gl SLdtls">
                          <span class="SLDspldNm">YourName</span>
                        </div>
                       </a>
                      </svg>
                    </div>
                    <div>
                      <span class="pi_gl">
                        <svg class="pi_svg_128" viewBox="0 0 24 24"><path fill="#fff" d="M23,11H21V9H19V11H17V13H19V15H21V13H23M8,11V13.4H12C11.8,14.4 10.8,16.4 8,16.4C5.6,16.4 3.7,14.4 3.7,12C3.7,9.6 5.6,7.6 8,7.6C9.4,7.6 10.3,8.2 10.8,8.7L12.7,6.9C11.5,5.7 9.9,5 8,5C4.1,5 1,8.1 1,12C1,15.9 4.1,19 8,19C12,19 14.7,16.2 14.7,12.2C14.7,11.7 14.7,11.4 14.6,11H8Z" />
                        </svg>
                      </span>
                    </div>
                    <SLName>
                      <span>SocialNetwork</span>
                    </SLName>
                  </div>
                </SLBadge>
              </div>
            
          
SociaLinks Floating bar
            
              <link rel='stylesheet' href='css/SociaLinks.css' type='text/css'>
              <link rel='stylesheet' href='css/PI.css' type='text/css'>

              <input type="checkbox" id="SLswtch">
              <label id="SLfloat" for="SLswtch">
                <svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="rgba(210,210,210,.9)" d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" /></svg>
              </label>

              <div id="SLinks" style="position: fixed;top: 30%;width: 3pc;    right: -90px;">
                  <a href="https://plus.google.com/+PhoenixRainbow" target="_blank">
                      <span class="pi_gl">
                 <svg class="pi_svg" viewBox="0 0 24 24"><path fill="#fff" d="M23,11H21V9H19V11H17V13H19V15H21V13H23M8,11V13.4H12C11.8,14.4 10.8,16.4 8,16.4C5.6,16.4 3.7,14.4 3.7,12C3.7,9.6 5.6,7.6 8,7.6C9.4,7.6 10.3,8.2 10.8,8.7L12.7,6.9C11.5,5.7 9.9,5 8,5C4.1,5 1,8.1 1,12C1,15.9 4.1,19 8,19C12,19 14.7,16.2 14.7,12.2C14.7,11.7 14.7,11.4 14.6,11H8Z" /></svg>
                </span>
                  </a>

            
          
Copyright (c) 2016 Phoenix. All Rights Reserved.