Oficjalne forum pomocy serwisu PUN.pl

Niestety, nikt nie powie Ci czym jest FluxBB - musisz go poznać sam!

Nie jesteś zalogowany na forum.

#1 2016-01-02 20:57:45

pro14ab
Moderator
Skąd: C:\users\pro14ab
Dołączył: 2013-01-20
Liczba postów: 1,198
WWW
Windows 7Chrome 47.0.2526.106

[JS] Avatar koło "zalogowany jako"

Skrypt dodaje nasz avatar koło "zalogowany jako..."
PCgSt4d.png

Ogłoszenie
<script>
///Skrypt avatra by pro14ab
jQuery(document).ready(function(){
var IDuser = jQuery('#navprofile a').attr('href').split('=')[1];
jQuery('#brdwelcome .conl').before('<div id="proavatar"></div>');
jQuery('#proavatar').load('/profile.php?section=personality&id=' + IDuser +' #profileavatar img');
});
</script>
CSS

Pun:

#proavatar{float:left;margin-top: 3px;margin-right: 4px;}
#proavatar img{height: 30px;width: 30px;max-width: 30px;max-height: 30px; border-radius:3px;}

Flux:

#proavatar{float: left;margin-top: -3px;margin-right: 4px;}
#proavatar img{height: 30px;width: 30px;max-width: 30px;max-height: 30px; border-radius:3px;}
Domyślny avatar

Jeżeli user nie posiada avatara można ustawić domyślny
Pun:

#proavatar:empty{background-image: url("LINK DO OBRAZKA");height: 30px;width: 30px; background-size: cover;margin-top: 3px;margin-right: 4px;border-radius:3px;}

FLux:

#proavatar:empty{background-image: url("LINK DO OBRAZKA");height: 30px;width: 30px; background-size: cover;margin-top: -3px;margin-right: 4px;border-radius:3px;}

Discord: pro14ab#3318
>> GitHub <<
Polecam

Offline

Użytkowników czytających ten temat: 0, gości: 1
[Bot] ClaudeBot

Stopka

Forum oparte na FluxBB

Darmowe Forum
przymierze - tekvex - testlife - specyfic - sram