Moduł reklam - responsywne reklamy - Strona 2
Strona 2 z 3 PierwszyPierwszy 123 OstatniOstatni
Wyniki 11 do 20 z 25

Temat: Moduł reklam - responsywne reklamy

  1. #11

    Domyślny

    Proszę:
    https://snag.gy/OsvFQc.jpg

    https://snag.gy/EUlhBp.jpg

    Moje pytanie brzmi jak odnaleźć plik w CSS w którym należy dopisać ten fragment: .banner-top img {max-width:100%}

  2. Pani Reklamowa
    Pani Reklamowa jest aktywna
    Avatar Panny Google

    Dołączył
    19-08-2010
    Skąd
    Internet
    Postów
    milion
    Pochwał
    setki
  3. #12
    Senior zwiastun awatar
    Dołączył
    20-09-2005
    Wpisy
    27 315
    Punkty
    1142

    Domyślny

    Nie sądzę, że wystarczy zadeklarować szerokość 100% dla img.
    1. Określć należałoby min-width i max-width i to w jednowstkach bezwzględnych
    2. Jeśli posługiwac się procentami, to najpierw trzeba ustalić szerokość macierzystego kontenera (procenty działają w kontekście do szerokości obiektu zawierającego obiekt wymiarowanny w procentach).
    Korzystaj i ciesz się!
    ===============
    Zwiastun
    Biblioteka Elektronicznej Dokumentacji Joomla!

  4. #13

    Domyślny

    @zwiastun
    dziękuję za zainteresowanie tematem.

    Czy te parametry nie są w przypadku mojego szablonu określone jeżeli dostosowuje się do różnych rozmiarów ekranów? Czy to nie ma w takim przypadku znaczenia?

  5. #14
    Wyga siristru awatar
    Dołączył
    28-05-2009
    Skąd
    Szczecin
    Wpisy
    3 238
    Punkty
    302

    Domyślny

    @moje: Dla mnie nie działają: http://prntscr.com/hi6dqr

    @okmiwww: a daj linka do twojej strony... i wszystko będzie jasne.
    Na Forum pomagam bezpłatnie ad maiorem Joomla gloriam
    Mimo pomocy na forum nie dajesz rady? Potrzebujesz by ekspert "zrobił to" za Ciebie?
    Napisz do mnie na PW. Argentum et Aurum nie zawsze jest konieczne ;)

  6. #15
    Wyga siristru awatar
    Dołączył
    28-05-2009
    Skąd
    Szczecin
    Wpisy
    3 238
    Punkty
    302

    Domyślny

    Sprawa jest bajecznie prosta. Dodaj:

    Kod:
    .banneritem img {max-width: 100%;}
    Dodaj ten kod do pliku:

    ROOT/templates/headline/css/custom.css (jeśli nie masz tego pliku, to go utwórz, używasz szablonu opartego o T3 więc obsługuje ten plik).

    Potem odśwież stronę z CTRL + F5 (chodzi o wyczyszczenie pamięci podręcznej przeglądarki.
    Na Forum pomagam bezpłatnie ad maiorem Joomla gloriam
    Mimo pomocy na forum nie dajesz rady? Potrzebujesz by ekspert "zrobił to" za Ciebie?
    Napisz do mnie na PW. Argentum et Aurum nie zawsze jest konieczne ;)

  7. #16
    Senior moje awatar
    Dołączył
    08-01-2008
    Skąd
    Silesia
    Wpisy
    6 057
    Punkty
    188

    Domyślny

    @zwiastun
    Ad 1 i 2, wszystko zależy od szablonu i koncepcji jego twórcy. Najmniej inwazyjnym i najbardziej uniwersalnym działaniem będzie dodanie właśnie tej jednej linii kodu CSS.

    @sristru, nie wiem czemu masz taki komunikat.
    Webdeveloper do usług ;)

  8. #17
    Wyga siristru awatar
    Dołączył
    28-05-2009
    Skąd
    Szczecin
    Wpisy
    3 238
    Punkty
    302

    Domyślny

    Cytat Wysłane przez moje Zobacz wiadomość
    @sristru, nie wiem czemu masz taki komunikat.
    Też nie wiem - może Zwiastun wie
    Na Forum pomagam bezpłatnie ad maiorem Joomla gloriam
    Mimo pomocy na forum nie dajesz rady? Potrzebujesz by ekspert "zrobił to" za Ciebie?
    Napisz do mnie na PW. Argentum et Aurum nie zawsze jest konieczne ;)

  9. #18
    Senior zwiastun awatar
    Dołączył
    20-09-2005
    Wpisy
    27 315
    Punkty
    1142

    Domyślny

    1. nie mam, ja widzę załączniki.
    2. Jaki dodac kod, można określić dla konkretnego przypadku. Podane przez @sistru rozwiazanie pewno zadziala, choć nieoczekiwany efekt może dać na dużych ekranach.
    Oczywiście, że wszystko zależy od konkretnego szablonu. Jednakże zaproponowana reguła mówi: nadaj maksymalną szerokość = 100% szerokości nadrzędnego pojemnika. Jeśli szerokośc nadrzędnego pojemnika jest sensownie określona, wszytsko jest OK. Ale jeśli nie jest? Dlatego trzeba szukać rozwiązania dla konkretnego przypadku, a nie stosowac reguły oderwane od kontekstu.
    Korzystaj i ciesz się!
    ===============
    Zwiastun
    Biblioteka Elektronicznej Dokumentacji Joomla!

  10. #19
    Wyga siristru awatar
    Dołączył
    28-05-2009
    Skąd
    Szczecin
    Wpisy
    3 238
    Punkty
    302

    Domyślny

    @zwiastun: mylisz się. To oczym piszesz, "nadaj maksymalną szerokość = 100% szerokości nadrzędnego pojemnika" to jest width: 100% (tak wynika z twojego opisu).
    W tym przypadku element będzie miał zawsze szerokość nadrzędnego pojemnika - jeśli będzie on większy niż element, ten zostanie powiększony.
    max-width: 100% oznacza "niech twoja szerokość NIE będzie większa niż 100% nadrzędnego pojemnika".
    W tym przypadku element będzie zachowywał swoją szerokość i może nawet nie wypełniać nadrzędnego pojemnika, ale gdy pojemnik się zmniejszy, element zeskaluje się tak by nie być od niego większy, może wypełnić pojemnik do 100% ale nigdy nie będzie większy.

    W bootstrapie domyślnie img mają taką własność.

    Ref: https://www.w3schools.com/cssref/pr_dim_max-width.asp
    Na Forum pomagam bezpłatnie ad maiorem Joomla gloriam
    Mimo pomocy na forum nie dajesz rady? Potrzebujesz by ekspert "zrobił to" za Ciebie?
    Napisz do mnie na PW. Argentum et Aurum nie zawsze jest konieczne ;)

  11. #20
    Senior zwiastun awatar
    Dołączył
    20-09-2005
    Wpisy
    27 315
    Punkty
    1142

    Domyślny

    Może niejasno to napisałem, ale odnosiłem się, oczywiście, do reguły max-width=100%. Wszystko, co piszesz, to prawda, zwłąszcza w zdaniu "Niech twoja szerokość NIE będzie większa niż 100% nadrzędnego pojemnika". Pod jednym jedynym warunkiem, że szerokość nadrzędnego pojemnika jest określona (bezpośrednio lub odziedziczona). W przeciwnym przypadku owo 100% odnosi się do szerokości elementu (obrazka), bo nie ma jej do czego odnieść. Dlatego napisałem dość ostrożnie, że podane przez Ciebie rozwiązanie z pewnością zadziała, choć może przynieść nieoczekiwany efekt np. na dużych ekranach. Różnica między width a max-width jest tylko taka, że pierwsza właściwość wyznacza konkretną szerokość, druga maksymalną. Gdy użyjesz wartości procentowych albo jednostek em, musisz uwzględnić kontekst, do którego te procenty lub emy odnosisz.
    W całości to niuans, ale niuans istotny: wartość procentowa odnosi się do konkretnego kontekstu (i nie ma tu znaczenia, czy to jest width, czy max-width), dlatego projektant nie może tego kontekstu pomijać.
    Korzystaj i ciesz się!
    ===============
    Zwiastun
    Biblioteka Elektronicznej Dokumentacji Joomla!

