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

»  »  »  ::
Przesunięty przez: Htsz
2013-10-29, 22:50
Autor Wiadomość
ppitek40 
Blogger.Klub

Dołączył/a: 28 Paź 2013
Posty: 30
Wysłany:    [blogspot, szukam] Kafelkowy szablon, podobny do Hoarder
szukam szablonu podobnego do tego http://demo.themezilla.com/?theme=hoarder , ale działającego na bloggerze. Głównie chodzi mi o ten pasek menu, kolorystykę i ogólny minimalizm
 
  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: 2013-11-07, 05:46   szablon o wyglądzie kafelkowym na bloggerze
Zawsze możesz zamówić, wtedy dostaniesz taki jakiego oczekujesz ;-)

Znalazłem takie:
Wiadomość (widoczna dla zarejestrowanych)
w stylu pinterest, wpisy dopasowują się do ekranu (na całą szerokość). Jest menu na górze, ale stronicowanie jest chyba tradycyjne, nie jak w przypadku twojego przykładu, za pomocą "załaduj więcej". Zdjęcie i tytuł, bez fragmentów. Trzeba by trochę pogrzebać w kodzie żeby go dopasować pod hoarder.

Wiadomość (widoczna dla zarejestrowanych)
tutaj również jest menu, pod spodem kafelki, te bardziej przypominają hoarder. Są fragmenty postów, stronicowanie 1,2,3... Tutaj również też potrzeba nieco modyfikacji - edycja nagłówka i tła bloga.

Wiadomość (widoczna dla zarejestrowanych)
najgorszy z tych trzech, ale też kafelkowy. Zdjęcie (z efektem powiększania), tytuł i kawałek wpisu. Pasek boczny z gadżetami - po lewej.

zapytanie: grid theme blogspot
______________________________________________________
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:
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: 2013-11-10, 07:02   kafelkowe szablony na bloggera
Trafiłem na jeszcze dwa.
Wiadomość (widoczna dla zarejestrowanych)
responsywny (ale czasem dziwnie reaguje), są kafelki z miniaturami i kawałkiem wpisów. Trzy kolumny, na górze jest rotator polecanych postów z dużymi fotkami. Tego szablonu używa np. angelikasplace (na tym blogspotowym).

Wiadomość (widoczna dla zarejestrowanych)
wpisy pojawiają się podobnie jak na kominek.es/.in, po najechaniu na wybrany boks rozwija się on pokazując dłuższy fragment wpisu. Ciemne tło szablonu. Minusem jest to, że dziwnie rozkładają się te kafle..
______________________________________________________
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:
ppitek40 
Blogger.Klub

Dołączył/a: 28 Paź 2013
Posty: 30
Wysłany: 2013-11-20, 19:21   
Najlepsze moim zdaniem to Accord i Pinfinity, zdecydowałem się jednak na to drugie, ale brakuje mi właśnie tego fragmentu tekstu i stronicowania. Wyświetlanie postów zdecydowanie lepiej wygląda w Accordzie, ale menu mi się tam strzasznie nie podoba :D
 
  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: 2013-11-20, 21:40   

ppitek40 napisał/a:

ale brakuje mi właśnie tego fragmentu tekstu i stronicowania.

stronicowanie: poszukaj instrukcji dotyczących "infinite scrolling"
fragmenty: można spróbować dodać
Wiadomość (widoczna dla zarejestrowanych)
w DIV entry-desc, pomiędzy h3 a DIV entry-meta group.
______________________________________________________
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:
ppitek40 
Blogger.Klub

Dołączył/a: 28 Paź 2013
Posty: 30
Wysłany: 2013-11-20, 22:11   
nie mam entry-meta group... 0,o :D
tak btw. w Blogspocie cały kod mi się jakoś buguje, pół kodu mi się w jakieś całkowicie nie ogarnięte znaki się zmienia :/
 
  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: 2013-11-21, 12:36   Jak dodać fragment wpisu na stronie głównej (kafelki)
Jest, tylko daliśmy się oszukać, bo generuje to JavaScript. Sprawdzałem sobie za pomocą Firebuga a nie zajrzałem w źródło. Generowaniem zawartości boksów zajmuje się:

Kod

