Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
CSS - graficzna oprawa modułów Joomla! - problem - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: CSS - graficzna oprawa modułów Joomla! - problem (/thread-css-graficzna-oprawa-modulow-joomla-problem)



CSS - graficzna oprawa modułów Joomla! - problem - apek121212 - 07-05-2009




RE: CSS - graficzna oprawa modułów Joomla! - problem - dziamber - 07-05-2009

proste tniesz na dwie części


RE: CSS - graficzna oprawa modułów Joomla! - problem - apek121212 - 08-05-2009

Chyba jednak nie jest to takie proste... oprawa modułu musi mieć zmienną wysokość w zależności od modułu. Rozumiem, ze koledze chodzi o przecięcie tego na dwie części (tytuł i treść)? A co ze zmienna wysokością grafiki, która ma być jednocześnie tłem dla treści danego modułu.


RE: CSS - graficzna oprawa modułów Joomla! - problem - Labsta.com - 08-05-2009

Trochę się zagalopowałes z tym zwojem.

Ogólnie musisz go pociąć na: górę, środek (powtarzalny w pionie) i dół.

Sprawa jest trudna gdyż:
-środek ma nieregularne brzegi
-zwój ma teksturę

Szansa, że przy zmiennej wysokości to będzie się zgrywać bez zgrzytu bliska 0. Można coś pokombinować z przezroczystymi png, ale to rodzi kolejne problemy i też nie będzie proste, ani idealne.


RE: CSS - graficzna oprawa modułów Joomla! - problem - apek121212 - 08-05-2009

ten rysunek to tylko przyklad Smile

Czyli ogolnie tworze z tego 4 divy tak?

jeden na tytul
drugi na gorna grafike
trzeci na tlo
czwarty na dolna grafike


RE: CSS - graficzna oprawa modułów Joomla! - problem - Labsta.com - 08-05-2009

Można np. tak

Kod:
<div>tytul</div>
<div class="ramka"> //tło
   <div class="top"></div>
   treść ramki
   <div class="bottom"></div>
</div>

To jest jedno z rozwiązań, ale da radę.