Cześć
Jak ustawić sztywno szerokość oraz wysokość gametrackera tak aby dopasowywał się do forum?
Aktualnie jest tak że u każdego kto ma inną rozdzielczość wygląda to inaczej, jest ucięte lub zbyt wąskie.
Próbowałem różnych sposobów wraz z
width: auto jednak gametracker zawsze ma stałą szerokość
Kod:
<div class="side" style="float: right; width: 23%">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead">
<div class="float_left"><strong>Tytuł</strong></div>
</td>
</tr>
<tr>
<td class="trow1">
<iframe src="http://cache.gametracker.com/components/html0/?host=178.217.189.205:9987&bgColor=333333&fontColor=CCCCCC&titleBgColor=222222&titleColor=FF9900&borderColor=555555&linkColor=FFCC00&borderLinkColor=222222&showMap=0¤tPlayersHeight=160&showCurrPlayers=1&showTopPlayers=0&showBlogs=0&width=333" frameborder="0" scrolling="no" width="333" height="348"></iframe>
</td>
</tr>
</table>
<br />
[
attachment=11383]
Zmień wielkość ramki (iframe) z parametrze width, a następnie do swoich arkuszy .css dodaj klasy z ramki nadając im też width tam gdzie trzeba, przykład na screenie.
O to chodziło ?
Jeśli tak to dalej nie dopasowywuje się
index.php
Kod:
<div class="ramka_class">
<iframe src="http://cache.gametracker.com/components/html0/?host=178.217.189.205:9987&bgColor=333333&fontColor=CCCCCC&titleBgColor=222222&titleColor=FF9900&borderColor=555555&linkColor=FFCC00&borderLinkColor=222222&showMap=0¤tPlayersHeight=160&showCurrPlayers=1&showTopPlayers=0&showBlogs=0&width=270" frameborder="0" scrolling="no" width="270" height="348"></iframe>
</div>
.ramka_class {
width: 270px;
}
Nie, nie o to. Przyjrzałeś się choć odrobinę temu screenowi?
Nie masz tworzyć sobie dodatkowych elementów, a zmienić wartość w obecnym (iframe) i następnie dopisać własne style dla klas, które pojawiają się wewnątrz ramki. Idealny przykład masz na screenie, pobaw się tak długo aż osiągniesz taki sam efekt, a dalej już zrozumiesz.
Okej, chyba zrozumiałem teraz o co chodzi
Ustawiłem w iframe width na
auto i
100% ponieważ cała boczna ramka ma z góry narzucone
width: 23%
Kod PHP:
<iframe src="http://cache.gametracker.com/components/html0/?host=178.217.189.205:9987&bgColor=333333&fontColor=CCCCCC&titleBgColor=222222&titleColor=FF9900&borderColor=555555&linkColor=FFCC00&borderLinkColor=222222&showMap=0¤tPlayersHeight=160&showCurrPlayers=1&showTopPlayers=0&showBlogs=0&width=auto" frameborder="0" scrolling="no" width="100%" height="348"></iframe>
Teraz po 'odchaczeniu' w konsoli parametru
width: 198px w div.global ramka dostosowuje się do szerokości automatycznie ( pół sukcesu ) ale gdy dodam do arkusza global.css:
div.global {
width: auto;
height: 346px;
background-color: #333333;
color: #CCCCCC;
border-color: #555555;
}
Z jakim kolwiek parametrem width to już nie działa. Jest znacznie więcej tych globali a zmienić ich nazw nie mogę ponieważ są one w cache gametrackera?
Totalnie nie wiem jak się za to zabrać... Nie miałem nigdy do czynienia z js/jQuery. Może ktoś nakierować?
Cytat:Jak ustawić sztywno szerokość oraz wysokość gametrackera tak aby dopasowywał się do forum?
Aktualnie jest tak że u każdego kto ma inną rozdzielczość wygląda to inaczej, jest ucięte lub zbyt wąskie
Wstawić w <div style="width: 70%; height: 70%;">.
(09.02.2017, 13:08)Sepowaty napisał(a): [ -> ]Cytat:Jak ustawić sztywno szerokość oraz wysokość gametrackera tak aby dopasowywał się do forum?
Aktualnie jest tak że u każdego kto ma inną rozdzielczość wygląda to inaczej, jest ucięte lub zbyt wąskie
Wstawić w <div style="width: 70%; height: 70%;">.
Takie coś nie zadziała. Nie przeskaluje to elementów wewnątrz iframe, gdzie szerokość jest nadana na sztywno. Utnie to ramkę.
Z kolei js'owo to nie zadziała gdy ramka jest z innej domeny, więc pozostaje opcja przy generowaniu gametrackera ustawić odpowiednie wymiary jeśli jest taka możliwość.
Panowie..
Wiem że na gametrackerze idzie ustalić szerokość oraz wysokość ( te wartości są przeciez w linku iframe )
Jednak całe forum jest wyskalowane w % więc jeśli dodaje ramke iframe która ma sztywno określone parametry width: Xpx Height: Xpx
Przy przybliżaniu i oddalaniu forum tak jak i na różnych wielkościach oraz rozdzielczościach monitorów wygląda to inaczej. Użyjcie
ctrl+scroll żeby zrozumieć oco mi chodzi.
Dla przykładu pokaże że da się to zrobić np tutaj:
http://www.altis-life.pl/
Co prawda to nie jest mybb tylko ipb jednak myśle że to nie ma tu znaczenia.
![[Obrazek: ad2974baf56341f3aea7da6f9254cb04.png]](http://image.prntscr.com/image/ad2974baf56341f3aea7da6f9254cb04.png)