<script type='text/javascript'>//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('f g(a){h p=i.j(a),7="",4=p.k("4");l(4.m>=1)7=\'<4 2="n" 8="\'+4[0].8+\'" />\';p.o=\'<3 2="6-q-r"><a 5="\'+y+\'">\'+7+"</a></3>"+\'<3 2="6-s"><9><a 5="\'+y+\'">\'+x+\'</a></9><3 2="6-u v"><a 2="w-b" 5="\'+t+\'">\'+z+\'</a><c 2="A-B" C="D" E="0" F="b" 8="G://H.I.J/K/d.L?5=\'+y+\'&M=e&N=O&P=e&Q=R&S=d&T=U"></c><a V="\'+x+\'" 2="6-W" 5="\'+y+\'"></a><3 2="X"></3></3></3>\'};',60,60,'||class|div|img|href|entry|imgtag|src|h3||no|iframe|like|false|function|readmore|var|document|getElementById|getElementsByTagName|if|length|thumb|innerHTML||content|cnt|desc||meta|group|comments||||fb|home|allowTransparency|true|frameborder|scrolling|http|www|facebook|com|plugins|php|send|layout|button_count|show_faces|width|79|action|colorscheme|light|title|permalink|clear'.split('|'),0,{}))
//]]></script>
po rozszyfrowaniu tego za pomocą:
Wiadomość (widoczna dla zarejestrowanych)
okazało się, że udział bierze jeszcze drugi:

Kod

<script type='text/javascript'>var x=&quot;<data:post.title/>&quot;,y=&quot;<data:post.url/>&quot;,z=&quot;<data:post.numComments/>&quot;,t=&quot;<data:post.addCommentUrl/>&quot;;readmore(&quot;p<data:post.id/>&quot;)</script>
Z niego wczytywane są dane takie jak tytuł posta, data, ilość komentarzy.

Co można z tym zrobić?

Rozpakowany kod modyfikujemy (dodajemy zmienną, która wczyta nam fragment wpisu) i wrzucamy ponownie do pakowania:
Wiadomość (widoczna dla zarejestrowanych)
a następnie podmieniamy ten pierwszy kod na nowy.
kod do do podmiany:
Wiadomość (widoczna dla zarejestrowanych)


Drugi również zamieniamy, na taki:
Wiadomość (widoczna dla zarejestrowanych)
zapisujemy zmiany.

Gdyby trzeba było coś zrobić z tekstem, to wsadziłem go w DIV z klasą entry-snippet. Wystarczy dopisać dla niej styl w CSS.
np.

Kod

.entry-snippet {
margin-bottom: 12px;
}
______________________________________________________
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:
ppitek40 
Blogger.Klub

Dołączył/a: 28 Paź 2013
Posty: 30
Wysłany: 2013-11-21, 18:30   
ok dzięki wielkie, już chyba ostatnia rzecz jaka mnie interesuje to pasek menu, ten cienki pasek w górnej części przycisków
 
  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: 2013-11-21, 22:58   

ppitek40 napisał/a:

ok dzięki wielkie, już chyba ostatnia rzecz jaka mnie interesuje to pasek menu, ten cienki pasek w górnej części przycisków
nie lubię jak muszę się domyślać o co komuś może chodzić..
interesuje Cię z jakiego powodu? pasek menu ze stronami (rozwijany) ma dolne i górne obramowanie. edytujesz border w nav oraz #site-head. Jest jeszcze pasek na samej górze strony, taki niebieski - to border w #Header.
______________________________________________________
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:
ppitek40 
Blogger.Klub

Dołączył/a: 28 Paź 2013
Posty: 30
Wysłany: 2013-11-22, 17:20   
Sorki trochę źle napisałem w Hoarderze na pasku menu, jest taki cienki czarny paseczek jak się najedzie na dany link
 
  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: 2013-11-22, 17:49   
Tam lista linków ma nieco inny styl CSS, ale to również kwestia border-top. Możesz dopisać do CSS takie coś:

Kod

#navigation > li a, #navigation > li ul li a:hover {
border-top: 3px solid transparent;
}
#navigation > li a:hover {
border-top: 3px solid #000;
}
a potem popracować nad odstępami górnym i dolnym dla linków menu.
Dolny jest w #navigation > li a, górny w nav
______________________________________________________
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:
ppitek40 
Blogger.Klub

Dołączył/a: 28 Paź 2013
Posty: 30
Wysłany: 2013-11-22, 18:50   
ok górny i dolny odstęp jest ok tylko jak zmienić ten odstęp między paskiem a tekstem?
 
  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