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-04-24, 01:07 [PrintDesign] Nagłówek na całą szerokość bloga
|
|
|
Szablon Print Design posiada wbudowany gadżet nagłówek, w którym można wpisać tytuł swojego bloga a także wstawić obrazek z dysku. Problem w tym ,że po wgraniu obrazka widać tylko małą jego część. Jak sobie z tym poradzić?
Najpierw wykonujemy kopię zapasową naszego szablonu a następnie w dziale układ dodajemy obrazek z dysku o szerokości naszego bloga, standardowo szablon ma 960px szerokości. Po wgraniu zdjęcia zapisujemy zmiany i wracamy do działu Szablon w celu edycji kodu HTML.
Rozszerzamy szablony widżetów i odszukujemy w CSS fragment odpowiedzialny za nagłówek bloga: Tutaj kasujemy to: Jeżeli chcemy mieć tło (np. przeźroczyste) to zostawiamy fragment dotyczący background i podmieniamy w nim link do obrazka na swój.
Od tej chwili nasz nagłówek będzie miał pełną wysokość (taką jak zdjęcie dodane w gadżecie). Teraz zajmiemy się rozszerzeniem go na całą szerokość naszego bloga. Odszukujemy: i kasujemy width razem z procentową wartością lub wpisujemy 100%.
Zapisujemy zmiany. Nasz nagłówek powinien pokazywać się teraz cały.
Jeżeli korzystamy z obrazu i tekstu to przyda nam się jeszcze edycja wyglądu tytułu bloga. Wyszukaj styl tytułu bloga: #header h1 i edytuj w nim kolor, cień (shadow), wielkość itp.
W przypadku kiedy wyświetlamy zdjęcie zamiast tytułu trzeba dodatkowo odnaleźć taki fragment: i zmienić wartość lewego padding z 10px na 0px - w ten sposób obrazek nie będzie odstawać z lewej strony.
a jak zrobić taki nagłówek jak na star-poli albo ananasowemsp?
Oba te blogi korzystają ze skryptu losowego nagłówka po każdym odświeżeniu.
Oba blogi w pierwszym kodzie z tego tematu mają jako background ustawiony ten obrazek: http://i.imgur.com/jpcGm.png oraz wysokość (czyli width) na 360px.
Przygotuj obrazki (bez tła, zapisz je jako .png lub .gif), uzupełnij skrypt z instrukcji a następnie odszukaj w szablonie początek boksu z nagłówkiem: i wklej go tuż pod tym. Zapisz zmiany.
Od tej pory Twój nagłówek powinien mieć przeźroczyste tło i rotator obrazków na środku.
w razie gdyby tekst nagłówka wystawał gdzieś gdzie nie powinien należy dopisać w sekcji CSS jeszcze to: spowoduje to ukrycie tytułu i opisu bloga.
Powyższa instrukcja została przetestowana na blogu i działa  http://msp-instrukcje.blogspot.com
W razie pytań zostaw komentarz poniżej - dokładnie opisz w czym tkwi problem.
-------------
Szablony systemowe Jak rozciągnąć nagłówek, żeby był równy z blogiem?
-------------
|
______________________________________________________ nie radzisz sobie? pomoc indywidualna oraz blogi i strony na zamówienie
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.  |
|
FAQ
Szukaj
Użytkownicy
Blogger Polska!
Rejestracja
Zaloguj
