Edycja Szablonu Print Design i podobnych do niego.

Odpowiadam na pytania zadawane tylko w komentarzach pod wpisami!

 

wtorek, 9 kwietnia 2013

Jak edytować rotator polecanych wpisów?

Hej, dawno nie dodawałem tutaj instrukcji. Pora odświeżyć listę postów. Tym razem zajmiemy się edycją pokazu slajdów, czyli polecanych wpisów z bannerami. Jest on dostępny w szablonach z rodziny Print Design, min. Norma, Bynary (lub binary), Instinct. Poniższa instrukcja powinna bez problemu zadziałać w każdym z nich. Rozłożyłem 'slider' na czynniki pierwsze, dzięki temu będziecie wiedzieć jak podmienić obrazki, linki oraz tytuły czy opisy.

klik:
Jak uzupełnić rotator polecanych wpisów?

Jeżeli chcesz same zdjęcia to kasujesz odnośniki, tytuły i opisy lub skorzystaj z innej instrukcji do tworzenia pokazu slajdów.
Przydatne? polub na FB, dodaję tam więcej instrukcji blogowych. Dajcie znać jak Wam poszła edycja bloga.

środa, 14 listopada 2012

Jak ustawić własne tytuły na podstronach bloga?

Czy wiesz, że możesz mieć wpływ na teksty w tytule strony? Nie chodzi mi tutaj o nagłówek posta czy podstrony, ale o to co wyświetla się w title, czyli na pasku przeglądarki. Standardowo pokazywany jest tam tytuł bloga a zanim (w zależności od tego gdzie się aktualnie znajdujemy) tytuł posta, podstrony, data z archiwum czy nazwa etykiety. Można jednak - za pomocą kodów warunkowych - zmienić ten szablon na własny.

Wystarczy przejść na forum blogowe i przeczytać wątek: Tytuł bloga i opisy w pasku przeglądarki, który zawiera gotowy kod do wklejenia na blogu.

Jak wygląda efekt takich zmian? Możecie to zobaczyć tutaj (na tym blogu) - przechodząc do podstrony kontakt, jakiejś etykiety lub podstrony posta i obserwując jak zmienia się tekst w górnym pasku.

wtorek, 26 czerwca 2012

Wiadomość przesuwająca się na czacie

Nie wiesz jak zrobić przesuwający się - od prawej do lewej - komunikat w oknie pisania teksu na XAT?

Robi się to w bardzo prosty sposób. Oczywiście musimy mieć odpowiednie uprawnienia, najlepiej jak czat został założony przez nas.

Klikasz na pole dodawania wpisu i wpisujesz tam /s wiadomość

np.
/s Hej, jak się masz? Zapraszam do zakładki z poradami - znajdziesz tam dużo ciekawych linków dotyczących PrintDesign
efekt:
 
Banalnie proste, co nie? Sprawdź u siebie i daj znać czy zadziałało ;)

czwartek, 17 maja 2012

Jak wyśrodkować nagłówki gadżetów?

Chcemy wyśrodkować tytuły gadżetów w naszym menu bocznym. Jak tego dokonać? Nie jest to trudne. Wiemy już jak szukać elementów nagłówków i menu w szablonie zatem przeskakujemy w kodzie HTML bloga (konkretnie w sekcji CSS) do: .sidebar h2, styl tego elementu może wyglądać mniej więcej tak:
kod:
border-left6px solid #E8202D;
odpowiada za boczne obramowanie, tutaj zmieniamy grubość i kolor z lewej strony.
Do powyższego stylu dopisujemy jeszcze jedną linijkę:
text-align: center;
zapisujemy zmiany i gotowe. Nagłówki będą wyśrodkowane.

Jeżeli chcemy wyśrodkować cały boczny pas (tytuły i treść) musimy tę samą linijkę dopisać do .sidebar {tutaj będzie styl} lub tuż przed ]]>< dodać to:
#sidebartab1 {
text-align: center;
}
Należy pamiętać, że text-align: center; da się stosować praktycznie wszędzie jednak rozwiązanie dotyczące środkowania tytułów nagłówków dotyczy konkretnie szablonu PrintDesign i jemu pokrewnych. Na pozostałych skórkach (i tych wbudowanych) nagłówki mogą być opisane w inny sposób.

Jeżeli środkowanie jakiegoś elementu nie działa można spróbować wymusić je w ten sposób:
text-align: center !important;

wtorek, 1 maja 2012

Jak wstawić piosenkę bez teledysku?

Post Zaktualizowany! odtwarzacz działa!

 Jeżeli nie interesuje Cię lista odtwarzania a chcesz umieszczać piosenki w notkach lub w panelu bocznym (w gadżecie HTML) jednak bez widocznego teledysku (lub obrazków zamiast niego) przeczytaj ten wpis.

Jak umieścić w poście pasek playerka Youtube, bez dużego wideo?

Wystarczy, że pobierzesz kod z "umieść" pod klipem na Youtube a następnie zamienisz kawałek według -> tej instrukcji. Jak to wygląda przed i po? tak:

przed:
po:
W starym odtwarzaczu nie było widać klipu w ogóle. W nowym pasek postępu chowa się jak nie mamy kursora na nim i wtedy widać miniaturowy teledysk. Nie powinno to jednak w niczym przeszkadzać.
Jeżeli przeszkadza to da się ominąć ten problem.
Link do naszej piosenki wygląda mniej więcej tak (Rihanna - Where Have You Been)
: http://www.youtube.com/embed/HBxt_v0WF6Y?rel=0
Tuż po rel=0 dopisujemy fragment z instrukcji na forum. W ten sposób opcje będą cały czas widoczne.

Jak zrobić automatyczne odtwarzanie po załadowaniu?

Na końcu adresu należy dopisać
&autoplay=1
Odtwarzanie od wybranego momentu?
Nic trudnego. Tak samo jak z automatycznym startem, do linka na końcu dopisujemy to:
&start=30
gdzie 30 to sekunda, od której ma się rozpoczynać. Jeżeli potrzebujemy po 2 minutach to wpisujemy 120

Jak wyłączyć pełny ekran?
Jeżeli nie chcemy żeby czytelnicy naszego bloga mieli możliwość włączania pełnego ekranu dla piosenek, które wstawiamy w ten sposób to na końcu musimy dopisać to:
&fs=0
Jak ustawić odtwarzanie w kółko tej samej piosenki?
Potrzebujemy identyfikator piosenki - jest to kod znajdujący się w URL: http://www.youtube.com/embed/HBxt_v0WF6Y?rel=0 - wystarczy przekopiować (każda piosenka ma swój) i na końcu adresu dopisać taki kod:
&loop=1&playlist=Video_ID
zamiast Video_ID wstawiamy nasz identyfikator. Można też podać identyfikator playlisty utworzonej na Youtube. W Ten sposób będą odtwarzane po kolei piosenki, które tam dodamy.

muzyka w HD?
tutaj trzeba uważać, bo stare komputery nie obsługują jakości HD (zacina im się, nie odtwarza). Do adresu URL dopisujemy:
&hd=1