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ść
P4uli 
Blogger.Klub


Imię: Paulina
Pomogła: 7 razy
Wiek: 28
Dołączyła: 19 Kwi 2012
Posty: 232

Wysłany:    Zmiana czcionki w gadżecie

Witam
Na blogspocie czcionka np linków zależy od szablonu i nie da się jej zmienić w projektancie szablonów. Więc jak to można zmienić?

Chodzi mi o nazwę czcionki (to czy można używać dodatkowych które są w blogspocie) pogrubienie, podkreślenie, kursywa, wielkość liter?

Chciałam jeszcze ustawić tytuły gadżetów wyśrodkowane.

Pozdrawiam
 
  podziel się tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do społeczności na G+ --- Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz (Arek)
Pomógł: 806 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8852
Miasto: Wrocław

Wysłany: 2012-05-22, 23:10   

P4uli napisał/a:

to czy można używać dodatkowych które są w blogspocie
jeżeli używasz już jakiegoś fonta na blogu to wystarczy dopisać jego nazwę do rodziny czcionek dla danego elementu. W przypadku kiedy chcesz użyć niestandardowej czcionki dla elementu, którego nie można edytować w projektancie to trzeba dopisać linię z kodem danej czcionki, WebFonts dostępne są za darmo tutaj: http://www.google.com/webfonts i po wybraniu 'quick use' jest instrukcja na dole strony (sposób użycia).

jak dodaje się rodzinę czcionek? dopisujemy np.:

Kod

font-family: 'JakaśNazwa WebFont', Verdana, Arial;

pogrubienie?

Kod

font-weight: bold;

pochylenie (kursywa):

Kod

font-style: italic;

podkreślenie:

Kod

text-decoration: underline;

wielkość czcionki:

Kod

font-size: 15px;


Można to też zapisać krócej:
Wiadomość (widoczna dla zarejestrowanych)
w ten sposób czcionka będzie pogrubiona, pochylona a jej wielkość 15px oraz krój Georgia.

P4uli napisał/a:

Na blogspocie czcionka np linków zależy od szablonu i nie da się jej zmienić w projektancie szablonów. Więc jak to można zmienić?
czcionki zazwyczaj przejmowane są z Body, czyli tego co ustawisz dla całego tekstu, rzadko ktoś (w tych pobranych z internetu) ustawia osobne. Można to jednak zmienić.
Odszukaj w kodzie HTML fragmentu a:link i tuż nad nim dopisz:
Wiadomość (widoczna dla zarejestrowanych)
wewnątrz {} wstaw to co Cię interesuje (z wymienionych wyżej lub inne style). W ten sposób wartości zostaną zastosowane dla wszystkich linków. Jeżeli jakieś ustawienia mają dotyczyć konkretnej sytuacji to musisz uzupełnić odpowiedni styl:
link, link nieaktywny - a:link {}
aktywny - a:hover {}
odwiedzony - a:visited {}

Jeżeli potrzebujemy zastosować linki dla wybranego obszaru szablonu to musimy znać jego klasę lub identyfikator i potem mamy np. .column-left-inner a {} lub #PageList1 ul li a {}

Cytat

Chciałam jeszcze ustawić tytuły gadżetów wyśrodkowane.
w przypadku szablonów niestandardowych to może być indywidualna sprawa, zależy jak zostały nazwane. Systemowe szablony bloggera mają to chyba ujednolicone. Na Twoim szablonie nagłówki gadżetów mają styl ustawiony w h2, ale posiadają też klasę .title
Można więc odszukać i edytować h2, bądź dopisać własny styl dla h2.title {}

środkowanie elementów odbywa się za pomocą:

Kod

text-align: center;
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

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ę dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
P4uli 
Blogger.Klub


Imię: Paulina
Pomogła: 7 razy
Wiek: 28
Dołączyła: 19 Kwi 2012
Posty: 232

Wysłany: 2012-06-01, 23:20   

Niestety nie udało mi się zmienić tytułów na wyśrodkowane znalazłam takie coś

Cytat

h2 {
margin: 0 0 1em 0;

font: $(widget.title.font);
color: $(widget.title.text.color);
text-transform: uppercase;

}


