madhammmster
06-03-2014, 19:09
Witam,
pewnie dla większości użytkowników problem będzie błahostką, ale ja jeszcze w joomli nie mogę się odnaleźć :)
problem dotyczy szablonu lifestyle, którego demo można zobaczyć w linku poniżej
http://templates.joomla-monster.com/joomla30/jm-lifestyle/
Moim problemem jest to, że nie mogę uzyskać trzech zdjęć obok siebie w taki sposób jak w sekcji top, w demo nazwanej "our activities". Zdjęcia przy próbie zmiany rozdzielczości monitora, zamiast zmniejszać się jak na przykładzie a potem schodzić jedne pod drugie, u mnie od razu zaczynają schodzić pod siebie, przez co na niektórych wielkościach monitorów widać dwa obrazki koło siebie, a trzeci pod spodem ( co wygląda okropnie :/).
Z tego co wywnioskowałem to moim problemem jest, że jeżeli tworzę każdy obrazek jako oddzielny nowy własny moduł HTML, to każdy z tych obrazków znajduje się w nowym nadrzędnym divie z klasą row. Nie potrafię uzyskać tego aby te 3 obrazki znalazły się w jednym nadrzędnym divie z klasą row, tak jak to wygląda w demo.
Poniżej znajduje się problematyczna sekcja skopiowana z demo. Widać na niej jak ładnie wszystkie "customy" znajdują się w divie o klasie row.
<div class="row"><div class="top-in span4"><div class="top-bg"> <div class="jm-module "> <div class="jm-module-in">
<div class="jm-module-content clearfix">
<div class="custom">
<div class="dj-image-hover">
<div class="view view-third border_img1"><a href="#"><img src="/joomla30/jm-lifestyle/images/modules/module3.jpg"></a>
<div class="mask">
<h2><a href="#">skateboarding</a></h2>
<p>Lorem ipsum dolor sit amet.</p>
<a class="btn" href="#">more</a></div>
</div>
</div>
<h3 style="margin: 10px 0px 0px; text-align: center;">skateboarding</h3></div>
</div>
</div>
</div>
</div></div><div class="top-in span4"><div class="top-bg"> <div class="jm-module ">
<div class="jm-module-in">
<div class="jm-module-content clearfix">
<div class="custom">
<div class="dj-image-hover">
<div class="view view-second border_img1"><a href="#"><img src="/joomla30/jm-lifestyle/images/modules/module2.jpg"></a>
<div class="mask">
<h2><a href="#">climbing</a></h2>
<p>Lorem ipsum dolor sit amet.</p>
<a class="btn" href="#">more</a></div>
</div>
</div>
<h3 style="margin: 10px 0px 0px; text-align: center;">climbing</h3></div>
</div>
</div>
</div>
</div></div><div class="top-in span4"><div class="top-bg"> <div class="jm-module ">
<div class="jm-module-in">
<div class="jm-module-content clearfix">
<div class="custom">
<div class="dj-image-hover">
<div class="view view-first border_img1"><a href="#"><img src="/joomla30/jm-lifestyle/images/modules/module1.jpg" style="display: block; margin-left: auto; margin-right: auto;"></a>
<div class="mask">
<h2><a href="#">football</a></h2>
<p>Lorem ispum dolor sit amet.</p>
<a class="btn" href="#">more</a></div>
</div>
</div>
<h3 style="margin: 10px 0px 0px; text-align: center;">football</h3></div>
</div>
</div>
</div>
</div></div></div>
Tutaj natomiast jest moja sekcja, widać jak każdy z customów (u mnie nazwane customtopik), znajduję się w innym nadrzędnym divie "row-fluid".
<div class="container-fluid">
</div></div></div><div class="row-fluid"><div class="top-in span0"><div class="top-bg"> <div class="jm-module topik">
<div class="jm-module-in">
<div class="jm-module-content clearfix">
<div class="customtopik">
<div class="dj-image-hover">
<div class="view view-third"><a href="#"><img src="/images/trojka/zdjecie_1.jpg" alt=""></a>
<div class="mask">
<h2><a href="#">Title goes here</a></h2>
<p>Custom description goes here.</p>
<a class="btn" href="#">Read More</a></div>
</div>
</div></div>
</div>
</div>
</div>
</div></div></div><div class="row-fluid"><div class="top-in span0"><div class="top-bg"> <div class="jm-module topik">
<div class="jm-module-in">
<div class="jm-module-content clearfix">
<div class="customtopik">
<div class="dj-image-hover">
<div class="view view-third"><a href="#"><img src="/images/trojka/zdjecie_1.jpg" alt=""></a>
<div class="mask">
<h2><a href="#">Title goes here</a></h2>
<p>Custom description goes here.</p>
<a class="btn" href="#">Read More</a></div>
</div>
</div></div>
</div>
</div>
</div>
</div></div></div><div class="row-fluid"><div class="top-in span0"><div class="top-bg"> <div class="jm-module topik">
<div class="jm-module-in">
<div class="jm-module-content clearfix">
<div class="customtopik">
<div class="dj-image-hover">
<div class="view view-third"><a href="#"><img src="/images/trojka/zdjecie_1.jpg" alt=""></a>
<div class="mask">
<h2><a href="#">Title goes here</a></h2>
<p>Custom description goes here.</p>
<a class="btn" href="#">Read More</a></div>
</div>
</div></div>
</div>
</div>
</div>
</div></div></div></div> </div>
Mam nadzieję, że nie jest to dla was wielki kłopot, a swój problem opisałem dostatecznie szczegółowo. Niestety opcja FAQ i szukaj oraz google nie pomogły mi :/ możliwe, że po prostu nie wiem jakiego działu szukać
Pozdrawiam i z góry dziękuję za wszelkie odpowiedzi
Madhammmster
pewnie dla większości użytkowników problem będzie błahostką, ale ja jeszcze w joomli nie mogę się odnaleźć :)
problem dotyczy szablonu lifestyle, którego demo można zobaczyć w linku poniżej
http://templates.joomla-monster.com/joomla30/jm-lifestyle/
Moim problemem jest to, że nie mogę uzyskać trzech zdjęć obok siebie w taki sposób jak w sekcji top, w demo nazwanej "our activities". Zdjęcia przy próbie zmiany rozdzielczości monitora, zamiast zmniejszać się jak na przykładzie a potem schodzić jedne pod drugie, u mnie od razu zaczynają schodzić pod siebie, przez co na niektórych wielkościach monitorów widać dwa obrazki koło siebie, a trzeci pod spodem ( co wygląda okropnie :/).
Z tego co wywnioskowałem to moim problemem jest, że jeżeli tworzę każdy obrazek jako oddzielny nowy własny moduł HTML, to każdy z tych obrazków znajduje się w nowym nadrzędnym divie z klasą row. Nie potrafię uzyskać tego aby te 3 obrazki znalazły się w jednym nadrzędnym divie z klasą row, tak jak to wygląda w demo.
Poniżej znajduje się problematyczna sekcja skopiowana z demo. Widać na niej jak ładnie wszystkie "customy" znajdują się w divie o klasie row.
<div class="row"><div class="top-in span4"><div class="top-bg"> <div class="jm-module "> <div class="jm-module-in">
<div class="jm-module-content clearfix">
<div class="custom">
<div class="dj-image-hover">
<div class="view view-third border_img1"><a href="#"><img src="/joomla30/jm-lifestyle/images/modules/module3.jpg"></a>
<div class="mask">
<h2><a href="#">skateboarding</a></h2>
<p>Lorem ipsum dolor sit amet.</p>
<a class="btn" href="#">more</a></div>
</div>
</div>
<h3 style="margin: 10px 0px 0px; text-align: center;">skateboarding</h3></div>
</div>
</div>
</div>
</div></div><div class="top-in span4"><div class="top-bg"> <div class="jm-module ">
<div class="jm-module-in">
<div class="jm-module-content clearfix">
<div class="custom">
<div class="dj-image-hover">
<div class="view view-second border_img1"><a href="#"><img src="/joomla30/jm-lifestyle/images/modules/module2.jpg"></a>
<div class="mask">
<h2><a href="#">climbing</a></h2>
<p>Lorem ipsum dolor sit amet.</p>
<a class="btn" href="#">more</a></div>
</div>
</div>
<h3 style="margin: 10px 0px 0px; text-align: center;">climbing</h3></div>
</div>
</div>
</div>
</div></div><div class="top-in span4"><div class="top-bg"> <div class="jm-module ">
<div class="jm-module-in">
<div class="jm-module-content clearfix">
<div class="custom">
<div class="dj-image-hover">
<div class="view view-first border_img1"><a href="#"><img src="/joomla30/jm-lifestyle/images/modules/module1.jpg" style="display: block; margin-left: auto; margin-right: auto;"></a>
<div class="mask">
<h2><a href="#">football</a></h2>
<p>Lorem ispum dolor sit amet.</p>
<a class="btn" href="#">more</a></div>
</div>
</div>
<h3 style="margin: 10px 0px 0px; text-align: center;">football</h3></div>
</div>
</div>
</div>
</div></div></div>
Tutaj natomiast jest moja sekcja, widać jak każdy z customów (u mnie nazwane customtopik), znajduję się w innym nadrzędnym divie "row-fluid".
<div class="container-fluid">
</div></div></div><div class="row-fluid"><div class="top-in span0"><div class="top-bg"> <div class="jm-module topik">
<div class="jm-module-in">
<div class="jm-module-content clearfix">
<div class="customtopik">
<div class="dj-image-hover">
<div class="view view-third"><a href="#"><img src="/images/trojka/zdjecie_1.jpg" alt=""></a>
<div class="mask">
<h2><a href="#">Title goes here</a></h2>
<p>Custom description goes here.</p>
<a class="btn" href="#">Read More</a></div>
</div>
</div></div>
</div>
</div>
</div>
</div></div></div><div class="row-fluid"><div class="top-in span0"><div class="top-bg"> <div class="jm-module topik">
<div class="jm-module-in">
<div class="jm-module-content clearfix">
<div class="customtopik">
<div class="dj-image-hover">
<div class="view view-third"><a href="#"><img src="/images/trojka/zdjecie_1.jpg" alt=""></a>
<div class="mask">
<h2><a href="#">Title goes here</a></h2>
<p>Custom description goes here.</p>
<a class="btn" href="#">Read More</a></div>
</div>
</div></div>
</div>
</div>
</div>
</div></div></div><div class="row-fluid"><div class="top-in span0"><div class="top-bg"> <div class="jm-module topik">
<div class="jm-module-in">
<div class="jm-module-content clearfix">
<div class="customtopik">
<div class="dj-image-hover">
<div class="view view-third"><a href="#"><img src="/images/trojka/zdjecie_1.jpg" alt=""></a>
<div class="mask">
<h2><a href="#">Title goes here</a></h2>
<p>Custom description goes here.</p>
<a class="btn" href="#">Read More</a></div>
</div>
</div></div>
</div>
</div>
</div>
</div></div></div></div> </div>
Mam nadzieję, że nie jest to dla was wielki kłopot, a swój problem opisałem dostatecznie szczegółowo. Niestety opcja FAQ i szukaj oraz google nie pomogły mi :/ możliwe, że po prostu nie wiem jakiego działu szukać
Pozdrawiam i z góry dziękuję za wszelkie odpowiedzi
Madhammmster