Autor Wątek: Dopasowanie szablonu do wszystkich przeglądarek? (Przeczytany 6039 razy)

Cherry · « **dnia:** 24 Kwiecień 2013, 22:55:08 »

Skodowałam szablon pod Opere gdyż sama ją używam, sprawdziłam laya w Google Chrome i lekko się rozjeżdża, w Firefoxie to samo + nie czyta mi rodzaju czcionki

pewnie dużo osób boryka się z tym problemem, próbowałam wygooglować rozwiązanie ale mi się nie udało, znalazłam tylko że można jakoś wrzucić do kodowania oddzielny styl dla każdej przeglądarki ale konkretnie co i jak się nie dowiedziałam $:-\$ help

Camille · « **Odpowiedź #1 dnia:** 28 Kwiecień 2013, 00:49:12 »

Ja ci powiem z mojego doświadczenia że ja nigdy nie mogę dopasować pod IE. Cherry jak kodujesz zawszę szukaj odpowiedników css oddzielnie który pasuje do danej przeglądarki znajdziesz wszystko w google. I popróbuj tak jak się nie uda zgłaszaj się na gg. Służę pomocą!

Evan · « **Odpowiedź #2 dnia:** 29 Maj 2013, 15:59:51 »

IE to ja już przestałem sprawdzać :| Nie wiem jak można tego używać...

Cherry · « **Odpowiedź #3 dnia:** 01 Czerwiec 2013, 15:57:14 »

Cytat: Camille w 28 Kwiecień 2013, 00:49:12

Ja ci powiem z mojego doświadczenia że ja nigdy nie mogę dopasować pod IE. Cherry jak kodujesz zawszę szukaj odpowiedników css oddzielnie który pasuje do danej przeglądarki znajdziesz wszystko w google. I popróbuj tak jak się nie uda zgłaszaj się na gg. Służę pomocą!

jak pisałam znalazłam jakiś kod na oddzielne css dla każdej przeglądarki ale tylko dla IE, nie umiałam go przekształcić na inne, a do IE nawet nie myślałam, żeby laya dopasowywać, kto w ogóle jeszcze tego używa?!

ziara · « **Odpowiedź #4 dnia:** 15 Czerwiec 2013, 23:20:11 »

Krótka instrukcja:
otwórz plik header.php znajdujący się w folderze Twojego szablonu
i pomiędzy znacznikami <head> </head> wklej poniższy kod:

Kod: [Zaznacz]

<?php 
$przegladarka = $_SERVER[&#39;HTTP_USER_AGENT&#39;]; 
if (strstr($przegladarka, "Chrome")) { ?>
	<link rel="stylesheet" href="<?php bloginfo(&#39;stylesheet_directory&#39;) ?>/style-chrome.css"><?php } 
elseif (strstr($przegladarka, "Firefox")) { ?>
	<link rel="stylesheet" href="<?php bloginfo(&#39;stylesheet_directory&#39;) ?>/style-firefox.css"><?php } 
elseif (strstr($przegladarka, "Safari")) { ?>
	<link rel="stylesheet" href="<?php bloginfo(&#39;stylesheet_directory&#39;) ?>/style-safari.css"><?php } 
elseif (strstr($przegladarka, "Opera")) { ?>
	<link rel="stylesheet" href="<?php bloginfo(&#39;stylesheet_directory&#39;) ?>/style-opera.css"><?php } 
?>

następnie utwórz w folderze Twojego szablonu pliki ze stylami CSS dla poszczególnych przeglądarek:
style-chrome.css
style-firefox.css
style-safari.css
style-opera.css

Blair · « **Odpowiedź #5 dnia:** 19 Czerwiec 2013, 16:42:28 »

Cytat: ziara w 15 Czerwiec 2013, 23:20:11

Krótka instrukcja:
otwórz plik header.php znajdujący się w folderze Twojego szablonu
i pomiędzy znacznikami <head> </head> wklej poniższy kod:

Kod: [Zaznacz]
<?php $przegladarka = $_SERVER['HTTP_USER_AGENT']; if (strstr($przegladarka, "Chrome")) { ?> <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/style-chrome.css"><?php } elseif (strstr($przegladarka, "Firefox")) { ?> <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/style-firefox.css"><?php } elseif (strstr($przegladarka, "Safari")) { ?> <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/style-safari.css"><?php } elseif (strstr($przegladarka, "Opera")) { ?> <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/style-opera.css"><?php } ?>
następnie utwórz w folderze Twojego szablonu pliki ze stylami CSS dla poszczególnych przeglądarek:
style-chrome.css
style-firefox.css
style-safari.css
style-opera.css

I dla każdej przeglądarki trzeba robić osobny plik .css i go inaczej wypełniać?

Skye · « **Odpowiedź #6 dnia:** 01 Lipiec 2013, 22:48:31 »

Cytat: Evan w 29 Maj 2013, 15:59:51

IE to ja już przestałem sprawdzać :| Nie wiem jak można tego używać...

co to jest IE?:l hahahaha jak dla mnie to przeżytek

ziara · « **Odpowiedź #7 dnia:** 08 Lipiec 2013, 11:46:13 »

Cytat: Blair w 19 Czerwiec 2013, 16:42:28

I dla każdej przeglądarki trzeba robić osobny plik .css i go inaczej wypełniać?

Nie, nie trzeba

.

Dodaj pomiędzy znacznikami <header> </header>

Kod: [Zaznacz]

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
Teraz tworzysz plik style.css (który będzie wczytywany przez wszystkie przeglądarki) i wypełniasz go tym co ma być wspólne dla wszystkich przeglądarek.

Channah · « **Odpowiedź #8 dnia:** 26 Czerwiec 2014, 13:34:12 »

Cytat: ziara w 08 Lipiec 2013, 11:46:13

Cytat: Blair w 19 Czerwiec 2013, 16:42:28
I dla każdej przeglądarki trzeba robić osobny plik .css i go inaczej wypełniać?

Nie, nie trzeba .

Dodaj pomiędzy znacznikami <header> </header>
Kod: [Zaznacz]
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
Teraz tworzysz plik style.css (który będzie wczytywany przez wszystkie przeglądarki) i wypełniasz go tym co ma być wspólne dla wszystkich przeglądarek.

może ktoś bardziej to rozwinąć, tzn z tym plikiem style.css bo nie bardzo wiem co tam napisać, jaki styl dodać itd.
Albo jakiś inny sposób na to by dopasować dobrze szablon do przeglądarek

Spencer · « **Odpowiedź #9 dnia:** 27 Czerwiec 2014, 04:12:24 »

Nie jestem orłem w kodowaniu bo pewnie robię wszystko jak najprostszym sposobem ale według mnie starczy dodać kod:

Cytuj

#container {
margin: 0 auto;
width: 1254px;
}

