GoldenLine
Zaloguj się
Radek Ł.

Radek Ł. Marketing
internetowy,
e-commerce

Temat: Różne pliki css dla wybranych elementów strony

No właśnie, jak dla poszczególnych elementów strony (np. dla boksa pojawiającego się na kilku podstronach) zdefiniować inne pliki css ???

Ten sam boks pojawia się na większości podstron, ale dla jednej z nich jego wygląd musi być inny niż dla pozostałych. Chciałbym aby po załadowaniu się w przeglądarce konkretnej podstrony, np: domena.pl/podstrona wczytywany był inny plik css niż dla reszty podstron.

W jakim miejscu powinienem zdefiniować tą zależność?
Link do wypowiedziLink

konto usunięte

Temat: Różne pliki css dla wybranych elementów strony

witam,

dość prosty i powszechnie stosowany sposób: http://css-tricks.com/id-your-body-for-greater-css-con...
Link do wypowiedziLink

konto usunięte

Temat: Różne pliki css dla wybranych elementów strony

a to nie można body id jakiegoś ustawić zależnie od strony? :)
Link do wypowiedziLink

konto usunięte

Temat: Różne pliki css dla wybranych elementów strony

rafał krupiński:
a to nie można body id jakiegoś ustawić zależnie od strony? :)
no właśnie taki sposób podałem pod linkiem ;]
Link do wypowiedziLink
Radek Ł.

Radek Ł. Marketing
internetowy,
e-commerce

Temat: Różne pliki css dla wybranych elementów strony

gdyby, to było takie proste, to bym tak zrobił, jak ustawiam body id, to mi sie wszystko rozsypuje, pewnie coś robię nie tak :]

Ogólnie chodzi o to, że zmieniać tylko jeden element, reszta powinna zostać bez zmian, może da się dopisać coś kodzie php :if url= domena.pl/podstrona1 then "cos tam" else "cos tam cos tam"

da się? można tak?
Link do wypowiedziLink

konto usunięte

Temat: Różne pliki css dla wybranych elementów strony

z tego co wiem, to w css nie.
Ale spróbuj tak:
W arkuszu ze stylami dajesz dwie różne klasy dla tego elementu (np. class1 i class2).
w PHP dynamicznie generujesz nazwę klasy dla tego elementu (w zależności od domeny), czyli class1 lub class2...

...i gotowePaweł Nitka edytował(a) ten post dnia 30.06.09 o godzinie 14:55
Link do wypowiedziLink
Stanisław Kolarzowski

Stanisław Kolarzowski -

Temat: Różne pliki css dla wybranych elementów strony

Mozesz zmieniac id samego elementu i ustawic nowe style w pliku css. Wtedy sprawdzasz jaka jest strona i ustawiasz odpowiednie id elementu. Chociaz wydaje mi się, ze lepiej bedzie nie zmieniac id elementu i po prostu jesli wejdziemy na ta specjalna strone to powinien zostac zaladowany inny plik css lub np. dodatkowy plik css, ktory bedzie w sobie zawierac tylko zmiany.

Bardziej konkretnie.
Element o id reklama.
W swoim pliku css normalnym masz poustawiane dla niego różne atrybuty(kolor, czcionka itd.). Teraz jeśli wejdziemy na ta specjalna strone(na ktorej np. jest inny kolor tla) to trzeba dodac po prostu dodatkowy plik css(lub po prostu styl w sekcji head), w ktorym bedziesz mial tylko informacje o nowym kolorze tla. Dzieki temu reszta zostanie przepisana z glownego pliku, a kolor tla zostanie nadpisany. Mam nadzieje, ze to o to chodzilo.

Ten sposob jest lepszy od pierwszego bo odzielasz calkiem widok od zawartosci.
Link do wypowiedziLink
Radek Ł.

Radek Ł. Marketing
internetowy,
e-commerce

Temat: Różne pliki css dla wybranych elementów strony

