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

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

MyForumIcons - wyśrodkowanie ikon.

Konfiguracja  Założony przez  Fonari.

02.09.2016, 11:15
#1
Witam,

mam pytanko odnośnie pluginu, ponieważ ikonki po prostu nie są wyśrodkowane. Ma ktoś pomysł jakby je wyśrodkować? Gdy w klasie "img" dodam margin-right albo padding-right rozjeżdżają się wszystkie obrazki o te 8px. W pliku forumbit_depth2_forum nie widzę wzmianki abym mógł dodać osobną klasę. Może jest w stanie ktoś mi to wykminić albo naprowadzić na właściwy tor?
02.09.2016, 14:25
#2
W klasie trow1 nadajesz nierówny padding, przez co obrazek nie jest wyśrodkowany w tabelce.
Możesz zmienić ten padding np. w szablonie forumbit_depth2_forum (usunąć go dla pierwszego trow1 na sztywno w html dla niego), albo użyć javascript, albo css typu:

.trow1 img[src*="ikony"] {
padding-right: 10px;
}
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
02.09.2016, 14:57 (Ten post był ostatnio modyfikowany: 02.09.2016, 15:04 przez Fonari.)
#3
Kod omawianego szablonu
<tr>
<td style="border-right:1px solid #272727;" 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']}" {$forum['myforumicon_override']}></span>{$forum['myforumicon']}</td>
<td style="border-right:1px solid #272727;width: 50%;" class="{$bgcolor}" valign="top">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td style="border-right:1px solid #272727;
    background: #1a1a1a url('images/skillgame/thead2.png');
    box-shadow: inset 0px 0px 56px -27px #000;
    opacity: 0.85;
" class="{$bgcolor} countForum" valign="top" align="center" style="white-space: nowrap; width: 20%;"><i class="fa fa-file-text-o"></i> {$threads}{$unapproved['unapproved_threads']} Tematów<br /><i class="fa fa-comments"></i> {$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> 

Myślałem już wcześniej nad stworzeniem klasy jednak nie bardzo wiem gdzie ją umieścić. Co to za parametr {$bgcolor} countForum?
Chyba zaczynam sobie radzić, za chwilę dam znać co udało mi się uzyskać.
02.09.2016, 15:02
#4
{$bgcolor} to zmienna, która domyślnie zwraca .trow1 lub .trow2, a countForum to zwykła nazwa klasy.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
02.09.2016, 15:08
#5
(02.09.2016, 15:02)Divir napisał(a): {$bgcolor} to zmienna, która domyślnie zwraca .trow1 lub .trow2

Własnie to rozkminiłem i wszystko bangla. Dziękuję.



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

1 gości