Poprawienie wyglądu avatara wedle swoich upodobań.

**stasiu1512** · (Ten post był ostatnio modyfikowany: 02.10.2014, 14:44 przez Snake_.)

wersja skryptu MyBB:1.6
adres forum:tivolt.pl
na czym polega problem (screen, opis, komunikaty):http://www.iv.pl/images/66278372311661464358.png
[Obrazek: 66278372311661464358.png]

Kolejną sprawą jest są avatary chcąc upiększyć wyswietlanie avatarów wklepałem taki kod do global.css lecz w panelu bocznym jak i w profilu nic się nie zmieniło.
tutaj daje kod dodany do global.css

.favimg {
background: #FFFFFF;
border: 1px solid #D5D5D5;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.102);
padding: 1px;
border-radius: 5px;
} 

Snake_ napisał 02.10.2014, 14:47:
Poprawiam tytuł wątku, proszę nie nazywać ich w ten sposób "avatar" - co to nam mówi? Jedynie tyle, że coś związanego z avatarem. Nic więcej. W nazwie tej ma być krótki opis problemu. Także proszę o tym pamiętać, tak na przyszłość. Tyle już jesteś w naszym gronie i wciąż nie wiesz gdzie pisać tematy? Zapoznaj się z opisami działów. Problemy z wyglądem / szablonami etc. pisz w dziale Style, szablony i grafika. Przenoszę tym razem, koniecznie zapoznaj się z tymi akcjami, o ile tego jeszcze nie robiłeś:

**Supryk** · 02.10.2014, 09:51

a użycie klasy?
otwórz forum

**stasiu1512** · 02.10.2014, 10:44

jak klasy otwórz forum ?? nie rozumiem..

**Supryk** · 02.10.2014, 11:11

dodajesz klase do global css a gdzie jej wywolanie?

Forum jest aktualnie zamknięte. Poniżej znajduje się powód podany przez administratora.

    Trwają prace na forum !

**stasiu1512** · 02.10.2014, 11:20

dobra otwarte, możesz zobaczyć no dodałem to bo znalazłem na jakimś forum ale w ostatnich postach działa tylko w profilu i panelu bocznym nie.

**Supryk** · 02.10.2014, 11:23

wywolaj klase
w szablonach od topstats w znaczniku img dodaj class="favimg"

**stasiu1512** · 02.10.2014, 11:49

ok ,zrobione tylko nie wiem gdzie szukać żeby zmienić w shoutbox-ie ,w profilu użytkownika i w postach ,może wiesz w jakich plikach mam szukać ?

**Supryk** · 02.10.2014, 11:53

nie plikach tylko szablonach
po co zamykasz forum skoro chcesz pomocy?
posty postbit_avatar (Opis posta)

https://www.youtube.com/watch?v=iuPOQcyAut4

szukanie nie boli, w komentarzach zobaczysz nazwy szablonow

**stasiu1512** · (Ten post był ostatnio modyfikowany: 02.10.2014, 13:41 przez stasiu1512.)

nie wiem co ten filmik miał na celu ? , zmieniłem w opisie posta ale w profilu nie mogę znalesc.

**Snake_** · (Ten post był ostatnio modyfikowany: 02.10.2014, 14:53 przez Snake_.)

Forum nadal zamknięte... W takich sytuacjach powinno być otwarte, mimo wszystko.

(02.10.2014, 13:41)stasiu1512 napisał(a): /.../ zmieniłem w opisie posta ale w profilu nie mogę znalesc.

Do wyświetlania avataru w profilu jest zmienna $avatar, którą edytujesz w plik member.php, który znajduje się w głównym katalogu forum. Należy tam dopisać class=\"favimg\".

Czyli masz takie coś:

$avatar = "<img src=\"{$memprofile['avatar']}\" alt=\"\" $avatar_width_height />"; 

i zamieniasz powyższy kod na ten:

$avatar = "<img src=\"{$memprofile['avatar']}\" alt=\"\" $avatar_width_height class=\"favimg\" />"; 

W MyBB 1.8 jest dodany szablon avataru w profilu.

**stasiu1512** · 02.10.2014, 20:01

Działa

tylko nie wiem jeszcze jak zmienić w shoutboxie jest to ten http://www.webmasteruj.pl/dvz-shoutbox-a...t47466.htm

**Snake_** · 02.10.2014, 20:05

Otwórz forum, albo szukaj w CSS shoutboxa z avatarem.

**stasiu1512** · (Ten post był ostatnio modyfikowany: 03.10.2014, 14:46 przez stasiu1512.)

Witam ponownie , korzystając z przeglądarki zbadałem element tego avatara i wyszło mi [Obrazek: 50744110250313185486.png]

że scieżka znajduję się w szablonach globalnych dvz_shoutbox lecz ja tam nigdzie nie widziałem tego chyba że jest dodane przez zmienna ale wątpie zobaczcie sami
dvz_shoutbox

<head>
<style>
.tablehead { 
   background: #007bff url(../../../images/deflection/thead.png) repeat-x 100% 50%; 
   color: #ffffff; 
   line-height:36px; 
   height:36px; 
   font-size: 16px; 
   font-weight: 300; 
   box-shadow: inset 0px 1px 0 #528cbc; 
   border-top: 1px solid #316897; 
   border-left: 1px solid #316897; 
   border-right: 1px solid #316897; 
   border-radius: 4px 4px 0 0; 
   -moz-border-radius: 4px 4px 0 0; 
   -webkit-border-top-left-radius: 4px; 
   -webkit-border-top-right-radius: 4px; 
   overflow: hidden; 
}

