IPS Invision Community: Custom CSS butoane anunturi

[HKS 27D]

Utilizarea unor butoane Custom cu un CSS personalizat este relevantă pe orice fel de website, nu doar într-o comunitate de gaming.

De aceea noi utilizăm un CSS Basic pentru butoane generale de anunțuri, care nu încarcă forumul inutil.

 

Imagine Demo

 

Conținutul HTML

<h4 class="buton-fairside-anunturi-style2020"><a href="https://www.fairside.ro/forum/topic/23316-staff-c%C4%83ut%C4%83m-urgent-3-administratori/" target="_blank" class="">
    Căutăm Staff <span class="font-mic-fairside-anunturi-custom-new-2020">Lideri Forum</span>
  </a></h4>
<h4 class="buton-fairside-anunturi-style2020"><a href="https://www.fairside.ro/forum/topic/23306-licen%C8%9B%C4%83-ips-informa%C8%9Bii-forum-%C8%99i-hosting/" target="_blank" class="">
    Licență IPS Forum <span class="font-mic-fairside-anunturi-custom-new-2020">din 2016</span>
  </a></h4>
<h4 class="buton-fairside-anunturi-style2020"><a href="https://www.fairside.ro/forum/topic/23341-google-pagespeed-98100/" target="_blank" class="">
    Google PageSpeed Score <span class="font-mic-fairside-anunturi-custom-new-2020">98/100</span>
  </a></h4>

 

Conținutul Custom CSS - Incomplet

.buton-fairside-anunturi-style2020 {
      font-size: 12px;
      font-weight: 600;
      line-height: 20px;
      margin-top: 6px;
      margin-bottom: 6px;
      margin-left: unset;
      margin-right: 5px;
      padding: 2px 6px;
      color: white;
      text-transform: uppercase;
}

.font-mic-fairside-anunturi-custom-new-2020 {
      font-size: 10px;
      color: orange;
      font-weight: bold;
}

Pentru a avea acces la toate Clasele Custom CSS pentru butoanele de anunțuri afișate în imagine este nevoie să aveți Developer pe Forum sau să faceți parte din echipa administrativă.

Vom evita pentru moment publicarea codului complet pentru butoanele din imagine. De aceea am atașat un Custom CSS incomplet.

Cu toate acestea, puteți cere ajutor la secțiunea Întrebări și Development pentru a construi butoane de anunțuri cu un design similar.

Spor!