Jump to content
Sign in to follow this  
Leonidas

Nachodzący nick na avatar w ostatnich postach na stronie głównej MyBB

Recommended Posts

Witam, mam następujący problem:
Nieprawidłowo wyświetla się Nick przy avatarze na widoku głównym forum.



Ktoś wie co jest przyczyną ? 


źródło: cs-brejk.xaa.pl

Share this post


Link to post

Z jakiego pluginu korzystasz? Z tego? https://community.mybb.com/mods.php?action=view&pid=74

Pokaż dodatkowo szablon: forumbit_depth2_forum_lastpost

Dodatkowo nick należy budować inaczej. Dla przykładu administratora na Twoim forum powinien wyglądać w ten sposób:

<span class="user admin">{$username}</span>

i w CSSie reszta informacji:

.user {
  font-style: italic;
  font-weight: bold;
}
.user.admin {
  color: green;
}

 

  • Like 1

Share this post


Link to post

@Salva Czy może po prostu trzeba dać więcej width dla klasy forum-info? ;) 

Share this post


Link to post

Forumbit ... wygląda nastepująco:

<div class="forum-lastpost-container">
  <div class="forum-avatar">

  </div>
  <div class="forum-info">
    <h1 class="forum-name2"><a href="{$lastpost_link}" title="{$full_lastpost_subject}">{$lastpost_subject}</a></h1>
    <h2 class="forum-author">przez {$forum['avatarep']}{$lastpost_profilelink}</h2>
    <div class="forum-date"><span>{$lastpost_date}</span></div>
  </div>
</div>


A plugin wgrany to:

Shows Avatar on Threadlist and Forumlist (2.8.6)

Share this post


Link to post

@Dominik. zwiększenie kolumny coś da, ale nie rozwiąże problemu, bo w szablonie są poprzestawiane kontenery - tak jakby ktoś go edytował już nieumiejętnie.

@Leonidas podmień go na to:

<div class="forum-lastpost-container">
  <div class="forum-avatar">
    {$forum['avatarep']}
  </div>
  <div class="forum-info">
    <h1 class="forum-name2">
      <a href="{$lastpost_link}" title="{$full_lastpost_subject}">{$lastpost_subject}</a>
    </h1>
    <h2 class="forum-author">przez {$lastpost_profilelink}</h2>
    <div class="forum-date">
      <span>{$lastpost_date}</span>
    </div>
  </div>
</div>

I daj znać czy działa.

  • Like 1

Share this post


Link to post

Trochę pomieszałem i się poprawiło, ale dalej jest zbyt blisko tekstu

Share this post


Link to post

Jeżeli dałeś do kontenera avatara float: left, to dla kontenera z tekstem, też trzeba dać float: left... No i tam wystarczy dać jeszcze margin (-left lub -right w zależności kto której "kolumny" będziesz go dodawać).

Share this post


Link to post

No i dla rodzica overflow: hidden aby wszystko ładnie się domykało.

Chociaż nie wiem czy samymi marginesami/odstępami nie można było załatwić sprawy, wszak szablon i tak nie posiada RWD więc odpowiednie odstępy rozwiązałyby problem.

Share this post


Link to post

@up Odwołując się do odstępu, w Css masz na myśli który fragment ?

Spoiler

.modal_avatar{
	display: none;
	width: auto;
	height: auto;
	background: #f0f0f0;
	border: none;
	border-radius: 10px;
	position: absolute;
	z-index: 99999;
}
.tavatar {
	padding: 0px 10px;
	text-align: center;
}
.tavatar img {
    height: 80px;
    width: 80px;
    padding: 8px;
}
.avatarep_online {
	border: 1px solid #008000;
	box-shadow: 1px 1px 4px 2px rgba(14, 252, 14, 0.8);
	border-radius: 5px;
	opacity: 0.8;
}
.avatarep_offline{
    border: 1px solid #FFA500;
	box-shadow: 1px 1px 4px 2px rgba(252, 165, 14, 0.8);
	border-radius: 5px;
	opacity: 0.8;
}
.hr {
	background-color:#089;
}
.trow_profile{
	vertical-align: top;
	padding-left: 9px;
	width:340px;
	color:#424242;
}
.trow_profile a{
	color: #051517;
}
.trow_profile a:hover{
	color: #e09c09;
}
.trow_uprofile{
	min-height:175px;
	line-height:1.2;
}
.trow_uname{
	font-size:15px;
}
.trow_memprofile{
	font-size:11px;
	font-weight:bold;
}
.trow_status{
	font-size: 11px;
}
.avatarep_img{
    padding: 3px;
	border: 1px solid #D8DFEA;
    width: 40px;
	height: 40px;
	border-radius: 50%;
	opacity: 0.9;
}

 

 

