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

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

Przełożenie avatarów

Inne  Założony przez  DawidG.

10.10.2016, 18:18 (Ten post był ostatnio modyfikowany: 10.10.2016, 18:43 przez DawidG.)
#1
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ę :)
[Obrazek: http://i.imgur.com/3uvqZdO.png]
10.10.2016, 18:20
#2
Zbadaj element prawdę powie - https://webboard.pl/thread-45824.html

Niestety na localhost nie jestem w stanie dużo pomóc ;)
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
10.10.2016, 18:41
#3
(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 :)
[Obrazek: http://i.imgur.com/3uvqZdO.png]
10.10.2016, 18:44
#4
Daj <br> przed <div class="avatarep_fd"> w forumbit_depth2_forum_lastpost
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
10.10.2016, 18:49 (Ten post był ostatnio modyfikowany: 10.10.2016, 18:49 przez DawidG.)
#5
(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:

<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>
[Obrazek: http://i.imgur.com/3uvqZdO.png]
10.10.2016, 18:54 (Ten post był ostatnio modyfikowany: 10.10.2016, 18:56 przez Michał Wajrak.)
#6
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, 19:01
#7
(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:
<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>
[Obrazek: http://i.imgur.com/3uvqZdO.png]
10.10.2016, 19:26 (Ten post był ostatnio modyfikowany: 10.10.2016, 19:26 przez Michał Wajrak.)
#8
Nie tak.

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

A twój kod HTML będzie wyglądać tak:
<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:33
#9
(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.
.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
[Obrazek: http://i.imgur.com/3uvqZdO.png]
10.10.2016, 19:35 (Ten post był ostatnio modyfikowany: 10.10.2016, 19:39 przez Michał Wajrak.)
#10
(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.
.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:43
#11
(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.
[Obrazek: http://i.imgur.com/3uvqZdO.png]
10.10.2016, 19:46 (Ten post był ostatnio modyfikowany: 10.10.2016, 19:46 przez Michał Wajrak.)
#12
(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, 20:02 (Ten post był ostatnio modyfikowany: 10.10.2016, 20:25 przez DawidG.)
#13
(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
[Obrazek: http://i.imgur.com/3uvqZdO.png]
10.10.2016, 21:12
#14
Pokaż szablon forumbit_depth2_forum.
10.10.2016, 21:23
#15
<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>
[Obrazek: http://i.imgur.com/3uvqZdO.png]



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

8 gości