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


Imię: Sandra
Wiek: 29
Dołączyła: 26 Lis 2011
Posty: 28
Miasto: Elbląg
Wysłany:    Niestandardowy header
To znowu ja nękam :D
Bo tak sobie pomyślałam czy da radę zrobić niestandardowy kształt headera, np cos w ten desen: http://screenshooter.net/3251316/iangpwd
albo coś łatwiejszego np jakiś border, może coś jak u mnie po bokach tak i u góry + zaokrąglenie rogów?
 
  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: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2012-05-06, 22:40   
sekcja blog na Twoim obrazku musi być tej samej szerokości jak nagłówek. Jedyne co potem trzeba zrobić to węższy obrazek tła pod blogiem (czyli powtarzający się pasek na tło wpisów bloga ma po bokach pusto, cień lub kolor tła całej strony) i dodać boczne marginesy tak, żeby tekst wskoczył w ramy, w ten sposób wizualnie będzie wyglądało, że blog jest węższy od nagłówka ;)

______________________________________________________
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:
DuoFruo 
Blogger.Klub


Imię: Sandra
Wiek: 29
Dołączyła: 26 Lis 2011
Posty: 28
Miasto: Elbląg
Wysłany: 2012-05-06, 22:43   
no tam mi kropka wylazła na szare :) No ale powiedzmy że jej nie ma i jest równo z blogiem. :wstyd: Jest sposób chociaż na to zaokrąglenie górnych rogów i przerywaną linią obtoczyć?
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2012-05-06, 23:30   szablon ethereal
Robisz taki obrazek z zaokrąglonymi rogami i wstawiasz w nagłówek lub lepiej sobie dorobić do szablonu DIV na górze i ustawić grafikę jako tło. Wszystko co jest na zewnątrz grafiki nie ma mieć tła, zapisujesz jako .png

Z przerabianiem szablonu i dopasowywaniem go pod taki nagłówek będzie trochę roboty.

tuż nad tym divem:
Wiadomość (widoczna dla zarejestrowanych)
Trzeba utworzyć nowy np. z identyfikatorem top-header
potem w CSS dodajesz styl #top-header {} i uzupełniasz go wartościami width, height, background oraz wyśrodkowujesz za pomocą:

Kod

margin: 0 auto;
Jakie wartości trzeba dobrać? wpisać wymiary obrazka nagłówka ;) a w background dać url i podać adres tej grafiki, kod będzie wyglądał mniej więcej tak:
Wiadomość (widoczna dla zarejestrowanych)
w ten sposób obraz ułoży się na górze, po środku i nie będzie powielany poziomo ani pionowo.

następnie w .content-fauxcolumns .fauxcolumn-inner kasujesz background i marginesy.
potem w .region-inner (tylko taki niewspółdzielony z innymi, jak nie ma to trzeba dopisać) dodajesz margin-top - wartość dopasowujesz tak by zawartość bloga przesunęła się w dół na tło.
______________________________________________________
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:
DuoFruo 
Blogger.Klub


Imię: Sandra
Wiek: 29
Dołączyła: 26 Lis 2011
Posty: 28
Miasto: Elbląg
Wysłany: 2012-05-10, 13:34   
hmm, zrobiłam po kolei wszystko i nic,
spójrz: http://tusobietestuje.blogspot.com/
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2012-05-10, 21:47   
=> http://photoblogtheme.blogspot.com/ tu masz graficzną ramkę (taki wycięty wzorek dookoła), góra i dół są dorobione a środek jest ustawiony jako tło głównej kolumny bloga. Ta góra czy dół mogą być dowolnej szerokości.

Twój "header" z obrazka powinien być takim DIV dopisanym nad szablonem.
______________________________________________________
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:
DuoFruo 
Blogger.Klub


Imię: Sandra
Wiek: 29
Dołączyła: 26 Lis 2011
Posty: 28
Miasto: Elbląg
Wysłany: 2012-05-11, 10:04   
genialny blog :szok:
Ale ja nie wiem, mi to trzeba chyba łopatologicznie bo siedzę i wrzucam coś tu, coś tam i chyba nie bardzo mi idzie :( Także wieeelkie proooszę :help: I już nie będę truć :) :hyhy:
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2012-05-14, 05:09   
przygotuj sobie obrazek w tym stylu: http://i.[domena.wygasla]/pfb5.jpeg ale o odpowiedniej szerokości (takiej samej jak tło wpisów) i dopasowanym wzorku.

Następnie przejdź do edytora, rozszerz szablony widżetów, odszukaj <body i wklej poniższy kod tuż nad pierwszym DIV szablonu:
Wiadomość (widoczna dla zarejestrowanych)
Następnie w sekcji CSS (oszukujemy za pomocą ]]><) dopisujesz to:
Wiadomość (widoczna dla zarejestrowanych)
______________________________________________________
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:
abigail 
Blogger.Klub


Dołączyła: 24 Mar 2012
Posty: 62
Wysłany: 2012-07-01, 19:59   

Htsz napisał/a:

=> http://photoblogtheme.blogspot.com/ tu masz graficzną ramkę (taki wycięty wzorek dookoła), góra i dół są dorobione a środek jest ustawiony jako tło głównej kolumny bloga. Ta góra czy dół mogą być dowolnej szerokości.

Twój header z obrazka powinien być takim DIV dopisanym nad szablonem.


A jak zrobiłeś ramkę wokół zdjęć...? Jest dodana do wszystkich zdjęć w pokazie slajdów oddzielnie, czy tak jak w przypadku http://forum.blogowicz.in...owku-vt4768.htm (dodatkowe logo na zdjęciach w pokazie slajdów)?...

Ciekawy pomysł z takim wyglądem bloga. Kolejny do testowania u siebie :D .
Chyba nawet wiem, gdzie go zrobię...
______________________________________________________
Koty: http://kociki-abigail.blogspot.com
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2012-07-01, 20:28   

abigail napisał/a:

A jak zrobiłeś ramkę wokół zdjęć...?
zdjęcie są tak powycinane, przygotowujesz sobie szablon i potem tylko nakładasz na fotki i wycinasz nim wzór ;)
______________________________________________________
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:
abigail 
Blogger.Klub


Dołączyła: 24 Mar 2012
Posty: 62
Wysłany: 2012-07-01, 22:16   
Niestety, efekt zerowy. Spróbuję jeszcze usunąć białe tło w .content-inner...

edit: jakby tego top-header nie widział?...

edit: dostanę wścieklizny przy tym...
baner w nagłówku udało mi się umieścić wyłącznie za pomocą bloggera - układ.
Musiałam zrobić nowy id header1, aby zdefiniować mu zero padding-ów, niestety jest on ustawiony względem content-inner, który stanowi o tle całości jakoś do kitu :( ...
Nie umiem go bardziej w lewo już przesunąć.
Nie umiem też przesunąć w dół content-inner, myślałam, że zrobię kawałek przeźroczysty, ale to oczywiście bez sensu, bo przy powtarzaniu, ta przeźroczystość też się powtarza...
Ech... :(

edit: poprzesuwałam wszystko w prawo, jakoś to wygląda, nie mogę sobie jednak poradzić z przesunięciem tła głównego w dół, tak, aby nie zachodziło na nagłówek :( ....

[ Dodano: 03-07-2012, 21:18 ]
Czy mogę prosić o pomoc z wypozycjonowaniem nagłówka? A ściślej przesunięcie wnętrza bloga (content-inner) w dół?

Chodzi o ten blog: http://dziennik-abigail.blogspot.com/
______________________________________________________
Koty: http://kociki-abigail.blogspot.com
 
  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