Strona 2 z 3 PierwszyPierwszy 123 OstatniOstatni

Podobne tematy

  1. [Szukam] Darmowego modułu - slider kodU html lub reklam z komponentu reklamy (j2.5)
    przez oomla na forum Rozszerzenia - problemy z obsługą, zarządzaniem
    Odpowiedzi: 3
    Ostatni post/autor: 09-05-2014, 09:20
  2. Responsywne tworzenie stron internetowych w Joomla
    przez grzesiek2 na forum Szablony, formatowanie wyglądu
    Odpowiedzi: 4
    Ostatni post/autor: 12-11-2013, 00:11
  3. Responsywne menu w joomla 3.0
    przez grzesiek2 na forum Rozszerzenia - problemy z obsługą, zarządzaniem
    Odpowiedzi: 0
    Ostatni post/autor: 11-10-2013, 15:35
  4. Responsywne tabele
    przez alex51 na forum Programowanie pod Joomla!
    Odpowiedzi: 2
    Ostatni post/autor: 10-03-2013, 19:08
  5. Moduł "Reklamy" jak zmusić do wyświetlania reklam jedna obok drugiej
    przez zombiq na forum Szablony, formatowanie wyglądu
    Odpowiedzi: 5
    Ostatni post/autor: 23-05-2012, 22:28

Reguły pisania

  • Nie możesz zakładać nowych tematów
  • Nie możesz dodawać wypowiedzi
  • Nie możesz dodawać załączników
  • Nie możesz poprawiać swoich postów
  •