Share this post


Link to post

No dla .forum-avatar ustawić odpowiedni padding/margin i dodatkowo display: inline-block i również powinno załatwić problem, aczkolwiek metoda z użyciem floatów nie jest zła.

  • Like 2

Share this post


Link to post

forumbit_depth2_forum_lastpost

<div style="float:left;">{$forum['avatarep']}</div>
<div>
  <span class="smalltext">
    <a href="{$lastpost_link}" title="{$full_lastpost_subject}">{$lastpost_subject}</a> 
    <br />
    {$lastpost_date}
    <br />
    {$lang->by} {$forum['lastposter']}
  </span>
</div>

padding w którym miejscu ?

Share this post


Link to post
1 godzinę temu, Leonidas napisał:

forumbit_depth2_forum_lastpost


<div style="float:left;">{$forum['avatarep']}</div>
<div>
  <span class="smalltext">
    <a href="{$lastpost_link}" title="{$full_lastpost_subject}">{$lastpost_subject}</a> 
    <br />
    {$lastpost_date}
    <br />
    {$lang->by} {$forum['lastposter']}
  </span>
</div>

padding w którym miejscu ?

Przecież Ci wyraźnie napisal ze w css dla klasy forum-avatar masz odpowiedni padding ustawic

Share this post


Link to post

@up, wszystko fajnie pięknie tylko że klasa  .forum-avatar  nie istnieje w moim css, dlatego pytam o ten szablon forumbit

Share this post


Link to post

Była w szablonie, edytowałem Ci go, po co tam jeszcze grzebiesz? Skoro wszystko można załatwić przy użyciu CSSa i odwołaniu do tego klasy?

Share this post


Link to post

Podmieniłem na twój kod:

<div class="forum-lastpost-container"> <div class="forum-avatar">
    {$forum[avatarep]}
  </div> <div class="forum-info"> <h1 class="forum-name2"> <a href="{$lastpost_link}" title="{$full_lastpost_subject}">{$lastpost_subject}</a> </h1> <h2 class="forum-author">przez {$lastpost_profilelink}</h2> <div class="forum-date"> <span>{$lastpost_date}</span> </div> </div> </div>

ale nic z tego wywala dalej błąd, kod z oryginalnej tabelki sie wczytuje super wszystko działa, tylko jest niewystarczający odstęp

Edit,
przy użyciu tego kodu działa

<div style="float:left;">{$forum[avatarep]}</div> <div> <span class="smalltext"> <a href="{$lastpost_link}" title="{$full_lastpost_subject}">{$lastpost_subject}</a> 
    <br />
    {$lastpost_date}
    <br />
    {$lang->by} {$forum[lastposter]}
  </span> </div>

ale brak odstępu

Share this post


Link to post
7 minut temu, Leonidas napisał:

nic z tego wywala dalej błąd

Co to jest za błąd? Nigdzie wcześniej o nim nie pisałeś.

 

To powyższe to na pewno kod oryginalny? Zmień go na to:

<div style="float:left;margin-right:10px">
  {$forum['avatarep']}
</div>
<div style="float:left">
  <span class="smalltext">
    <a href="{$lastpost_link}" title="{$full_lastpost_subject}">{$lastpost_subject}</a> 
    <br />
    {$lastpost_date}
    <br />
    {$lang->by} {$forum['lastposter']}
  </span>
</div>

 

Share this post


Link to post

