[PHP][HTML][CSS]Użycie external css tylko w części kodu. |
[PHP][HTML][CSS]Użycie external css tylko w części kodu. |
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):
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:
Dziękuję. Ten post edytował jano_s 29.12.2011, 19:07:00 |
|
|
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. |
|
|
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 ), 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 |
|
|
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ć. |
|
|
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 |
|
|
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%) |
|
|
|
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 |
|
|
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
Nic dziwnego, że nie działa. Wrzuć to gdzieś indziej. Najlepiej tam, gdzie nie ma atrybutu media, albo jest ustawiony screen jako media. |
|
|
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
Jednak dalej nie potrafię pojąć co mu nie pasuje w tej czcionce, że ją tak nietypowo powiększał? |
|
|
Wersja Lo-Fi | Aktualny czas: 27.04.2024 - 07:30 |