Dalinuosi IPB skype panele

[4gamers.lt administracija]

Sveiki , taigi greitai sukūriau skype panele IPB forumui Naudokite į sveikatą.

Paveikslėlį ir skype vardą pasikeisite patys

Kontaktų blokų galite pridėti kiek norite

Nuotrauka :


 

CSS kodas :

#skype_block {
    display: inline-block;
    width: 49.2%;
    height: 150px;
    position: relative;
    vertical-align: top;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 0.3s;
}

#skype_block:hover {
 opacity: 0.8;
}

#apacia {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#kontaktas {
    font-family: Calibri;
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px;
    background: rgba(9, 9, 9, 0.4);
    text-align: center;
}

#kontaktas a {
    color: #f7f7f7;
}

Panelės kodas :

<div class="ipsSideBlock h3 __xXsekite20mu016bsu017320facebook20puslapu012f20ir20youtube20kanalu01052021">
<h3 id="anonymous_element_6"><a href="#" class="ipsSidebar_trigger ipsType_smaller right desc mod_links">×</a>Susisiekite su mumis!</h3>

<div id="skype_block" style="background-image: url(http://i.imgur.com/8JzSBQb.jpg);">
  <div id="apacia">
  <div id="kontaktas"><a href="skype:adresas?chat">Skype pagalba</a></div>
</div>
</div>

<div id="skype_block" style="background-image: url(http://www.gta-multiplayer.cz/images/avatars/gtav20.png);">
  <div id="apacia">
  <div id="kontaktas"><a href="skype:adresas?chat">Savininkas</a></div>
</div>
</div>


</div>

Redaguota Birželio 11, 2016, nario .aidas

[Marius Sent]

Toks paprastas ir gražus darbelis.Spaudžiu +r3p

[ViNAS]

Vienintelis dalykas kurį keisčiau tai paveiksliukai. O šiaip gerai atrodo.

[GuiDO]

Šaunus darbas rep +

[Straccin`]

Jo labai dėkui, bent man atrodo labai gražiai. Tik kaip sakė ViNAS reiktu pasikeisti paveiksliukus į kažką kitą. Nes dabar tai tikrai nekaip atrodo dėl paveiksliukų. O šeip visas kodas tai geras, spaudžiu žalią!

Redaguota Birželio 18, 2016, nario Straccin`

[.ign]

Gal galiu paklausti, kaip reikia įsirašyti šitą panelę?

[4gamers.lt administracija]

Tai paveiksliukus savo galite pasikeisti gi , o įsirašymas labai paprastas. Pirmas kodas į CSS dizaino failą , o antras į Ad Code Integration.

Redaguota Rugsėjo 2, 2016, nario .aidas