.thead img { padding-top 10x;}

.thead .right { float: right; margin: 0; padding-top: 1px; font-size:  13px; }
.thead a { color: #FFF !important; text-decoration: none; }

#shoutbox_data { font: 13px Arial, sans-serif; }
#shoutbox { margin-bottom: 5px; }
#shoutbox .panel { padding: 2px; }
#shoutbox .panel-blocked { margin: 1px 0; padding: 5px; background: #FCEFEF; font-size: 11px; color: #543A3A; }
#shoutbox .panel-away { margin: 1px 0; padding: 5px;  background: #EDEDED; font-size: 11px; color: #7A7A7A; }
#shoutbox .panel-away button { margin-right: 5px; padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #962725; border: none; border-radius: 3px; }
#shoutbox .panel-minposts { margin: 1px 0; padding: 5px; background: #FFFED8; font-size: 11px; color: #727250; }
img#dvz_sb_loading { position: relative; top: 3px; left: 5px; }
input#shout_text { margin-right: 2px; padding: 5px 6px 6px 6px; width: 90%; background: #FFF; border: 1px solid #898989; border-radius: 2px; font-family: Tahoma, sans-serif; font-size: 12px; color: #000; }
input#shout_button { padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #499338; border: solid 1px #499338; border-radius: 3px; }
.sbentry { padding: 0; }
#shoutbox .userdata { margin: 0; padding: 6px; float: left;  text-align: right; }
#shoutbox .text { margin: 0; padding: 6px; color: #333333; }
#shoutbox .insUser { cursor: pointer; color: #AAAAAA; }
#shoutbox .info { float: right; margin-top: 5px; margin-right: 5px; font-size: 11px; color: #888888; }
#shoutbox .info .date { margin-right: 5px; }
#shoutbox .info .ip { margin-right: 5px; color: #CECECE; }
#shoutbox .mod { padding: 2px 5px; background: #333333; border-radius: 3px; font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none; }
#shoutbox .dvz_sb_del { background-color: #6B0100; }
#shoutbox  img.avatar {  float: left; display: inline-block; margin-top: -1px; margin-right: 5px; max-height: 16px; max-width: 16px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0; }
#shoutbox .trow1 {
    background: #ffffff;
    border-bottom: 1px solid #f3f3f3;
    color: #5a5a5a;
}

#shoutbox .trow2 {
    background: #ffffff;
    border-bottom: 1px solid #f3f3f3;
    color: #5a5a5a;
}

.ogloszenie_sb {
    background: #ebfcdf;
    padding: 10px;
    border: 1px solid #a4cfa4;
    color: #0e440e;
    line-height: 1.6;
    font-size: 12px;
}

.sb_1 {
    margin: auto auto;
    border: 9px solid #ebf0f3;
    background: #dbe4ef;
    padding: 1px;
}

.sb_2 {
    margin: auto auto;
    background: #FFF;
    padding: 4px;
}

.sb_3{
    border-left: 1px solid #d5dde5;
    border-right: 1px solid #d5dde5;
    border-bottom: 6px solid #dbe2ec;
}

#shoutbox .trow1 { 
    background-color: #f1f6f9;
    border-top: 1px solid #d5dde5;
 }
#shoutbox .trow2 {
     background-color: #f1f6f9;
    border-top: 1px solid #d5dde5; 
}
</style>
</head>
<div class="thead"> &nbsp;&nbsp;Shoutbox<a href="{$mybb->settings[bburl]}/index.php?action=shoutbox_archive"><img src="images/cmsstyle/popup.png" alt="Otwórz w nowym oknie"/></a> &nbsp;&nbsp;</div>
<div id="shoutbox" class="sb_1">
<div class="sb_2">
<div class="ogloszenie_sb">O czym teraz myślisz ?</div>
<div class="panel-away" style="display:none"><button id="button" onclick="dvz_shoutbox.setBack()">{$lang->dvz_sb_away_button}</button>{$lang->dvz_sb_away}</div>
{$dvz_shoutbox_panel}
<div class="sb_3" id="shoutbox_data" style="height:{$mybb->settings[dvz_sb_height]}px; overflow:auto;"></div>
</div>
</div>

<script type="text/javascript" src="jscripts/dvz_shoutbox.js"></script>
<script>
now = new Date;
dvz_shoutbox.userLastAction = now.getTime();
dvz_shoutbox.interval = {$mybb->settings[dvz_sb_interval]};
dvz_shoutbox.maxShouts = {$mybb->settings[dvz_sb_num]};
dvz_shoutbox.awayTimeout = {$mybb->settings[dvz_sb_away]}*1000;
dvz_shoutbox.lang = ['{$lang->dvz_sb_delete_confirm}', '{$lang->dvz_sb_antiflood}'];




{$dvz_shoutbox_js}
dvz_shoutbox.checkForMessages();
</script> 

liczę na pomoc

**Snake_** · 03.10.2014, 18:06

W tym fragmencie:

#shoutbox  img.avatar {  float: left; display: inline-block; margin-top: -1px; margin-right: 5px; max-height: 16px; max-width: 16px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0; } 

dodaj CSS, jakie użyłeś w favimg.

Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Poprawienie wyglądu avatara wedle swoich upodobań.

stasiu1512

Supryk

stasiu1512

Supryk

stasiu1512

Supryk

stasiu1512

Supryk

stasiu1512

Snake_

stasiu1512

Snake_

stasiu1512

Snake_

Użytkownicy przeglądający ten wątek:

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie