Zmiana szerokości artykułu
Wyniki 1 do 8 z 8

Temat: Zmiana szerokości artykułu

  1. #1
    Przeglądacz
    Dołączył
    28-11-2010
    Wpisy
    83
    Punkty
    11

    Rozwiązano Zmiana szerokości artykułu

    Cześć, jak mogę zmienić szerokość wyświetlanych artykułów. Joomla 4. Cassiopeia.

    Strona bez "side-barów" chciałbym żeby tekst w artykule wyświetlał się na mniejszej szerokości. Jeżeli side-bary są puste, to tekst rozlewa się na całą szerokość strony a to trudno się czyta. Nie mam pomysłu jak to zrobić.

  2. Pani Reklamowa
    Pani Reklamowa jest aktywna
    Avatar Panny Google

    Dołączył
    19-08-2010
    Skąd
    Internet
    Postów
    milion
    Pochwał
    setki
  3. #2
    Wyga siristru awatar
    Dołączył
    28-05-2009
    Skąd
    Szczecin
    Wpisy
    3 239
    Punkty
    302

    Domyślny

    A możesz pokazać na mockupie co byś chciał osiągnąć?
    Zobacz: https://prnt.sc/WbtW56yDUeTE
    Domyślnie artykuł jest na obszar czerwonej ramki.
    Chcesz by był na niebieski?
    Ale rozlewa się na fioletowy?
    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 ;)

  4. #3
    Przeglądacz
    Dołączył
    28-11-2010
    Wpisy
    83
    Punkty
    11

    Domyślny

    Cześć, dzięki za odzew. Chciałbym takie efekt jak jest na tej stronie: https://hbr.org/2018/05/the-surprising-power-of-questions

    Obrazek szerszy na górze (ale obrazek z artykułu, a nieumieszczany np. na pozycji banera) a tekst poniżej, ale węższy. Jak taki efekt osiągnąć. W miarę prosty sposób, aby następne zamieszczane artykuły też tak były wyświetlane.

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

    Domyślny

    Najprościej będzie nie przypisywać modułów po lewej i prawej dla widoku artykułu.
    Następnie by osiągnąć taki efekt trzeba zmodyfikować widok dla artykułu i w odpowiednie kontenery wstawić pole dla obrazka, poniżej trzy kolumny : lewa dla ikonek, środkowa dla treści a prawa pusta.
    Niestety by taki efekt osiągnąć trzeba zmodyfikować widok i nadpisać go szablonem.
    Sprawa trudna dla początkującego... chociaż jak ktoś się zaprze... czy chcesz sam spróbować?
    Musisz znać html i css... przynajmniej w stopniu podstawowym.

    Ale nei, no jest prostszy sposób - musiałbyś po prostu znaleźć taki gotowy szablon... pewnie płatny... niestety.
    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. #5
    Bywalec
    Dołączył
    15-05-2006
    Wpisy
    409
    Punkty
    23

    Domyślny

    Cytat Wysłane przez slomers Zobacz wiadomość
    Obrazek szerszy na górze (ale obrazek z artykułu, a nieumieszczany np. na pozycji banera) a tekst poniżej, ale węższy. Jak taki efekt osiągnąć. W miarę prosty sposób, aby następne zamieszczane artykuły też tak były wyświetlane.
    Tekst możesz zrobić w umieszczonej pod wyśrodkowanym obrazkiem wyśrodkowanej tabeli o szerokości mniejszej niż szerokość obrazka.

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

    Domyślny

    Cytat Wysłane przez wezykowski Zobacz wiadomość
    wyśrodkowanej tabeli
    Ajajajaj tylko nie w tabeli!!! Tak się nie robi. W tabeli tylko dane tabelaryczne.
    Powinno się użyć kontenera div.
    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 ;)

  8. #7
    Debiutant
    Dołączył
    24-10-2022
    Wpisy
    4
    Punkty
    2

    Domyślny

    Chyba najprościej będzie stworzyć Overrides dla widoku pojedynczego artykułu w katalogu ‎/templates/cassiopeia/html/com_content/article/ Potem możesz namierzyć odpowiednie div'y i potem w css w katalogu /media/templates/site/cassiopeia/css/user.css wpisać sobie co będziesz chciał.

    przykład, żeby obrazek był na środku a nie z lewej, a tekst zszedł pod obrazek

    Kod HTML:
    .left.item-image {    float: none !important;}
    figure.left.item-image {    text-align: center;}
    Zrzut ekranu zrobiony przez Lightshot (prnt.sc)

  9. #8
    Debiutant
    Dołączył
    24-10-2022
    Wpisy
    4
    Punkty
    2

    Domyślny

    Cytat Wysłane przez poselziobro1 Zobacz wiadomość
    przykład, żeby obrazek był na środku a nie z lewej, a tekst zszedł pod obrazek

    Kod HTML:
    .left.item-image { float: none !important;}
    figure.left.item-image { text-align: center;}
    Zrzut ekranu zrobiony przez Lightshot (prnt.sc)
    Dodatkowo jeśli chodzi o samą szerokość tekstu możesz wykorzystać w css "max-width"
    a dla mniejszych ekranów "@media (max-width: )"
    i wtedy tekst nie będzie rozwalony na całym ekranie

    Zrzut ekranu zrobiony przez Lightshot (prnt.sc)

Podobne tematy

  1. Jak zmienić szerokość tekstu tak aby był na całej szerokości strony ??
    przez czupryn na forum Szablony, wygląd, formatowanie
    Odpowiedzi: 1
    Ostatni post/autor: 24-04-2011, 19:06
  2. Zmiana szerokościu artykułu po kliknięciu na "więcej"
    przez plczarny na forum Szablony, wygląd, formatowanie
    Odpowiedzi: 2
    Ostatni post/autor: 21-05-2009, 14:31
  3. Zmiana szerokości tabeli...
    przez tasior911 na forum Szablony graficzne
    Odpowiedzi: 0
    Ostatni post/autor: 27-09-2008, 22:26
  4. Zmiana szerokości I Do Blog
    przez neon88 na forum Komunikacja: fora, czaty, poczta, biuletyny
    Odpowiedzi: 2
    Ostatni post/autor: 04-09-2008, 20:46
  5. fjt_cortrivenus_black i zmiana szerokości obszaru menu
    przez Myszoor na forum Szablony graficzne
    Odpowiedzi: 0
    Ostatni post/autor: 01-08-2006, 20:32

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
  •