Webboard

Pełna wersja: Przełożenie avatarów
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2 3
Witam, gdzie i jak mogę edytować styl, żeby avatary były wyświetlane trochę niżej?
http://prntscr.com/cs5y2c
A tutaj, aby przełożyć je do innych kolumn?
http://prntscr.com/cs5yal

Bardzo bym prosił o wskazówki, dziękuję :)
Zbadaj element prawdę powie - https://webboard.pl/thread-45824.html

Niestety na localhost nie jestem w stanie dużo pomóc ;)
(10.10.2016, 18:20)Conors napisał(a): [ -> ]Zbadaj element prawdę powie - https://webboard.pl/thread-45824.html

Niestety na localhost nie jestem w stanie dużo pomóc ;)
forum.gridstorm.pl

Jeśli możesz, coś dokładniej bo nie mogę sobie poradzić przez "zbadaj element" :/ - Bardzo byłbym wdzięczny :)
Daj <br> przed <div class="avatarep_fd"> w forumbit_depth2_forum_lastpost
(10.10.2016, 18:44)Fyeem napisał(a): [ -> ]Daj <br> przed <div class="avatarep_fd"> w forumbit_depth2_forum_lastpost
W 'forumbit_depth2_forum_lastpost' mam tylko takie:

Kod:
<span class="smalltext">
<a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
<br />{$lastpost_date}<!--{$lang->by}-->{$lang->comma} {$forum['avatarep']}{$lastpost_profilelink}</span>
Dodanie <br> jest bez sensu, bo wszystko obniższysz.

Dodaj przed {$forum['avatarep']} jakiegoś innego div'a i nadaj mu margin: 20px 0px;
(10.10.2016, 18:54)Winchester napisał(a): [ -> ]Dodanie <br> jest bez sensu, bo wszystko obniższysz.

Dodaj przed {$forum['avatarep']} jakiegoś innego div'a i nadaj mu margin: 20px 0px;
Przepraszam za bycie "nieogarniętym w temacie", ale zrobiłem tak i nic:
Kod:
<span class="smalltext">
<a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
    <br />{$lastpost_date}<!--{$lang->by}-->{$lang->comma} <div="jakis" margin: 20px 0px;>{$forum['avatarep']}{$lastpost_profilelink}</span>
Nie tak.

Do ACP → Style i szablony → Twój styl.
Wybierz jakiś dowolny arkusz i dodaj tam poniższy kod.
Kod:
.avaterep-obnizenie { margin: 20px 0px; }

A twój kod HTML będzie wyglądać tak:
Kod:
<span class="smalltext">
<a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
    <br />{$lastpost_date}<!--{$lang->by}-->{$lang->comma} <div class="avaterep-obnizenie">{$forum['avatarep']}</div>{$lastpost_profilelink}</span>
(10.10.2016, 19:26)Winchester napisał(a): [ -> ]Nie tak.

Do ACP → Style i szablony → Twój styl.
Wybierz jakiś dowolny arkusz i dodaj tam poniższy kod.
Kod:
.avaterep-obnizenie { margin: 20px 0px; }

Oh, dzięki - teraz to trochę bardziej rozumiem :)

A co edytować żeby to przenieść do góry? http://prntscr.com/cs72sp
(10.10.2016, 19:33)DawidG napisał(a): [ -> ]
(10.10.2016, 19:26)Winchester napisał(a): [ -> ]Nie tak.

Do ACP → Style i szablony → Twój styl.
Wybierz jakiś dowolny arkusz i dodaj tam poniższy kod.
Kod:
.avaterep-obnizenie { margin: 20px 0px; }

Oh, dzięki - teraz to trochę bardziej rozumiem :)

A co edytować żeby to przenieść do góry? http://prntscr.com/cs72sp

W global.css z klasy .trow1 i .trow2 usuń padding.
(10.10.2016, 19:35)Winchester napisał(a): [ -> ]W global.css z klasy .trow1 usuń padding.

Okej, dzięki ;)
Analogicznie do tego próbowałem badać element opisu, aby ten przybliżył się bardziej do nazwy działu, jednak nie znalazłem żadnej takiej opcji. Nie ma tam paddingu, ani marginu. Nawet nie znalazłem froum_desc w global.css.
(10.10.2016, 19:43)DawidG napisał(a): [ -> ]
(10.10.2016, 19:35)Winchester napisał(a): [ -> ]W global.css z klasy .trow1 usuń padding.

Okej, dzięki ;)
Analogicznie do tego próbowałem badać element opisu, aby ten przybliżył się bardziej do nazwy działu, jednak nie znalazłem żadnej takiej opcji. Nie ma tam paddingu, ani marginu. Nawet nie znalazłem froum_desc w global.css.

W ACP → Style i szablony → Twoje style jest kilka arkuszy .css, nie tylko global.css :)
(10.10.2016, 19:46)Winchester napisał(a): [ -> ]W ACP → Style i szablony → Twoje style jest kilka arkuszy .css, nie tylko global.css :)

Oczywiście masz rację, jednak nie znalazłem niczego zmieniającego wysokość. Jedynie line-height, ale zmiana go przynosi marny skutek:
http://prntscr.com/cs7i37
http://prntscr.com/cs7ish

Chciałbym zrobić, żeby tylko zmniejszyć odstęp między nazwą a opisem.

/edit
Próbowałem jeszcze zmieniać <h4>, ale to na nic.

/edit2
Nie twierdzę, że nie ma tam czegoś odpowiadającemu tego, po prostu nie znalazłem.

/edit3
Coś znalazłem, ale czego nie da się tego edytować, jak to zmienić i gdzie to jest w acp?
http://prntscr.com/cs7vwl
Pokaż szablon forumbit_depth2_forum.
Kod:
<td class="{$bgcolor}" align="center" width="1"><div class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"><i class="fa fa-comments"></i></div></td>
<td class="{$bgcolor}">
<h4 class="forum_name"><strong><a href="{$forum_url}">{$forum['name']}</a></strong></h4><span class="forum_desc_pos"><span class="forum_desc_con"><span class="forum_description">{$forum['description']}</span></span></span>{$forum_viewers_text}{$subforums}
</td>
<td class="{$bgcolor}" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="{$bgcolor}" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<td class="{$bgcolor}" align="right" style="white-space: nowrap;">{$lastpost}</td>
</tr>
Stron: 1 2 3