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



::
Autor Wiadomość
AlicjaJestem 
Blogger.Klub


Wiek: 36
Dołączyła: 02 Sty 2014
Posty: 41

Wysłany:    [Szablon Galauness] Jak przekształcić okno postów na blogu

Hej chciałam się spytać jak mogę przekształcić okno postów na blogu, na takie . Chodzi mi by posty pojawiały się w taki sam sposób jak u charlize mystery[img (zaznaczone na czerwono), a druga sprawa to jak przenieść menu nad nagłówek (zaznaczone na zielono) Dodam, że jest to mój fotograficzny blog.


a jeszcze adresy: jej blog: http://charlizemystery.com/
mój blog: http://jotvelzet.blogspot.com/
______________________________________________________
http://holographicwolf.blogspot.com
 
  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

AlicjaJestem 
Blogger.Klub


Wiek: 36
Dołączyła: 02 Sty 2014
Posty: 41

Wysłany: 2014-02-01, 12:11   

Ze stronami nad nagłówkiem sobie poradziłam, ale z oknem postów już nie. Ktoś pomoże?
______________________________________________________
http://holographicwolf.blogspot.com
 
  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-02-05, 04:23   

Przeniesienie menu nad nagłówek sprowadza się do przekopiowania DIVa nav - wraz z całą zawartością - nad DIVa header-wrapper. Przerobienie sekcji wpisów może już nie być kaszą z mleczkiem - jest to dość indywidualny problem zatem polecam się prywatnie lub poszukaj sobie szablonu bliższego wyglądem charlizemystery (robiłem już podobne).

Co mogę podpowiedzieć?
Da się to wykonać, efekt może być np. taki:


zacznij od skasowania float w .post - on i kilka elementów wewnątrz (.post h3 / .snips-image / .snips-image a / .snips-image img) mają ustawione sztywne szerokości (np. 310px) oraz wysokości (np. 236px, 40px) - trzeba wprowadzić większe wartości by dopasować wyświetlanie dużych kafelków.
Do tego zmiana wielkości miniatury, tutaj:
Wiadomość (widoczna dla zarejestrowanych)
wprowadź wartość przynajmniej 1000;

Poszerzysz pola, powiększysz czcionkę i powinno się udać ;=)
______________________________________________________
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:
AlicjaJestem 
Blogger.Klub


Wiek: 36
Dołączyła: 02 Sty 2014
Posty: 41

Wysłany: 2014-02-06, 15:24   

Dobra jak na tę chwilę udało mi się zrobić coś takiego http://jotvelzet.blogspot.com/ . I nie mam pojęcia jak zrobić by jeden post był pod drugim, tak jak zrobiłeś to w załączonym obrazku, bo mi się wszystkie łączą i jak wyśrodkować te posty. Szukałam, ale nic nie pomagało.
______________________________________________________
http://holographicwolf.blogspot.com
 
  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-02-06, 20:26   

Podpowiadałem przecież. Zmieniasz szerokości i wysokości dla elementów, które podałem. Szczególnie dla .post - tam możesz też ustawić:

Kod

text-align: center;
. Szerokości w większości przypadków możesz przestawić na 100%, bo i tak główna kolumna ma ustawioną wartość pikselową i posty nie będą szersze niż to.
______________________________________________________
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:
AlicjaJestem 
Blogger.Klub


Wiek: 36
Dołączyła: 02 Sty 2014
Posty: 41

Wysłany: 2014-02-07, 19:58   

Ok ustawiłam. Jedynie zostało zmienić odległość między postami a nagłówkiem

Kod

.post {
width:800px;
height:180px;
padding:0;
margin:230px;
border-bottom:none;
border-top:1px solid #fff;
background:#fff;
}


ustawiłam margin na 230px, bo wtedy mam na środku niestety wtedy też zmienia się odległość, którą opisałam powyżej.
______________________________________________________
http://holographicwolf.blogspot.com
 
  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-02-07, 20:10   