Paweł Nitka:
z tego co wiem, to w css nie.
Ale spróbuj tak:
W arkuszu ze stylami dajesz dwie różne klasy dla tego elementu (np. class1 i class2).
w PHP dynamicznie generujesz nazwę klasy dla tego elementu (w zależności od domeny), czyli class1 lub class2...

...i gotowePaweł Nitka edytował(a) ten post dnia 30.06.09 o godzinie 14:55

brzmi ciekawie, a jak zdefiniować dwie klasy w css?
Link do wypowiedziLink
Michał K.

Michał K. Starszy Grafik,
home.pl

Temat: Różne pliki css dla wybranych elementów strony

id dla body załatwia sprawę na 100%

dajesz wtedy <body id="wyroznionastrona">

a w ogólnym CSSsie nadpisujesz regułę dla danego boxa (pamiętaj, że musi być to pod poprzednią definicja styli dla box'a (choć teoretycznie zapis dojścia do box'a w CSS będzie bardziej szczegółowy więc i tak powinien przejąć ważność)

było: #box {jakies: style;}

powinno być #box {jakies: style;}
#wyroznionastrona #box {jakies: inne_style;}
i nic ze sobą nie powinno się gryźć
Link do wypowiedziLink

konto usunięte

Temat: Różne pliki css dla wybranych elementów strony

Radek Ł.:
brzmi ciekawie, a jak zdefiniować dwie klasy w css?


zwyczajnie ;)


.class1{

 background-color:blue;

 width:50px;

 height:50px;

}



.class2{

 background-color:yellow;

 width:50px;

 height:50px;

}


i teraz załóżmy, że przypisujesz to do diva w php


if(sprawdz domene)

 echo "<div class='class1'>xxx</div>";

else

 echo "<div class='class2'>xxx</div>";


to tak w wielkim uproszczeniu, ale jak napisał Michał, id dla body
na 100% też rozwiąże twój problem.Paweł Nitka edytował(a) ten post dnia 30.06.09 o godzinie 15:05
Link do wypowiedziLink
Radek Ł.

Radek Ł. Marketing
internetowy,
e-commerce

Temat: Różne pliki css dla wybranych elementów strony

Michał K.:
id dla body załatwia sprawę na 100%

dajesz wtedy <body id="wyroznionastrona">

a w ogólnym CSSsie nadpisujesz regułę dla danego boxa (pamiętaj, że musi być to pod poprzednią definicja styli dla box'a (choć teoretycznie zapis dojścia do box'a w CSS będzie bardziej szczegółowy więc i tak powinien przejąć ważność)

było: #box {jakies: style;}

powinno być #box {jakies: style;}
#wyroznionastrona #box {jakies: inne_style;}
i nic ze sobą nie powinno się gryźć

ale nie załatwia, bo jak w pliku html, który zawiera kod tego boksa ustawiam <body id="blablabla">, a w pliku css tak jak piszesz, to style wczytuje mi dla tego elementu takie jakie chcę, tylko że poza nimi wszystkie inne style całej witryny, i wyrównuje i pozycjonuje go tak jak cały lay, więc wszystko się sypie.
Link do wypowiedziLink
Michał K.

Michał K. Starszy Grafik,
home.pl

Temat: Różne pliki css dla wybranych elementów strony

no to musisz nadpisać (nie skasować ale dopisać dodatkowo) wszystkie style co Ci nie grają. Można to załatwić jednym plikiem CSS. Z wyrównywaniem i pozycjonowaniem jeśli coś Ci nie gra to musisz nadpisać style innych elementów a nie tylko boxa. Zmieniasz wszystko co Ci nie pasuje po prostu za pomocą zapisania nowych właściwości i poprzedzenia ich ID elementu body, który ma wtedy wyższą rangę niż poprzednie zapiski.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Dostosowanie CSS dla przegl...




Wyślij zaproszenie do
Anuluj