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:

.sidebar h2 {

    background: none repeat scroll 0 0 #EEEEEE;

    border-left: 6px solid #E8202D;

    color: #565656;

    font-family: Arial,Helvetica,Sans-serif;

    font-size: 16px;

    font-weight: bold;

    line-height: 16px;

    margin: -11px -11px 12px;

    padding: 10px;

    text-transform: uppercase;

}

kod:

border-left: 6px 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;

Przejdź do strony wpisu i dodaj komentarz lub pytanie »

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/aA3TRBI_FBc?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

//aktualizacja instrukcji
Starsza wersja odtwarzacza, którą wykorzystaliśmy do pokazywania samego paska z opcjami (bez filmu) ma od jakiegoś czasu zablokowane odtwarzanie filmów na licencjach, czyli takich, które mają partnerstwo z VEVO, UMG itp. Szukaj zatem piosenek, które nie są zablokowane do odtwarzania na witrynach internetowych. Przed ustawieniem wysokości 25 sprawdź czy nie wyświetla się komunikat o blokadzie.

Przejdź do strony wpisu i dodaj komentarz lub pytanie »