oraz

Cytuj

#header {
margin-top: 0px;
top: 0px;
padding:0px;
position: absolute;
margin: 0 auto;
text-align: center;
}

i na samym początku kodu headera wstawić klasę diva z containera i headera bo i tak później dajesz divy umieszczenia właściwego headera, contentu itd.

Nie wiem jak to wytłumaczyć a nie chcę pisać niejasno

Jak będziesz miała z tym problemy to napisz do mnie

Channah · « **Odpowiedź #10 dnia:** 27 Czerwiec 2014, 08:38:52 »

ok dzięki, w sumie zrobiłam to trochę inaczej, ale i tak mi pomogłaś

)

PA_BLO · « **Odpowiedź #11 dnia:** 27 Czerwiec 2014, 14:47:04 »

Jej chyba bardziej chodziło o optymalizację kodu CSS tak aby każdy selektor w stylu miał swój odpowiednik pod daną wyszukiwarką. Tak jak na przykładzie definiowania obrysu.
-moz-border-radius: // <- tak definiuje się obrys dla Mozilli
-ms-border-radius: // <- tak definiuje się obrys dla Internet Explorer
-o-border-radius: // <- tak definiuje się obrys dla Opery
-webkit-border-radius: // <- tak definiuj się obrys dla Chrome, Safari.

Tak mi się wydaje, że w tym temacie o to chodziło aby każdy selektor (o ile jest taka możliwość) miał swój odpowiednik dla danej wyszukiwarki wtedy możemy mieć pewność, że strona będzie wyświetlać się prawidłowo. Niektórzy robią to tak, że wszystkie selektory dla Firefox umieszczają w osobnym pliku np. firefox-style.css dla Chrome w osobnym i tak dalej. Ale można też zrobić wszystko w jednym jeśli ktoś się orientuje, czy dany selektor ma inne odpowiedniki.

Channah · « **Odpowiedź #12 dnia:** 27 Czerwiec 2014, 15:05:57 »

ojej skomplikowane to jak na mnie ;P na szczęście problem już rozwiązałam

Forum portalu Fan-Strefa.pl · « **Odpowiedź #12 dnia:** 27 Czerwiec 2014, 15:05:57 »

Autor Wątek: Dopasowanie szablonu do wszystkich przeglądarek? (Przeczytany 6039 razy)

Cherry

Dopasowanie szablonu do wszystkich przeglądarek?

Camille

Odp: Dopasowanie szablonu do wszystkich przeglądarek?

Evan

Odp: Dopasowanie szablonu do wszystkich przeglądarek?

Cherry

Odp: Dopasowanie szablonu do wszystkich przeglądarek?

ziara

Odp: Dopasowanie szablonu do wszystkich przeglądarek?

Blair

Odp: Dopasowanie szablonu do wszystkich przeglądarek?

Skye

Odp: Dopasowanie szablonu do wszystkich przeglądarek?

ziara

Odp: Dopasowanie szablonu do wszystkich przeglądarek?

Channah

Odp: Dopasowanie szablonu do wszystkich przeglądarek?

Spencer

Odp: Dopasowanie szablonu do wszystkich przeglądarek?

Channah

Odp: Dopasowanie szablonu do wszystkich przeglądarek?

PA_BLO

Odp: Dopasowanie szablonu do wszystkich przeglądarek?

Channah

Odp: Dopasowanie szablonu do wszystkich przeglądarek?

Forum portalu Fan-Strefa.pl

Odp: Dopasowanie szablonu do wszystkich przeglądarek?