i nie wiem w którym miejscu mam wkleić

Kod

text-align: center;


Pierwszy sposób zadziałał i faktycznie linki się zmieniły na takie jakie chciałam ale wszystkie linki. Chciałam malutkie literki i takie też mam w tytule posta - przydały by się większe. Również w etykietach mam malutkie. Kiedy kliknę na tytuł posta aby dodać komentarz wyświetla mi się taka czcionka i rozmiar jak ustawiłam w projektancie szablonów.
 
  podziel się tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz (Arek)
Pomógł: 806 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8852
Miasto: Wrocław

Wysłany: 2012-06-02, 01:18   

Cytat

i nie wiem w którym miejscu mam wkleić
a nie przyszło Ci do głowy wstawić to wewnątrz tak jak inne elementy w całym CSS? wszystko robione jest według schematu:

Kod

znacznik {
opcja: wartość;
opcja: wartość;
opcja: wartość;
}

P4uli napisał/a:

Pierwszy sposób zadziałał i faktycznie linki się zmieniły na takie jakie chciałam ale wszystkie linki.
napisałem o tym, że to styl dla wszystkich odnośników. Dodałem również schemat budowania hiperłączy szczegółowo, dla wybranych fragmentów szablonu.

P4uli napisał/a:

Również w etykietach mam malutkie.
ustawiłaś rozmiar czcionki dla a {}, czyli dla wszystkich linków na blogu.

P4uli napisał/a:

Kiedy kliknę na tytuł posta aby dodać komentarz wyświetla mi się taka czcionka i rozmiar jak ustawiłam w projektancie szablonów.
na stronie głównej tytuł jest linkiem, na podstronie nie. W pierwszym miejscu wczytuje mu styl dla a {} w drugim dla nagłówka. Odszukaj h3.post-title, .comments h4 i dopisz przed to: h3.post-title a,
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

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ę dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
Kejczi 
Blogger.Klub


Imię: Natalia
Wiek: 22
Dołączyła: 07 Maj 2014
Posty: 47
Miasto: Poznań

Wysłany: 2014-05-08, 15:28   

mam duży problem, nie mogę sobie za Boga poradzić. Otóż chciałabym zmienić czcionkę na niestandardową dla tytułów postów i linków w gadżecie. Wiem tyle, że muszę ze strony google fonts skopiować kod html, tylko nie wiem GDZIE DOKŁADNIE go wkleić. Na dodatek jak wklejam to występuję powiadomienie że muszę zamknąć jakąś część tekstu. Ogólnie widziałam instrukcję na jakimś blogu, ale w ogóle nie chce zadziałać :c

EDYCJA
Już sobie poradziłam, mam teraz natomiast problem z usunięciem interlinii i niebieskiego koloru linków :c
______________________________________________________
 
  podziel się tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz (Arek)
Pomógł: 806 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8852
Miasto: Wrocław

Wysłany: 2014-05-08, 19:09   

Po wejściu w 'quick use' mamy po prawej instrukcję jak obchodzić się z kodem (gdzie wkleić poszczególne elementy).

przykład: http://www.google.com/fon...amily:Open+Sans - czcionka Open Sans.

W punkcie pierwszym wybierasz style, które Cię interesują.
W drugim zaznaczasz Latin Extended (latin-ext), jeżeli tego nie ma, to font raczej nie zawiera polskich znaków, obecność tego też nie gwarantuje wszystkich - warto sobie sprawdzić przed wdrożeniem na bloga.
Kod z punktu trzeciego wklejamy gdzieś pomiędzy <head> a </head> (jest już w szablonie), można tuż nad tym drugim.

pobieramy coś takiego:

Kod

<link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin-ext' rel='stylesheet' type='text/css'>
ale wklejając na bloggera musimy nanieść kilka zmian.
Wszystkie:
" zamieniamy na '
& na &amp;
na końcu dopisujemy /
efekt będzie taki:
Wiadomość (widoczna dla zarejestrowanych)


Kod z punktu czwartego wklejamy do wybranego elementu. Np. dla czytaj dalej będzie tak:
Wiadomość (widoczna dla zarejestrowanych)