nie tak się środkuje elementy. Służy do tego

Kod

margin: 0 auto;
lub/oraz

Kod

text-align: center;
______________________________________________________
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:
AlicjaJestem 
Blogger.Klub


Wiek: 36
Dołączyła: 02 Sty 2014
Posty: 41

Wysłany: 2014-02-07, 21:24   

Nie wiem gdzie to wreszcie zmienić, czy w .post, czy w tym wrapper, bo tylko tam mam te margin auto. Do mnie trzeba pisać jak prostemu chłopowi, bo tych text-align jest mnóstwo.
______________________________________________________
http://holographicwolf.blogspot.com
 
  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-02-07, 22:53   

Ja Ci napisałem jak się środkuje elementy a nie że masz tego gdzieś szukać.
Wcześniej napisałem również co edytować i na co zwracać uwagę.

Wartość wysokości w .post jest zbyt mała, dlatego nachodzą na siebie. Można to wykasować nawet całkiem, wtedy będzie zależna od zawartości DIVa.

Jak ustawiłaś szerokość na 800 (a nie na 100%), to wyśrodkowanie diva odbywa się właśnie za pomocą auto w bocznych marginesach. Teksty środkujesz za pomocą tego center.

Miniatury są małe, bo nie edytowałaś .snips-image, .snips-image a i .snips-image img
______________________________________________________
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:
AlicjaJestem 
Blogger.Klub


Wiek: 36
Dołączyła: 02 Sty 2014
Posty: 41

Wysłany: 2014-02-08, 15:08   

Eh, nie wiem pozmieniałam w tych snipsach, mniejsza już. Myślałam, że dasz wskazówkę jak innym, żeby znaleźć np. element pewien w kodzie i zamienić na coś innego, bo już próbowałam wszystkich zmian z tego co podałeś i jednak nie ustawiło mi się tak. Jedynie jak zmieniłam margin w .post z czego odległość między postami, a nagłówkiem była nie do przyjęcia. No trudno poszukam innego szablonu.
______________________________________________________
http://holographicwolf.blogspot.com
 
  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-02-08, 17:44   

Za takie rzeczy normalnie bierze się pieniądze, więc nie oczekuj ode mnie, że będę za Was przerabiał pół albo całe szablony (chodzi mi tu o problemy indywidualne, rozwiązania, które nie są uniwersalne). Poświęcam na to sporo czasu a forum nie zarabia na siebie. Chętnie pomagam z problemami na blogach (czasem bardzo skomplikowanymi), ale to musi sprawiać mi przyjemność. Nie chcę być wykorzystywany jako darmowa siła robocza.

Podpowiedziałem Ci na tyle dużo, że może odbyć się bez wklejania kodów na zasadzie "zamień to na to".

Większość zmian sprowadza się do edytowania wartości width oraz height w klasach, które też wypisałem. Tam, gdzie zmieniłaś według sugestii zadziałało. Zatem byłaś na dobrej drodze do osiągnięcia wymarzonego wyglądu. Wartości szerokości i wysokości w tych miejscach określają teraz stały rozmiar elementu, który jest za mały. Jeżeli chcesz je powiększyć, to trzeba edytować lub skasować całkiem te linijki. Wtedy taki DIV będzie na całą szerokość i wysokość zależną od ilości treści wewnątrz niego.
______________________________________________________
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:
AlicjaJestem 
Blogger.Klub


Wiek: 36
Dołączyła: 02 Sty 2014
Posty: 41

Wysłany: 2014-02-09, 13:27   

Nie miałam zamiaru Cię wykorzystywać, tylko myślałam, że nie jest to jakimś wielkim problemem, a widocznie jest przy tym więcej pracy. Wiesz wydanie 100 zł czy więcej na zmianę jedynie okna dialogowego nie ma dla mnie najmniejszego sensu. Gdyby był to cały szablon to i owszem. No nic spróbuję jeszcze raz albo znajdę inny szablon.
______________________________________________________
http://holographicwolf.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