Question

От недавно в систему ucoz ввели нововведения, вот этот бб код

[screens] 

Прямые ссылки на скриншоты

[/screens] 

Суть - выводит скриншоты, но один минус картинка которая отображается, она реального размера, если разрешение картинки очень вилика, соответственно это плохо для самого шаблона сайта.
Как указать размер? Чтобы при клике картинка увеличивалась до максимального размера.

Answer 1

Используете на форуме? Для форума пропишите в ксс это .ucoz-forum-post .ulightbox {width:100px;}

Comments

нет, каталог файлов

---

not himself,

Покажите пример, ссылку на сайт с материалом предоставьте.

---

Sentimo,

ссылка на сайт

скрин

---

not himself,

.eText .ulightbox img {width:100px;}

---

Sentimo,

без изменений

[screens]
http://zaxid-cs.org.ua/_ld/23/30390363.jpg

[/screens]

здесь походу этот скрин:

<!--screens_start[http://zaxid-cs.org.ua/_ld/23/30390363.jpg]--><a href="/go?http://zaxid-cs.org.ua/_ld/23/30390363.jpg" class="ulightbox" target="_blank" title="Натисніть для перегляду в повному розмірі..."><img onerror="$(this).remove();" alt="Прямые ссылки на скриншоты" style="margin:0;padding:0;border:0;" src="http://zaxid-cs.org.ua/_ld/23/30390363.jpg" align="" /></a><!--screens_end-->

---

not himself,

Кэш браузера сбросьте.

---

Sentimo,

Очистил, все хорошо помогло

ссылка на сайт - здесь не работает

скрин

---

not himself,

И не будет, там по другому надо .uSpoilerText .ulightbox img {width:100px;}

---

Sentimo,

эта же ссылка, забрал спойлер, картинка увеличилась  

если без спойлера то как?

 

.uSpoilerText .ulightbox img {width:220px;}
.eText .ulightbox img {width:220px;}

так не работает

---

not himself,

и отступление (пробел) между картинками еще нужен

---

Sentimo,

.uSpoilerText .ulightbox img {margin:5px!important; border-radius:8px; width:220px;}

вот так неплохо смотрится, но работает только под спойлером.

Не получается без спойлера настроить

 

---

not himself,

Без спойлера #msg .ulightbox img {width:100px;}