Webboard

Pełna wersja: Avatar jest wyświetlany daleko od tekstu
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
wersja skryptu MyBB:
adres forum:forum.csgoleague.eu
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):

O to problem:

[Obrazek: AXWhWo5.png]

Forum - Mybb 1.8
Plugin - 1.6 (zmieniłem na 18*)
Moim zdaniem tak jest ładnie:

[Obrazek: Nzv56Ze.png]

Pokaż szablon forumbit_depth2_forum oraz szablon od pluginu, nie wiem jaki to jest dokładnie (zobacz w szablonach globalnych).

Dodatkowo możesz podać forumbit_depth2_forum_lastpost.
Generalnie dążę do tego:

[Obrazek: y4EInFQ.png]


forumbit_depth2_forum
Kod:
<tr>
<td class="{$bgcolor}" align="center" valign="top" width="6%"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span></td>
<td class="{$bgcolor}" valign="top" style="width: 50%;">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor} countForum" valign="top" align="center" style="white-space: nowrap; width: 20%;">{$threads}{$unapproved['unapproved_threads']} Tematów<br />{$posts}{$unapproved['unapproved_posts']} Postów</td>
<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap; width: 24%; padding-right: 20px;">{$lastpost}</td>
</tr>

forumbit_depth2_forum_lastpost.
Kod:
<span class="smalltext">{$forum['lastposteravatar']}
<a class="tipTip"  href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
<br />{$lastpost_date}<br />{$lang->by} {$lastpost_profilelink}</span>


Nie mogę znaleźć szablonu od pluginu :(
Pokaż screen z Style i szablony → Szablony → Szablony globalne.

Jak chcesz z lewej strony:

forumbit_depth2_forum
Kod:
<tr>
<td class="{$bgcolor}" align="center" valign="top" width="5%"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span></td>
<td class="{$bgcolor}" valign="top" style="width: 50%;">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor} countForum" width="25%" valign="top" align="center" style="white-space: nowrap;">{$threads}{$unapproved['unapproved_threads']} Tematów<br />{$posts}{$unapproved['unapproved_posts']} Postów</td>
<td class="{$bgcolor}" width="20%" valign="top" align="right" style="white-space: nowrap; padding-right: 20px;">{$lastpost}</td>
</tr>

Jak chcesz z prawej strony (dla mnie lepiej wygląda) daj szablon od pluginu. Pamiętam jeszcze, że był taki plugin który ucinał nazwę tematu i dawał trzy kropeczki, właśnie przydatne to było przy tym pluginie bo on powoduje że dłuższy temat wychodzi poza ramki.

Jak z lewej strony chcesz to dobrze byłoby zrobić dodatkową kolumnę i tam umieścić avatary, wtedy wszystkie były by równo.


Nie mogę znaleźć tego szablonu..
Wolałbym aby było z prawej, jednak twoj kod nie działa :/
Pokaż screen z Style i szablony → Szablony → Szablony globalne.
Przepraszam nie przeczytałem tego >.<

[Obrazek: eYV1jCE.png]
Nie wiem czy podałeś mi wszystkie szablony, ale skoro nie ma to można zrobić to inaczej :)

Przejdź do stylów i edytuj global.css. Znajdź klasę .favimg (linia 1737) i zamień ją na:

Kod:
.favimg {
border-radius: 4px;
float: right !important;
margin-left: 10px !important;
margin-top: 10px !important;
margin-right: -10px !important;
}

Ewentualnie jak chcesz zobacz jeszcze taki plugin pod 1.8.x (link)
Daj po prostu dla dwóch elementów display: inline-block; oraz dla komórki zawierającej te dwa elementy text-align-left;
Źle napisałem, chcę po lewej.

Poprawiłem kod, aby wyglądało to tak jak chcę:
Kod:
.favimg {
border-radius: 100px;
float: left !important;
margin-left: 120px !important;
margin-top: 7px !important;
margin-right: -10px !important;
}

W jaki sposób mogę powiększyć ten avatar (te kółeczko)?
W jaki sposób mogę wyśrodkować tekst do lewej strony?
Szablon lastpost
Kod PHP:
<span class="smalltext">
<
div class="l-avatar">{$forum['lastposteravatar']}</div>
<
div class="l-txt">
<
class="tipTip"  href="{$lastpost_link}title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
<
br />{$lastpost_date}<br />{$lang->by} {$lastpost_profilelink}
</
div></span
css
Kod:
.l-avatar, .l-txt {
display: inline-block;
}

.l-txt {
margin-left: 10px;
}
Usuń klasę favimg z css
forumbit_depth2_forum
Kod PHP:
<tr>
<
td class="{$bgcolor}align="center" valign="top" width="5%"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}id="mark_read_{$forum['fid']}"></span></td>
<
td class="{$bgcolor}valign="top" style="width: 50%;">
<
strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</
td>
<
td class="{$bgcolor} countForum" width="25%" valign="top" align="center" style="white-space: nowrap;">{$threads}{$unapproved['unapproved_threads']} Tematów<br />{$posts}{$unapproved['unapproved_posts']} Postów</td>
<
td class="{$bgcolor}width="20%" valign="top" align="left" style="white-space: nowrap; padding-right: 20px;">{$lastpost}</td>
</
tr
I jak chcesz pełne kółeczko to daj:

Kod PHP:
border-radius50%; 


Nie pomogło, usunełem favimg to wróciliśmy do początku..
Teraz jest tak jak było
I co Ci dało przywrócenie poprzedniego kodu? Nie pomogło za pierwszym razem to usuwam.
Powodzenia w rozwiązywaniu problemów takim sposobem.
Matslom napisał(a):css
Kod:
.l-avatar, .l-txt {
display: inline-block;
}
.l-txt {
margin-left: 10px;
}
Usuń klasę favimg z css <-------------------
forumbit_depth2_forum

Nie rozumiem?
Zrobiłem to co napisałeś w poście wyżej
Stron: 1 2