Edycja koloru linków w szablonach systemowych powinna być dostępna z poziomu Szablon -> Dostosuj -> Zaawansowane. Jeżeli nie działa, to znaczy, że zostało coś zepsute ;-P

Odstępy między wierszami tekstu określane są za pomocą line-height
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

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ę dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
Kejczi 
Blogger.Klub


Imię: Natalia
Wiek: 22
Dołączyła: 07 Maj 2014
Posty: 47
Miasto: Poznań

Wysłany: 2014-05-08, 19:39   

bardzo dziękuję ;) a pytanko jeszcze - jakbym chciała zmienić czcionkę w linkach pod nagłówkiem to pod jaką one się kryją nazwą w kodzie HTML?
______________________________________________________
 
  podziel się tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz (Arek)
Pomógł: 806 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8852
Miasto: Wrocław

Wysłany: 2014-05-08, 20:09   

W szablonie systemowym zmiana czcionki w sekcji kart (tabs-inner / tabs-outer) jest dostępna w Dostosuj -> Zaawansowane -> Tekst kart.

W szablonie zdefiniowane jest to tak:

Kod

<Group description="Tabs Text" selector=".tabs-inner .widget li a">
<Variable name="tabs.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="$(body.font)"/>
<Variable name="tabs.text.color" description="Text Color" type="color" default="#999999" value="#000000"/>
<Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#000000"/>
</Group>
jak ma być jakaś niedostępna na liście, to wystarczy dodać ją sposobem z poprzedniego posta a nazwę dopisać po rozmiarze czcionki w części VALUE. Zmieniony fragment:
Wiadomość (widoczna dla zarejestrowanych)


W szablonie niesystemowym będzie to np. tak:
Wiadomość (widoczna dla zarejestrowanych)
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

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ę dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
Kejczi 
Blogger.Klub


Imię: Natalia
Wiek: 22
Dołączyła: 07 Maj 2014
Posty: 47
Miasto: Poznań

Wysłany: 2014-05-08, 20:21   

Bardzo dziękuję, teraz wszystko działa poprawnie ;)
______________________________________________________
 
  podziel się tym postem na:
pablo8019 

Wiek: 38
Dołączył: 02 Sie 2015
Posty: 16
Miasto: Markuszów

Wysłany: 2015-09-04, 12:25   

A jak jest ze zmianą koloru czcionki w nagłówku? Po wstawieniu zdjęcia w tle przydałoby się zmienić kolor na coś widocznego...
 
  podziel się tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz (Arek)
Pomógł: 806 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8852
Miasto: Wrocław

Wysłany: 2015-09-04, 15:32   

pablo8019, kolor nagłówka oraz opisu powinno dać się zmodyfikować w Dostosuj. Szablony systemowe mają zdefiniowane odpowiednie zmienne i jest to zapisane na przykład w ten sposób:

Kod

<Group description="Blog Title" selector=".header h1">
<Variable name="header.font" description="Font" type="font"
default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 40px 'Trebuchet MS',Trebuchet,Verdana,sans-serif"/>
<Variable name="header.text.color" description="Title Color" type="color" default="#3399bb" value="#000000"/>
</Group>

<Group description="Blog Description" selector=".header .description">
<Variable name="description.text.color" description="Description Color" type="color"
default="#777777" value="#000000"/>
</Group>
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

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ę dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
Werter 
Blogger.Klub
MaliNaila


Dołączyła: 12 Lip 2015
Posty: 57

Wysłany: 2017-01-31, 00:30   

Mam taki problem, że chciałam oznaczać podtytuły w tekście jako h2, a tytuł widgetów to również h2. Potrafię zmienić rozmiar h2, ale zmienia się i tutaj i tutaj. Da się to jakoś zmienić? Tytuły widgetów np na h3? Albo zmienić rozmiar tylko dla h2 w poście?
______________________________________________________
malinaila.pl
 
  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-2018 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:
Dodaj na Google+:


Zobacz także:


Szablony wordpress
kod zniżkowy -10% za licencję
w koszyku wpisz: Blogowicz
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz