Skocz do zawartości
Pecetowicz Forum komputerowe

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


Leonidas

Rekomendowane odpowiedzi

  • Ekspert

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;
}
  • Lubię to! 1
Odnośnik do odpowiedzi
Udostępnij na innych stronach

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)
Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Ekspert

@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.

  • Lubię to! 1
Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Ekspert

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ć).

Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Ekspert

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.

Odnośnik do odpowiedzi
Udostępnij na innych stronach

@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;
}

 

Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Ekspert

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.

  • Lubię to! 2
Odnośnik do odpowiedzi
Udostępnij na innych stronach

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 ?

Odnośnik do odpowiedzi
Udostępnij na innych stronach
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

Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Ekspert

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?

Odnośnik do odpowiedzi
Udostępnij na innych stronach

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

Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Ekspert
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>
Odnośnik do odpowiedzi
Udostępnij na innych stronach

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 


Edytowane przez Leonidas
Odnośnik do odpowiedzi
Udostępnij na innych stronach

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>

Edytowane przez Leonidas
Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Ekspert

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>
  • Lubię to! 2
Odnośnik do odpowiedzi
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
×
×
  • Dodaj nową pozycję...