Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [PHP][HTML][CSS]Użycie external css tylko w części kodu.
jantar90
post 29.12.2011, 19:01:35
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 2.02.2011

Ostrzeżenie: (0%)
-----


Witam,
krótko i na temat:
W pliku example.pl/phpbb3/index.php chcę wykorzystać dwa różne style (example.pl/index.php-style1.css i example.pl/phpbb3/index.php-style2.css). Header example.pl/phpbb3/index.php będzie opierał się o styl 1, natomiast reszta strony example.pl/phpbb3/index.php na stylu 2. Problem w tym, że style się "gryzą" i jakby nakładają się na siebie (wynika to z tego, że część nazw klas się powtarza w obydwu stylach). Przez co np. czcionka jest bardzo duża.
Wstawiłem header example.pl/index.php do example.pl/phpbb3/index.php razem z linkiem do stylu (poniżej fragment):
  1. <link rel="stylesheet" href="http://www.stron.pl/templates/style1.css" type="text/css" />
  2. <div id="art-main">
  3. <div class="cleared reset-box"></div>
  4. <div class="art-box art-sheet">
  5. ....

Ale wtedy cała strona korzysta ze stylu2 i ze stylu1, przez co wszystko się sypie. Chciałbym aby tylko ten fragment korzystał ze stylu 1 a reszta strony ze stylu 2. Ewentualnie konkretne divy ukierunkować z klasami na dany plik css (szukałem, ale nie znalazłem), coś w rodzaju:
  1. <div class="cleared reset-box" rel="stylesheet" href="http://www.stron.pl/templates/style1.css" type="text/css" />

Dziękuję.

Ten post edytował jano_s 29.12.2011, 19:07:00
Go to the top of the page
+Quote Post
Shili
post 29.12.2011, 19:15:16
Post #2





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

Ostrzeżenie: (0%)
-----


Tak prosto się nie da.

Niestety odpowiedź może być nie w smak, ale najlepsze rozwiązania to:

1) Napisać style, które poprawiają wygląd z poprzednich stylów
2) Nadać unikalne identyfikatory dla headera, unikalne dla reszty
3) Poczytać o css ogólnie (np. jeśli header ma id="header") to można się do elementów wewnątrz niego odwoływać poprzez #header .moja_klasa i nie wpłynie na resztę strony

Ogólnie phpBB3 powinno dać się w miarę dobrze ostylować z tego co kojarzę. Podejrzewałabym więc, że albo ktoś namieszał nieźle w skórce, albo style są niepoprawne.
Jeśli możesz - zarzuć linkiem.
Go to the top of the page
+Quote Post
jantar90
post 29.12.2011, 19:26:04
Post #3





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 2.02.2011

Ostrzeżenie: (0%)
-----


A gdyby kod headera dać do osobnego pliku (np: header.html w nim byłby zawarty jeden styl) i pobrać go do exapmle.pl/phpbb3/index.php tak jak jest opisane tu: http://www.soundpage.info/kurs_php/kurs/24...re_naglowek.php ? Gryzłyby się te style wtedy, czy osobno załadowałby header.html i potem go do exapmle.pl/phpbb3/index.php ?

PS: skórka i style są poprawne (prosilver Special Edition), wszystko niby działa poprawnie, jedynie czcionkę mi powiększa o kilka punktów (co wprowadza haos smile.gif ), dlatego wydaje mi się, że style się mieszają. Po wyrzuceniu css do headera phpbb3 normalnie się wyświetla (oczywiście header wtedy nie), tak więc najlepszym rozwiązaniem byloby oddzielenie od siebie stylów tych elementów.

Ten post edytował jano_s 29.12.2011, 19:33:44
Go to the top of the page
+Quote Post
Shili
post 29.12.2011, 19:35:00
Post #4





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

Ostrzeżenie: (0%)
-----


Dalej będą się gryzły.
Ważne jest to, co widzisz jak wyświetlisz źródło w przeglądarce. Tam będą oba arkusze stylów.

http://jsfiddle.net/ - wklej kod html (wynikowy, źródło strony), a w css wklej style. Oba arkusze.
Coś się spróbuje zobaczyć.
Go to the top of the page
+Quote Post
jantar90
post 29.12.2011, 19:49:02
Post #5





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 2.02.2011

Ostrzeżenie: (0%)
-----


Wrzuciłem na serwer po wykonaniu zmian. Wszystko działa, ale jak widać jedyny problem jest z czcionką. Czcionka templatki forum (oczywiście bez headera) powinna wyglądać tak: http://www.phpbb.com/community/ a u mnie jest potwornie duża.

Ten post edytował jano_s 29.12.2011, 20:17:06
Go to the top of the page
+Quote Post
Shili
post 29.12.2011, 19:55:14
Post #6





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

Ostrzeżenie: (0%)
-----


Spróbuj:

  1. #wrap {
  2. font-size: 0.8em;
  3. }
Go to the top of the page
+Quote Post
jantar90
post 29.12.2011, 20:04:11
Post #7





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 2.02.2011

Ostrzeżenie: (0%)
-----


Wstawiłem to do forum\styles\prosilver_se\theme\print.css cache wyczyszczone. Nie działa.
Zastanawia mnie, dlaczego akurat tylko czcionka się posypała? I to na dodatek tylko rozmiar czcionki, kolory linków etc są poprawne.

Ten post edytował jano_s 29.12.2011, 20:05:16
Go to the top of the page
+Quote Post
Shili
post 29.12.2011, 20:06:14
Post #8





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

Ostrzeżenie: (0%)
-----


Bo print.css odpowiada tylko za dokumenty drukowane smile.gif
Nic dziwnego, że nie działa.

Wrzuć to gdzieś indziej.
Najlepiej tam, gdzie nie ma atrybutu media, albo jest ustawiony screen jako media.
Go to the top of the page
+Quote Post
jantar90
post 29.12.2011, 20:13:53
Post #9





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 2.02.2011

Ostrzeżenie: (0%)
-----


Argh, nigdy nie zmieniałem print.css tak teraz nie wiem po co do niego to wrzuciłem. Jak widać działa rewelacyjnie. Dziękuję bardzo za pomoc smile.gif
Jednak dalej nie potrafię pojąć co mu nie pasuje w tej czcionce, że ją tak nietypowo powiększał?
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 27.04.2024 - 13:51