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

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

Jak dostosować szerokość gametrackera do forum?

Inne  Założony przez  kimz.

08.02.2017, 20:26
#1
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ść 

<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&currentPlayersHeight=160&showCurrPlayers=1&showTopPlayers=0&showBlogs=0&width=333" frameborder="0" scrolling="no" width="333" height="348"></iframe>
</td>
</tr>
</table>

 <br />  
08.02.2017, 20:44
#2
   

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.
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
08.02.2017, 21:04
#3
O to chodziło ?
Jeśli tak to dalej nie dopasowywuje się 

index.php
<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&currentPlayersHeight=160&showCurrPlayers=1&showTopPlayers=0&showBlogs=0&width=270" frameborder="0" scrolling="no" width="270" height="348"></iframe>
</div>

global.css
.ramka_class {
width: 270px;
}
08.02.2017, 21:23
#4
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.
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
08.02.2017, 22:14
#5
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%


<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&currentPlayersHeight=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?
08.02.2017, 23:09
#6
Przy kreatorze gametrackera nie ma możliwości edycji szerokości/wysokości?

!important powinno rozwiązać sprawę: http://webkod.pl/kurs-css/lekcje/dzial-1...ortant-css

.global {
width: 100% !important;
}
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
08.02.2017, 23:48 (Ten post był ostatnio modyfikowany: 09.02.2017, 00:27 przez ficus.)
#7
Zastosowałem Twoją porade jednak dalej nie działa 
http://scr.hu/1oys/ofjlc
ficus napisał 09.02.2017, 00:27:
Wszelkie zrzuty z ekranu należy dodawać w postaci załącznika.
09.02.2017, 00:10
#8
Problem jest w tym, że nie zmienisz ostylowania wewnątrz iframe tak łatwo. Możesz przez js (lub ułatwić sobie jQuery skoro MyBB go używa) edytować to co jest wewnątrz tego ładowanego kontentu.

http://stackoverflow.com/questions/64947...-in-iframe
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.
09.02.2017, 02:16
#9
Totalnie nie wiem jak się za to zabrać... Nie miałem nigdy do czynienia z js/jQuery. Może ktoś nakierować?
09.02.2017, 13:08
#10
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:13
#11
(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ę.
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.
09.02.2017, 13:16
#12
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ść.
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
09.02.2017, 13:29
#13
Skorzystaj z tych opcji:

[Obrazek: ad2974baf56341f3aea7da6f9254cb04.png]
Wsparcie poza forum - odpłatne.
09.02.2017, 13:34
#14
Uh, no tak. Zablokowane w współczesnych przeglądarkach ze względu na bezpieczeństwo.
Wygląda na to, że można to tak rozwiązać: http://stackoverflow.com/a/6170949
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.
09.02.2017, 15:02
#15
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.



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

1 gości