gdzie dokonać zmiany wyglądu strony, gdy Firebug wskazuje na inline: xxx
Wyniki 1 do 9 z 9

Temat: gdzie dokonać zmiany wyglądu strony, gdy Firebug wskazuje na inline: xxx

  1. #1
    Bywalec
    Dołączył
    15-12-2007
    Wpisy
    144
    Punkty
    10

    Domyślny gdzie dokonać zmiany wyglądu strony, gdy Firebug wskazuje na inline: xxx

    Witam

    Bardzo proszę o pomoc

    Używam Firebug do zlokalizowania linii w css w celu dokonania zmiany wyglądu strony. Po zlokalizowaniu linii, wchodzę do css-a mojego szablonu i zmieniam co trzeba. Jednak często zdarza się tak, że Firebug nie wskazuje na css-a mojego szablonu, tylko podaje numer linii w takim formacie: inline: xxx , gdzi xxx to numer linii. Gdzie w takim wypadku dokonuje się potrzebnych zmian?

    Za każde info z góry dziękuję i pozdrawiam

    Grzegorz

  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
    Senior zwiastun awatar
    Dołączył
    20-09-2005
    Wpisy
    27 315
    Punkty
    1142

    Domyślny

    W pliku php generującym ten fragment kodu HTML. Wymaga to orientacji w strukturze kodu Joomla.
    Korzystaj i ciesz się!
    ===============
    Zwiastun
    Biblioteka Elektronicznej Dokumentacji Joomla!

  4. #3
    Bywalec
    Dołączył
    15-12-2007
    Wpisy
    144
    Punkty
    10

    Domyślny

    Cytat Wysłane przez zwiastun Zobacz wiadomość
    W pliku php generującym ten fragment kodu HTML. Wymaga to orientacji w strukturze kodu Joomla.
    Bardzo dziękuje za odpowiedź. Jakiego sposobu należy użyć, aby zlokalizować ten plik?

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

    Domyślny

    Już pisałem:
    Cytat Wysłane przez zwiastun Zobacz wiadomość
    Wymaga to orientacji w strukturze kodu Joomla
    Albo masz orientację i wiesz, który element Joomla generuje ten kod, a potem znajdujesz plik, albo tego nie wiesz. Pliki generujące kod wynikowy widoków są głównie w katalogach tmpl komponentów i modułów.
    Korzystaj i ciesz się!
    ===============
    Zwiastun
    Biblioteka Elektronicznej Dokumentacji Joomla!

  6. #5
    Bywalec
    Dołączył
    15-12-2007
    Wpisy
    144
    Punkty
    10

    Domyślny

    Cytat Wysłane przez zwiastun Zobacz wiadomość
    Pliki generujące kod wynikowy widoków są głównie w katalogach tmpl komponentów i modułów.
    To może mógłbyś mi pomóc w inny sposób. Chcę usunąć z szablonu protostar jedną drobną rzecz, mianowicie pomarańczowy pasek usytuowany na samej górze strony: inline:67
    Kod HTML:
    body.site {border-top: 3px solid rgb(243, 101, 35);
    Testowa strona z szablonem protostar znajduje się pod adresem joomla.ded.pl. Czy możesz na to zerknąć i naprowadzić mnie jeszcze bardziej precyzyjnie? Może wówczas uda mi się odszukać właściwy plik php i zrobić tą drobną modyfikację.

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

    Domyślny

    Ależ jesteś dowcipniś . W szablonie Prostar masz ledwo jeden plik css, który trzeba przeszukać. A przede wszystkim to nie jest styl wpisany inline, tylko dodany w regułach klasy.
    linia 6953 w pliku template.css, styl .site
    Korzystaj i ciesz się!
    ===============
    Zwiastun
    Biblioteka Elektronicznej Dokumentacji Joomla!

  8. #7
    Bywalec
    Dołączył
    15-12-2007
    Wpisy
    144
    Punkty
    10

    Domyślny

    Cytat Wysłane przez zwiastun Zobacz wiadomość
    masz ledwo jeden plik css, który trzeba przeszukać
    Ja już plik css przeszukałem dawno temu i dlatego pytam na forum. Czytaj poniżej...

    Cytat Wysłane przez zwiastun Zobacz wiadomość
    przede wszystkim to nie jest styl wpisany inline
    Tak mi pokazuje Firebug i każdy inny Inspector, dlatego też tak napisałem.

    Cytat Wysłane przez zwiastun Zobacz wiadomość
    linia 6953 w pliku template.css, styl .site
    W moim template.css szablonu Protostar w linii 6953 jest zupełnie inny zapis, ale to z prawdopodobnie z uwagi na jego modyfikacje. Zapis który sugerujesz w moim pliku znajduje się w linii 6923 a dokładniej wyglada on tak:

    Kod HTML:
    6922 - body.site {
    6923 - border-top: 3px solid #dededd;
    6924 - padding: 20px;
    6925 - background-color: #f4f6f7;
    6926 - }
    Te style testowałem już jakiś czas temu, a ponieważ zmiana tych parametrów (testowo każdego z osobna) nie przynosi żadnych efektów, postanowiłem zapytać na forum. Dodatkowo nie zgadzają się kolory, gdyż obramowanie którego chcę się pozbyć ma w rzeczywistości kolor #F36523, a nie #dededd. Czyli jak na to nie patrzeć, kolor faktyczny zgadza się z tym, który wskazuje mi Firebug.
    Ostanio edytowane przez Grzegorz_n : 17-11-2014 22:13

  9. #8
    Przeglądacz
    Dołączył
    01-04-2014
    Wpisy
    97
    Punkty
    18

    Domyślny

    <head><meta content="width=device-width, initial-scale=1.0" name="viewport">

    <base href="http://joomla.ded.pl/">

    <meta content="text/html; charset=utf-8" http-equiv="content-type">

    <meta content="Wszelkie Prawa Zastrzeżone" name="rights">

    <meta content="Joomla! - Open Source Content Management" name="generator">

    <title>Start</title>

    <link rel="canonical" href="http://joomla.ded.pl/">

    <link type="image/vnd.microsoft.icon" rel="shortcut icon" href="/templates/protostar/favicon.ico">

    <link type="application/opensearchdescription+xml" title="Szukaj JOOMLA TESTY" rel="search" href="http://joomla.ded.pl/component/search/?format=opensearch">

    <link type="text/css" href="/templates/protostar/css/template.css" rel="stylesheet">

    <link type="text/css" href="/media/system/css/modal.css" rel="stylesheet">

    <link type="text/css" href="/modules/mod_slideshowck/themes/default/css/camera.css" rel="stylesheet">

    <link type="text/css" href="https://fonts.googleapis.com/css?family=Didact+Gothic" rel="stylesheet">

    <style type="text/css">

    <script type="text/javascript" src="/media/jui/js/jquery.min.js">

    <script type="text/javascript" src="/media/jui/js/jquery-noconflict.js">

    <script type="text/javascript" src="/media/jui/js/jquery-migrate.min.js">

    <script type="text/javascript" src="/media/system/js/caption.js">


    <script type="text/javascript" src="/media/jui/js/bootstrap.min.js">

    <script type="text/javascript" src="/templates/protostar/js/template.js">

    <script type="text/javascript" src="/media/system/js/mootools-core.js">

    <script type="text/javascript" src="/media/system/js/core.js">

    <script type="text/javascript" src="/media/system/js/mootools-more.js">

    <script type="text/javascript" src="/media/system/js/modal.js">

    <script type="text/javascript" src="/modules/mod_slideshowck/assets/jquery.easing.1.3.js">

    <script type="text/javascript" src="/modules/mod_slideshowck/assets/jquery.mobile.customized.min.js">

    <script type="text/javascript" src="/modules/mod_slideshowck/assets/camera.min.js">

    <script type="text/javascript">

    <link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans">

    <style type="text/css">


    <style type="text/css">


    body.site

    {
    border-top: 3px solid #f36523;

    background-color: #eeeeee }

    a
    {
    color: #f36523;
    }
    .navbar-inner, .nav-list > .active > a, .nav-list > .active > a:hover, .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover,
    .btn-primary
    {
    background: #f36523;
    }
    .navbar-inner
    {
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 30px 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 30px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 30px 10px rgba(0, 0, 0, .2);
    }



    </style>


    </head>
    Popatrz w zródło head'a (ostatni <style type="text/css"> jest rozwinięty)
    Jako ostatni masz tam ładowany styl w którym masz zapisane:
    body.site

    {
    border-top: 3px solid #f36523;

    background-color: #eeeeee }
    i to odpowiada za pomarańczową kreskę u góry strony.
    Zobacz pozostałe wpisy, może Ci się przypomni co kombinowałeś i gdzie to wstawiłeś.

  10. #9
    Bywalec
    Dołączył
    15-12-2007
    Wpisy
    144
    Punkty
    10

    Domyślny

    Cytat Wysłane przez Pokorny Zobacz wiadomość
    może Ci się przypomni co kombinowałeś i gdzie to wstawiłeś
    Sęk w tym, że ja nigdy niczego nie wstawiałem, co miało wyświetlać pomarańczową kreskę. Ta kreska była od samego początku, gdy tylko skorzystałem z szablonu Protostar. Wiem to na 100%, gdyż od samego początku korzystania z tego szablonu, ta kreska mnie wkurzała i nigdy nie potrafiłem się jej pozbyć.

    - - - Updated - - -

    Kurcze, sam w to nie wierzę, ale znalazłem!
    Czysty przypadek. Przejrzałem plik index.php szanlonu Protostar i tam był własnie ten zapis.
    Pokorny
    , Trochę mnie naprowadziłeś i wielkie dzięki Ci za to

Podobne tematy

  1. Jak dokonać masowej zmiany grup użytkowników?
    przez w.magdziak na forum Administracja - ogólnie
    Odpowiedzi: 2
    Ostatni post/autor: 07-11-2013, 18:52
  2. konfiguracja wyglądu strony
    przez marcoklk na forum Różne
    Odpowiedzi: 2
    Ostatni post/autor: 24-05-2012, 12:51
  3. Jak dokonać małych zmian w wyglądzie modułu logowania?
    przez XnIcRaM na forum Szablony, wygląd, formatowanie
    Odpowiedzi: 5
    Ostatni post/autor: 04-12-2010, 21:46
  4. Jak dokonać zmiany CSS tylko w jednym BOXie, a nie w szablonie BOXów?
    przez Drapeta na forum Szablony, wygląd, formatowanie
    Odpowiedzi: 6
    Ostatni post/autor: 20-10-2010, 22:26
  5. nagla zmiana wyglądu strony
    przez air23 na forum Szablony, wygląd, formatowanie
    Odpowiedzi: 0
    Ostatni post/autor: 27-02-2010, 16:42

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
  •