Styl echotech i obcinane fotki.

[Morfina]

Otóż, posiadam phpbb3 oraz dokładnie ten styl -> http://www.phpbb3styles.info/index.php?style=63
Problem polega na tym, że forum obcina zbyt wielkie na szerokość fotki, które użytkownicy wklejają w postach.
Nadmienię, że ustawienie w PA największej możliwej szerokości wklejanego obrazka nie wchodzi w grę chociażby z tego względu, że na forum jest cała masa zdjęć wklejonych już wcześniej.
Poza tym użytkownicy by mi się burzyli.

Od pewnego czasu próbuję wszystkiego, co wpadło mi w ręce a teoretycznie umożliwia zmniejszanie widoku fotki w poście dopóki się jej nie kliknie... ale nic!... klapa... zero.
Nie działa!


Bardzo, bardzo proszę o pomoc.

[jaroslw]

Wydaje mi się, że to jest jakiś błąd w samym phpBB, bo występuje nie tylko u Ciebie. Zdjęcia są po prostu przycinane, żeby forum się nie rozjeżdżało. Problem rozwiązać mogłaby modyfikacja tworząca miniaturki zdjęć (tych obecnych też). Niestety nie wiem, czy taka istnieje.

[Morfina]

No właśnie próbowałam tego typu modyfikacji i żadna jakoś nie chciała zadziałać

A może jest możliwość wstawienia do zbyt szerokiego postu poziomego paska przewijania?
Tylko jak to zrobić?

[jaroslw]

Plik /styles/twoj_styl/theme/content.css, klasa:

Kod: Zaznacz cały

.content {
	min-height: 3em;
	overflow: hidden;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #333333;
}

Linię overflow: hidden; zamień na:

Kod: Zaznacz cały

overflow: auto;

Nie zapomnij potem odświeżyć motywu Twojego stylu (w PA).

[Morfina]

Dzięki
Paski, jako rozwiązanie tymczasowe, już są.

Jednak sprawa ze automatycznym zmniejszaniem wyświetlanych fotek nadal jest otwarta, ponieważ przekonana jestem, że to się da zrobić.

Gdyby ktoś miał jakąś myśl, proszę o podrzucenie

[Morfina]

Znalazłam rozwiązanie, podaję je tutaj dla przyszłych zainteresowanych.
Wszystko działa super, tylko przed automatycznym zmniejszeniem fotek na stronie trzeba poczekać, aż się wszystkie załadują.

W pliku: styles/styl/template/viewtopic_body.html
po tekście:

Kod: Zaznacz cały

   <!-- ELSE -->
         <strong>{L_FORUM_RULES}</strong><br />
         {FORUM_RULES}
      <!-- ENDIF -->

      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- ENDIF -->

trzeba dodać

Kod: Zaznacz cały

<script>
window.onload = resizeimg;
function resizeimg()
{
   if (document.getElementsByTagName)
   {
      for (i=0; i<document.getElementsByTagName('img').length; i++)
      {
         im = document.getElementsByTagName('img')[i];
         if (im.width > 600)
         {
            im.style.width = '600px';
            eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
            eval("im.onclick = pop" + String(i) + ";");
            if (document.all) im.style.cursor = 'hand';
            if (!document.all) im.style.cursor = 'pointer';
            im.title = 'Kliknij, by zobaczyc pelny rozmiar obrazka ';
         }
      }
   }
}

</script>

Tam, gdzie jest 600 można podać dowolną szerokość w pikselach.

I to wszystko...

--------

To samo dla styli w typie subsilver2 (powyższe było dla prosilver)

w pliku: styles/subsilver2/template/viewtopic_body.html
po:

Kod: Zaznacz cały

<!-- INCLUDE overall_header.html -->

dodać:

Kod: Zaznacz cały

<script>
window.onload = resizeimg;
function resizeimg()
{
   if (document.getElementsByTagName)
   {
      for (i=0; i<document.getElementsByTagName('img').length; i++)
      {
         im = document.getElementsByTagName('img')[i];
         if (im.width > 600)
         {
            im.style.width = '600px';
            eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
            eval("im.onclick = pop" + String(i) + ";");
            if (document.all) im.style.cursor = 'hand';
            if (!document.all) im.style.cursor = 'pointer';
            im.title = ''Kliknij, by zobaczyc pelny rozmiar obrazka  ';
         }
      }
   }
}

</script>

pozdrawiam

[sproject]

Działa. Problem jest w tym, że powyższe rozwiązanie w ten sam sposób traktuje logo podczas przeglądania jakiegoś topiku (u mnie ma ono aż 950 px, więc podchodzi pod założone wymiary). Co prawda nie jest skalowane, ale kliknięcie na nie oprócz przeniesienia do strony głównej wyświetla okno z powiększeniem.

Co z tym zrobić?

Dla informacji styl to Arrow, oparty na prosilverze.