Ta aplikacja: https://community.mybb.com/mods.php?action=view&pid=74
 

To jest z instrukcji, 
 

Spoiler

Template changes: forumbit_depth2_forum_lastpost: Change all content to this: 
```
HTML 
<div style="float:left;">{$forum[avatarep]}</div> <div> <span class="smalltext"> <a href="{$lastpost_link}" title="{$full_lastpost_subject}">{$lastpost_subject}</a> <br /> {$lastpost_date} <br /> {$lang->by} {$forum[lastposter]} </span> </div> 
```

 



Wcześniej był błąd z nachodzeniem się tekstu na avatar, naprawiony ale razem z naprawą pojawiła się za mała odległość avatara względem tytułu ostatniego posta 


Edited by Leonidas

Share this post


Link to post

No i ok, podmieniłeś ten szablon?

Share this post


Link to post

Tak użyłem tego oryginalnego z pluginu, lecz ten avatar jest zbyt blisko całego tekstu

Share this post


Link to post

Ja pytałem czy podmieniłeś ten szablon na ten:

 

  • Like 1

Share this post


Link to post

Po podmianie na Twój kod na stronie głównej jest okej, ale po wejściu w dział wygląda tak jakbym nic nie zmienił:

 



Edit, a forumdisplay_thread wygląda tak:

 

Spoiler

<tr class="inline_row">
    <td align="center" class="{$bgcolor}{$thread_type_class}" width="2%"><span class="thread_status {$folder}" title="{$folder_label}">&nbsp;</span></td>
    <td align="center" class="{$bgcolor}{$thread_type_class}" width="2%">{$icon}</td>
    <td class="{$bgcolor}{$thread_type_class}">
        {$attachment_count}
        <div>
<div style="float:left;">{$avatarep_avatar[avatarep]}</div>
<div>
          <span>{$prefix} {$gotounread}{$thread[threadprefix]}<span class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}"><a href="{$thread[threadlink]}">{$thread[subject]}</a></span></span>
            <div class="author smalltext">Napisany przez: {$thread[owner]} {$thread[multipage]}</div>
        </div>
</div>
    </td>
    <td align="center" class="{$bgcolor}{$thread_type_class}"><a href="javascript:MyBB.whoPosted({$thread[tid]});">{$thread[replies]}</a>{$unapproved_posts}</td>
    <td align="center" class="{$bgcolor}{$thread_type_class}">{$thread[views]}</td>
    {$rating}
    <td class="{$bgcolor}{$thread_type_class}" style="white-space: nowrap; text-align: right;">
<div style="float:left;">
{$avatarep_lastpost[avatarep]}</div>
<div>
        <span class="lastpost smalltext">{$lastpostdate}<br />
        <a href="{$thread[lastpostlink]}">{$lang->lastpost}</a>:<br />{$thread[lastposter]}</span>
</div>
    </td>
{$modbit}
</tr>

 

Edited by Leonidas

Share this post


Link to post

No i ok, ten kawałek kodu:

<div style="float:left;">{$avatarep_avatar['avatarep']}</div>
<div>
  <span>{$prefix} {$gotounread}{$thread['threadprefix']}<span class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}"><a href="{$thread['threadlink']}">{$thread['subject']}</a></span></span>
  <div class="author smalltext">Napisany przez: {$thread['owner']} {$thread['multipage']}</div>
</div>

Podmień na to:

<div style="float:left;margin-right:10px">{$avatarep_avatar['avatarep']}</div>
<div style="float:left">
  <span>
    {$prefix} {$gotounread}{$thread['threadprefix']}
    <span class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}">
      <a href="{$thread['threadlink']}">{$thread['subject']}</a>
    </span>
  </span>
  <div class="author smalltext">Napisany przez: {$thread['owner']} {$thread['multipage']}</div>
</div>

 

  • Like 2

Share this post


Link to post

Okej, podziałało ! ☺️

Wszystko rozwiązane. Dziękuje za pomoc.

Share this post


Link to post
Guest
This topic is now closed to further replies.
Sign in to follow this  
×
×
  • Create New...