Forum Blogowe 17 lat!

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
FAQFAQ    UżytkownicyUżytkownicy  grupa Blogger Polska! na FBBlogger Polska!  GrupyGrupy  regulaminRegulamin RejestracjaRejestracja  ZalogujZaloguj

»  »  »  »  ::
Autor Wiadomość
Szaniu 
Blogger.Klub


Dołączył/a: 13 Maj 2012
Posty: 18
Miasto: Opole
Wysłany:    
Chciałem dziś wprowadzić opcje "czytaj dalej", jednak po zobaczeniu efektu szybko mi się odechciało. Kiepsko widoczny napis w lewym rogu. Wygląda jak moje odnośniki do źródła, które umieszczam pod każdym postem. Pomyślałem, że przez to opcja ta może zwyczajnie wprowadzać w błąd, że to już koniec posta.

Czy da się jakoś poprawić owe "czytaj dalej". Aby było widoczne np. jako dość wyróżniający się przycisk na środku posta?
______________________________________________________
http://exoplanet-spot.blogspot.com/ - Najnowsze odkrycia, analizy danych oraz predykcje na przyszłość!
 
  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

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2012-05-29, 21:07   własny button czytaj dalej
W większości szablonów link generowany ręcznie (czyli podczas pisania posta) posiada tę samą klasę. Konkretnie to jest zamknięty w DIV, który ma class = jump-link. Dzięki temu możemy określić wygląd DIVa oraz linka.

Jak to zrobić? Należy edytować kod HTML szablonu, przejść do ]]>< i tuż nad dopisać:
Wiadomość (widoczna dla zarejestrowanych)


Pierwszy dotyczy DIV a w drugim możemy ustalić np. kolor linka. Co dokładnie należy wpisać pomiędzy {}? Wszystko zależy od tego jakiego wyglądu oczekujemy. Możemy skorzystać z generatorów buttonów i zawartość wkleić do jednego z powyższych stylów. Przykładowa strona:
Wiadomość (widoczna dla zarejestrowanych)
zamiast classname wpisujemy nasze jump-link i mamy piękny button :)

Najprostszy wygląd osiągniemy np. w taki sposób:
Wiadomość (widoczna dla zarejestrowanych)
Ciemne tło, zaokrąglone rogi, szary kolor linka, wyśrodkowany.

Jeżeli jakieś ustawienia nie chcą się zastosować należy określić ich ważność w ten sposób:

Kod

color: #ff0000 !important;
można także ustalić hierarchię ważności inaczej - poprzez dodanie przed klasą identyfikatora, który ją otacza np:

Kod

#Blog1 .klasa-nazwa {}


[ Komentarz dodany przez: Htsz: 28-02-2013, 22:58 ]
zobacz także:
=> obrazek zamiast read more
______________________________________________________
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:
Szaniu 
Blogger.Klub


Dołączył/a: 13 Maj 2012
Posty: 18
Miasto: Opole
Wysłany: 2012-06-26, 12:30   
Dziękuję za odpowiedź. Po dłuższym namyśle zrezygnowałem z "czytaj więcej". Niektóre moje posty są rzeczywiście długie, podczas gdy inne na tyle krótkie, że przycisk byłby zbędny. Stwierdziłem więc, że dziwacznie wyglądałby blog, w którym tylko przy niektórych postach znajdowałby się ten link.
______________________________________________________
http://exoplanet-spot.blogspot.com/ - Najnowsze odkrycia, analizy danych oraz predykcje na przyszłość!
 
  podziel si� tym postem na:
elizavetka 
Blogger.Klub

Dołączyła: 02 Mar 2014
Posty: 25
Wysłany: 2014-04-27, 12:34   Gdzie wkleić wygenerowany kod?
Nie potrafię zlokalizować w szablonie HTML miejsca gdzie wkleić wygenerowany kod.
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2014-04-27, 12:40   
Do sekcji CSS szablonu, która jest wewnątrz <b:skin>...</b:skin> - znajdziesz ją w sekcji head, na początku szablonu.
______________________________________________________
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:
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