Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Autor Wiadomość
Via 
Blogger.Klub


Dołączyła: 04 Sie 2011
Posty: 10

Wysłany:    Różnice wyglądu bloga w MF, Chrome, IE - opis bloga.

Bloga robiłam w w przeglądarce Mozilla Firefox i tylko w niej wygląda tak jak go zaprojektowałam. :(

***

Druga w kolejności jest Chrome. Tu nie wyświetla się prawidłowo "jedynie" opis bloga.
I tu moja prośba, bo sama już próbuję coś z tym zrobić od tygodnia ale chyba doszłam do ściany - naprawdę nie wiem co jest grane.

W projektancie szablonu mam dla opisu bloga wybrane ustawienia:
czcionka: Geo
wielkość: 18px
kolor: #fc200

I tak ma być.

Tymczasem Chrome wyświetla ten nagłówek jako biały tekst z jakąś standardową czcionką a jak mu każę zbadać element to, z tego co rozumiem, pokazuje mi ustawienia dla czcionki tekstu postów.
Wchodząc w Chrome do szablonu ustawienia są ok, czyli takie jak w MF, a mimo to wyświetla co innego. O co chodzi? Co z tym zrobić, żeby nie pobierał ustawień dla opisu bloga z ustawień dla tekstu posta? Akurat w przypadku mojego bloga kolor i krój czcionki opisu jest kluczowy, więc choć to niby kosmetyka, dla mnie to ważne.

***

Zwykły IE to totalna masakra. Najchętniej w ogóle bym zabroniła ludziom używać tej przeglądarki. :rotfl:


***

Chodzi o ten blog, który mam w profilu. :)
 
  podziel si� tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

teneniel 
WordPress.Klub
Lineage II Gamer


Pomogła: 30 razy
Wiek: 41
Dołączyła: 01 Maj 2008
Posty: 875
Miasto: z DNA

Wysłany: 2011-08-20, 12:50   

Cóż, ta czcionka GEO jest czcionką niestandardową (czyli nie każdy w systemie ją ma) i o ile można ładnie ją załadować z zewnątrz (masz to w stylach) i będzie odpowiednio wyglądać pod FF czy Operą, o tyle w IE i Chrome nie (co do chrome nie jestem pewna, bo nie posiadam). Wszystko rozbija się o prawidłowe wyświetlanie kodu przez przeglądarki i prawidłowo napisany kod. Różnice są spore i np. prawidłowo napisany kod dobrze wyświetla się zarówno w FF, Chrome jak i Operze (zazwyczaj wyświetlanie przez te 3 przeglądarki jest porównywalne). Natomiast IE lubi stroić fochy i tłumaczyć kod w swój tylko zrozumiany sposób.
Wracając do czcionki - IE nie interpretuje nadal (w wersji 9.0 wciąż tego brak) zewnętrznej czcionki importowanej i wyświetla standardową nadaną przez style (zazwyczaj arial itp.) lub jeśli takowego nadania brak, to informację pobiera z ustawień samej przeglądarki. I niestety nie da się tego obejść w żaden sposób. Jeszcze. Bo może kiedyś albo IE będzie poprawnie to wyświetlał, albo ktoś znajdzie sposób.
Co do różnic w wyświetlaniu to zawsze można zrobić różne style dla każdej przeglądarki :)
 
  podziel si� tym postem na:
Via 
Blogger.Klub


Dołączyła: 04 Sie 2011
Posty: 10

Wysłany: 2011-08-20, 13:22   

Ale Chrome widzi zarówno czcionkę Geo jak i użyty w nagłówku żółty kolor, tylko nie w opisie bloga - w samym kodzie dotyczącym opisu jest coś wyraźnie nie halo. Zresztą nawet wielkość się nie zgadza. Wyświetla 13px (czyli wielkość tekstu) a powinien 18px.

Czcionka Geo jest również użyta do tytułu posta i pagera i tam się wyświetla prawidłowo, a kolor też dobrze odczytuje, bo w tym kolorze są też podświetlane i odwiedzane linki i tam działa poprawnie.

Coś jest wyraźnie pochrzanione tylko z opisem bloga. Tak, jakby pobierał sobie info o nim ze złego miejsca.

Jeśli coś muszę dopisać w kodzie specjalnie dla tej linijki opisu bloga to spoko, tylko powiedźcie gdzie i co. :hyhy:


***

IE udaję, że nie istnieje - przerasta mnie to co tam widzę jak otwieram swoją stronę. :szok:
 
  podziel si� tym postem na:
teneniel 
WordPress.Klub
Lineage II Gamer


Pomogła: 30 razy
Wiek: 41
Dołączyła: 01 Maj 2008
Posty: 875
Miasto: z DNA

Wysłany: 2011-08-20, 14:15   

Tak masz w kodzie html

Kod


<p class='description'><span><p align="right">::okno.w.okno::</p></span></p>

a css powinien być do tego taki:

Kod


.description span p {
font-size: 18px;
font-face: Geo;
color: #ffc200;
}

swoją drogą szlag mnie trafia jak muszę czegoś odszukać w kodzie na blogspocie - test tam taki pieprznik, że czasami mam ochotę nie otwierać tego serwisu w ogóle -_-
 
  podziel si� tym postem na:
Via 
Blogger.Klub


Dołączyła: 04 Sie 2011
Posty: 10

Wysłany: 2011-08-20, 14:55   

Wow, wiesz, że wkleiłam ten kod i nadal dziad tego nie widzi? :( Czy coś mogę jeszcze zrobić?

***

Wielkie dzięki za chęć pomocy tak czy siak. :)

***

Zastanawiam się, czy nie zmienić nazwy bloga na Puszka Pandory. A miało być tak pięknie... :rotfl:


edit: Pod Operą nagłówek jest wprawdzie we właściwym kolorze, ale czcionka nie taka. :(

Właśnie przeczytałam badania na kwiecień 2004, że IE używa ponad 55% internautów. No nic tylko spakować swoje zabawki i iść sobie z tej piaskownicy - znaczy się z bloggera. :/
 
  podziel si� tym postem na:
teneniel 
WordPress.Klub
Lineage II Gamer


Pomogła: 30 razy
Wiek: 41
Dołączyła: 01 Maj 2008
Posty: 875
Miasto: z DNA

Wysłany: 2011-08-20, 21:27   

Via, ale jak ty chcesz prawidłowo wyświetlić to co chcesz jeśli poprzednio wprowadzałaś zmiany w CSS dodając własny kod i teraz go nie usuwając?
trzeba pamiętać o tym by te kody się nie powtarzały, bo przeglądarka wariuje i wyświetli kod z błędami.
poza tym trzeba pamiętać o średnikach na końcu każdego polecenia (bardzo ważne, bo jego pominięcie może generować błędy w wyświetlaniu).
co do udziału przeglądarek na rynku wiki coś o tym wie:
http://pl.wikipedia.org/w...5darek_na_rynku
 
  podziel si� tym postem na:
Via 
Blogger.Klub


Dołączyła: 04 Sie 2011
Posty: 10

Wysłany: 2011-08-20, 21:45   

Nie miałam pojęcia, że tam się coś dubluje, albo jest nie tak napisane, bo ja się na tym kompletnie nie znam. Znajdowałam w necie jakąś poradę na jakiś mój konkretny problem, czyli co i gdzie wkleić czy to do css przez projektanta szablonu czy też szablonu html i jakoś mi się wydawało, że wszystko działa, dopóki nie sprawdziłam w innych przeglądarkach. Wcześniej nawet mi do głowy nie przyszło, że mogą być jakieś różnice, bo naprawdę nigdy w życiu czegoś takiego nie robiłam.
To ja pousuwam i powstawiam co trzeba, tylko nie wiem co i gdzie, bo ja tego kodu nie umiem czytać - nie wiem co się dubluje i gdzie czego brakuje. Nie wiem jak to wszystko teraz wyprostować. Jeśli tego nie jest dużo, to możesz mi powiedzieć gdzie widzisz coś co mam usunąć?

***

Sprawdzałam sporo blogów z blogspota w różnych przeglądarkach i nie widzę w nich jakichś różnic, więc to ewidentnie ja coś źle robiłam.

***

Dzięki za statystyki, teraz wiem, że przynajmniej na Antarktydzie widzą to co chciałam, żeby było widać. :hyhy:
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław

Wysłany: 2011-08-21, 11:16   

teneniel napisał/a:

Cóż, ta czcionka GEO jest czcionką niestandardową (czyli nie każdy w systemie ją ma) i o ile można ładnie ją załadować z zewnątrz (masz to w stylach) i będzie odpowiednio wyglądać pod FF czy Operą, o tyle w IE i Chrome nie (co do chrome nie jestem pewna, bo nie posiadam).

teneniel napisał/a:

Wracając do czcionki - IE nie interpretuje nadal (w wersji 9.0 wciąż tego brak) zewnętrznej czcionki importowanej i wyświetla standardową nadaną przez style (zazwyczaj arial itp.) lub jeśli takowego nadania brak, to informację pobiera z ustawień samej przeglądarki. I niestety nie da się tego obejść w żaden sposób. Jeszcze. Bo może kiedyś albo IE będzie poprawnie to wyświetlał, albo ktoś znajdzie sposób.
http://code.google.com/intl/pl/apis/webfonts/faq.html#Browsers_Supported - Google Web Fonts wspiera najpopularniejsze przeglądarki a IE nawet od wersji 6+

teneniel napisał/a:

Wszystko rozbija się o prawidłowe wyświetlanie kodu przez przeglądarki i prawidłowo napisany kod. Różnice są spore i np. prawidłowo napisany kod dobrze wyświetla się zarówno w FF, Chrome jak i Operze (zazwyczaj wyświetlanie przez te 3 przeglądarki jest porównywalne). Natomiast IE lubi stroić fochy i tłumaczyć kod w swój tylko zrozumiany sposób.
co do IE się zgodzę i trzeba na nim stosować czasem hacki, które poprawiają wyświetlanie - szczególnie w starych wersjach, ale nawet błędnie napisany kod potrafi się dobrze wyświetlać w Firefox co nie zawsze jest dobre :D

teneniel napisał/a:

a css powinien być do tego taki:

Kod

.description span p {
font-size: 18px;
font-face: Geo;
color: #ffc200;
}

nie znam takiego oznaczenia "font-face" - skąd to? znam font-family dla konkretnego elementu lub np. @font-face {font-family: 'Geo';}

tam nie łapie bo sam tekst znajduje się w stylu ogólnym a dopiero to co nad nim ma określoną czcionkę Geo.
ja bym wstawił takie coś do CSS:

Kod

.descriptionwrapper p {
font-size: 18px;
font-family: 'Geo';
color: #ffc200;
}
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
teneniel 
WordPress.Klub
Lineage II Gamer


Pomogła: 30 razy
Wiek: 41
Dołączyła: 01 Maj 2008
Posty: 875
Miasto: z DNA

Wysłany: 2011-08-21, 13:27   

Htsz, o no patrz, nie zauważyłam -_-
wynika z tego, że muszę chyba bardziej przysunąć się do monitora bo przestaję ogarniać blogspota :/
 
  podziel si� tym postem na:
Via 
Blogger.Klub


Dołączyła: 04 Sie 2011
Posty: 10

Wysłany: 2011-08-21, 13:34   

Zrobiłam, zrobiłam, zrobiłam! Hahahaha! Kocham Was! Kocham cały świat! Nawet myszę w okapie kocham! Lalalalala! :rotfl:

Wiecie co zrobiłam? Oczywiście skopiowałam kod od Htsz i...nic. No rzesz! :mad:
Więc wlazłam do kodu a tam, faktycznie, jak Teneniel pisała: 3 komendy o tym opisie obok siebie stoją. I żaden nie działa. Ale zauważyłam, że przy pegerze miałam napisane coś takiego: "!important", a że pager działał popawnie z tą czcionką to stwierdziłam, że może to important ma taką magiczną moc i wkleiłam to obok nazwy czcionki Geo i...ta-dam! No kurcze, kurcze, tak się ciesze. :D

A Wam bardzo bardzo dziękuję! :padam:


Tak więc wszystko śmiga pod Foxem, Operą i Chromem. :)


***

IE wciąż totalna masakra. Czy wiecie może jak w IE to usprawnić?
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław

Wysłany: 2011-08-21, 16:21   

u mnie na IE9 jest chyba ok, więc nie wiem o jaką masakrę chodzi? może masakrą jest używanie IE6 ;D?
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Via 
Blogger.Klub


Dołączyła: 04 Sie 2011
Posty: 10

Wysłany: 2011-08-21, 21:46   

Ma być tak (Mozilla Firefox)

A u mnie w IE jest tak (powinnam wstawić ostrzeżenie, że osoby o słabych nerwach nie powinny zaglądać pod ten link. :rotfl: A i tak jest postęp bo po wstawieniu important obok rodzaju czcionki opisu bloga kolor zrobił się żółty. Wcześniej też był biały. Ale ogólnie dostaję palpitacji jak myślę, że ktoś może coś takiego otworzyć u siebie na kompie i pomyśleć, że zrobiłam taki badziew. :wstyd: )


A u Ciebie jest jak? (Tylko nie mów, że wszędzie masz tak jak ja w IE i dlatego mówisz, że jest ok, bo nie widzisz różnic. :D )
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz