Jump to content
Sign in to follow this  
Black Killer

Responsywne Table TR TD w szablonie. Skrypt MyBulletinBoard

Recommended Posts

Witam. Tworzę kolejny styl, ale chcę by był on responsywny. No i większość mi się udała, lecz nie mam pojęcia co zrobić, by trow'y również takie były... Próbowałem z takim kodem, no lecz nie wydaje mi się, że to jest poprawne bo niestety nie działa.

<tr class="table-responsive">
<td class="{$bgcolor}" align="center" width="1"><img src="{$theme['imgdir']}/adept/{$lightbulb['folder']}.png" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></span></td>
<td class="{$bgcolor}">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor}" align="center" style="white-space: nowrap"></td>
<td class="{$bgcolor} aposts hidden-sm hidden-xs hidden-md" align="center" style="width: 120px;"><ul class="posty"> <li>{$posts}{$unapproved['unapproved_posts']} postów </li><li>{$threads}{$unapproved['unapproved_threads']} Tematów </li></ul></td>
<td class="{$bgcolor}" align="center" style="width: 240px;">{$lastpost}</td>
</tr>

Share this post


Link to post

Co nam po kodzie HTML? Tak tu potrzebny jest CSS i @media queries.

Share this post


Link to post

Po pierwsze powiedz jak Ty widzisz te responsywne trowy, bo wykonać to jedno, ale bez porządnej wizji to nic nie wyjdzie.

Share this post


Link to post

Podałbym adres strony, ale robię to na localhost, więc trochę lipa. 

CSS bootstrap: http://wklej.to/8qK1H

CSS: Trow1 i Trow2


.trow1 {
    padding: 10px;
    background: #f5f5f5;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

.trow2 {
    padding:10px;
    background: #f5f5f5;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;

}

@rogue chciałbym, żeby trow'y wraz z belką przy mniejszych rozdzielczościach zmieniały szerokość na mniejszą. Jedyne co mi się w tym udało, to poddziały ustawiaja sie w 1 kolumnie i i ilość postów jak i tematów zostaje usunięta. 

 

Share this post


Link to post

A po co nam bootstrapa podajesz? Przecież w nim nic się nie zmienia ☺️

No okej, zmniejszały swoją szerokość a teraz powiedz mi jak Ty to widzisz przy 480px szerokości. 

Wyobrażasz sobie jak to będzie ściśnięte i przy tym nieczytelne? Ja bym na Twoim miejscu usunął te elementy, które są zbędne przy takiej rozdziałce.

Share this post


Link to post

Nic nie będzie ściśnięte  Usunę zbędne rzeczy, ale najpierw chce by właśnie się zmniejszało. Chcę by to wyglądało na przykładzie pecetowicza.

Share this post


Link to post

No to po prostu nadaj różne klasy dla każdego trowa i w CSS ukrywaj/usuwaj je wedle woli. Pamiętaj by zostawić jedynie te odpowiedzialne za narzędzia moderatora/administratora.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Create a New Account. It’s free and easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
×
×
  • Create New...