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

Dołączył/a: 10 Sty 2012
Posty: 0
Wysłany:    [blogger] jak ułożyć odpowiednio tekst i gadżety?
Witam serdecznie,

chciałbym dowiedzieć się co zrobić, aby tekst nie rozciągał się na cały szablon (chodzi mi o sam tekst, kiedy piszę pod zdjęciem, wszystko jest ok - zawija sie wraz z końcem zdjęcia).

druga sprawa to gadżety - mam je na samym dole strony z lewej strony jeden pod drugim - czy jest jakis sposob zeby wszystkie były w jednej linii tzn. po lewo, w środku i po prawo?

trzecia i ostatnia :) - chciałbym te gadżety oddzielić od bloga grubą krechą - jest jakiś sposób?

byłbym zapomniał - http://bartsobanski.blogspot.com/ - gdyby okazało się potrzebne..
 
  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: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2012-01-11, 00:02   

Cytat

chciałbym dowiedzieć się co zrobić, aby tekst nie rozciągał się na cały szablon (chodzi mi o sam tekst, kiedy piszę pod zdjęciem, wszystko jest ok - zawija sie wraz z końcem zdjęcia).
nie do końca rozumiem? Chcesz żeby tekst mieścił się w takich ramach jak szerokość zdjęć? Jeżeli tak to w zakładce "Szablon" -> "dostosuj" -> "Dostosuj ustawienia szerokości" zmień szerokość bloga na taką, która ci będzie odpowiadać.

bart1 napisał/a:

druga sprawa to gadżety - mam je na samym dole strony z lewej strony jeden pod drugim - czy jest jakis sposob zeby wszystkie były w jednej linii tzn. po lewo, w środku i po prawo?
Widocznie masz ustawioną jedną kolumnę widżetów. Przejdź do "Szablon" -> "Dostosuj" -> "Układ" -> zmień na taki żeby stopka miała trzy kolumny.

bart1 napisał/a:

trzecia i ostatnia :) - chciałbym te gadżety oddzielić od bloga grubą krechą - jest jakiś sposób?
Przejdź do "Szablon" -> "utwórz kopię zapasową" -> zapisz ją na dysk. Potem kliknij na "Edytuj kod HTML" -> "kontynuuj" -> wyszukaj (Firefox ctrl+f) fragment:

Kod

]]></b:skin>
uważaj żeby nie skasować żadnej klamry { bądź } i w nowej linii tuż przed tym kodem dodaj to:
Wiadomość (widoczna dla zarejestrowanych)
1px określa grubość, solid rodzaj kreski (może być jeszcze np. dashed, dotted) a #eeeeee jej kolor (wybrałem taki jak tej na górze). margin określa margines dolny a padding odległość nad kreską.
______________________________________________________
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:
bart1 
Blogger.Klub

Dołączył/a: 10 Sty 2012
Posty: 0
Wysłany: 2012-01-11, 00:09   
co do pierwszego pkt - mhm, jednak czy jest możliwe aby nie zwężać tej wewnętrznej białej kolumny, a przy tym ograniczyć tekst? nie wiem, czy dość jasno się wyrażam.. innymi słowy, czy bez zdjęcia jest możliwe przeniesienia tekstu na przy samym brzegu, czyli tam gdzie kończy się biały kolor, ale wcześniej - tak, żeby tekst miał szerokość zdjęcia - był po prostu bardziej ściśnięty.

porada 2 i 3 jak najbardziej zadziałala, dzięki!
 
  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: 2012-01-11, 00:44   
edit:

w obecnym układzie możesz wymazać wszystko z #Blog1 i dopisać do stylu dla .main-inner(odszukaj w kodzie) border-bottom - linia będzie niżej i szersza.

Jak to zrobisz to wtedy do #Blog1 wpisz to:

Kod

widht: 760px;
margin: 0 auto 10px;
zdjęcia mają 750px i ta ramka 5px - razem daje 760px
______________________________________________________
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:
bart1 
Blogger.Klub

Dołączył/a: 10 Sty 2012
Posty: 0
Wysłany: 2012-01-11, 01:03   

Cytat

w obecnym układzie możesz wymazać wszystko z #Blog1 i dopisać do stylu dla .main-inner(odszukaj w kodzie) border-bottom - linia będzie niżej i szersza.


niestety, to jest dla mnie niezrozumiałe - czy mogę prosić bardziej łopatologicznie?

[ Dodano: 11-01-2012, 01:32 ]
miałbym jeszcze jedno pytanie - czy przy obecnym szablonie jest możliwe umieszczenie czegoś po praw0, na szarym tle? chodzi mi o 3 krótkie linijki.
 
  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: 2012-01-11, 02:45   

bart1 napisał/a:

niestety, to jest dla mnie niezrozumiałe - czy mogę prosić bardziej łopatologicznie?
zamiast poprzedniego #Blog1 musisz mieć:
Wiadomość (widoczna dla zarejestrowanych)


odszukaj to:

Kod

.main-inner {
padding-bottom: 30px;
padding-top: 30px;
}
szukając po słowie kluczowym .main-inner i dopisz tam nową linijkę
Wiadomość (widoczna dla zarejestrowanych)


Htsz napisał/a:

miałbym jeszcze jedno pytanie - czy przy obecnym szablonie jest możliwe umieszczenie czegoś po praw0, na szarym tle? chodzi mi o 3 krótkie linijki.
ilość szarego zależy od rozdzielczości ekranu. Obecnie szerokość białego pola ma 1000px oznacza, to że osoby z rozdzielczością 1024x768 nie widzą szarego praktycznie wcale. Lepiej jest zmienic układ na taki z bocznym menu, ale wtedy zmniejszy się pole na wpisy i nasze zmiany dotyczące szerokości #Blog1 będą nieaktualne.
______________________________________________________
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:
bart1 
Blogger.Klub

Dołączył/a: 10 Sty 2012
Posty: 0
Wysłany: 2012-01-11, 11:16   
super, dzięki.
Miałbym jeszcze jedno pytanie - dlaczego dzieje się tak, że po dodaniu dwóch zdjęć, kiedy zaznaczam oryginalny rozmiar zdjęcia, odznaczam LINK, żeby zdjęcie nie otwierało się w nowym oknie i kiedy zaznaczam DO LEWEJ, zdjęcia sobie same przeskakują? kiedy chce je przesunąć to wyczyniają takie rzeczy, że w ogóle nie można z tym dojść do ładu. irytująca sprawa.

a także dlaczego napis "komentarze" nie znajduje się bezpośrednio pod zdjęciami, tylko jest tyle wolnej białej przestrzeni pomiedzy napisem właśnie, a zdjęciami?
 
  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: 2012-01-11, 15:32   

bart1 napisał/a:

super, dzięki.
nie zastosowałeś ostatnich zmian a klikasz, że pomogły?

bart1 napisał/a:

dlaczego dzieje się tak, że po dodaniu dwóch zdjęć, kiedy zaznaczam oryginalny rozmiar zdjęcia, odznaczam LINK, żeby zdjęcie nie otwierało się w nowym oknie i kiedy zaznaczam DO LEWEJ, zdjęcia sobie same przeskakują?
gdzie przeskakują i jak wygląda nieoczekiwany efekt? a jak powinien wyglądać?

bart1 napisał/a:

a także dlaczego napis komentarze nie znajduje się bezpośrednio pod zdjęciami, tylko jest tyle wolnej białej przestrzeni pomiedzy napisem właśnie, a zdjęciami?
każdy enter zostawiony na samym dole dodaje nową linię (nowy wiersz) i tworzy pustą przestrzeń. Przełączając się na widok HTML podczas edycji postu będziesz widział czy na końcu dokumentu nie pozostał zbędny kod (np po usuniętym zdjęciu - pusty <div> lub <p> - bądź owy enter - <br/>)

Dodatkowo w CSS (Szablon -> edytuj HTML) musisz odnaleźć coś w tym stylu:

Kod

.post-footer {
background-color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
color: #666666;
font-size: 90%;
line-height: 1.6;
margin: 20px -2px 0;
padding: 5px 10px;
}
(szukaj po .post-footer) i zmień w linii dotyczącej margin oraz padding na taką:
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:
bart1 
Blogger.Klub

Dołączył/a: 10 Sty 2012
Posty: 0
Wysłany: 2012-01-11, 15:50   
kliknąłem, że pomogło, ale co do zmian - rozmyśliłem się. ostatecznie i tak by pomogło, więc intencje się dla mnie liczą, nie efekt, który i tak byłby pewnie dobry.

co do odstępu, faktycznie zadziałało, ale o ile pod zdjęciami był spoko odstęp, tak pod komentarzem bez zdjęcia niemalże "komentarz" wjechał na tekst. zrezygnuje więc.

[ Dodano: 11-01-2012, 15:55 ]
co do zdjęć muszę robić taką akcje -

przykładowo daje 4 zdjęcia - dodaje je w takiej kolejności, w jakiej chce, żeby były wyświetlone na blogu. robię 3 rzeczy - klikam na "oryginalny rozmiar", klikam w LINK, żeby się nie wyświetlały w nowym oknie i daje do lewej.
żeby jednak zdjęcia pozostały w takiej kolejności, w jakiej chciałbym, żeby były, muszę to robić w takiej kolejności - najpierw klikam oryginalny rozmiar i link i tak po kolei z następnym zdjęciem aż dojdę do ostatniego. później (jak już wszystkie zdjęcia mają oryginalny rozmiar i mają odznaczony LINK klikam do LEWEJ, ale muszę to robić od ostatniego zdjęcia. Jeśli zrobiłbym to od pierwszego, zamienia się kolejność - ostatnie zdjęcie jest pierwszym, a pierwsze ostatnim.
 
  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: 2012-01-11, 17:17   

bart1 napisał/a:

co do odstępu, faktycznie zadziałało, ale o ile pod zdjęciami był spoko odstęp, tak pod komentarzem bez zdjęcia niemalże komentarz wjechał na tekst. zrezygnuje więc.
pobaw się zatem wartościami margin i padding tak żeby w obu przypadkach było dobrze ;)
w przypadku podpisów do zdjęć - tam się tworzą dodatkowe marginesy stąd różnice.

bart1 napisał/a:

ale muszę to robić od ostatniego zdjęcia. Jeśli zrobiłbym to od pierwszego, zamienia się kolejność - ostatnie zdjęcie jest pierwszym, a pierwsze ostatnim.
Rzeczywiście pojedyncze wybieranie wyrównanie do lewej (z opcji pod zdjęciem) powoduje przeskakiwanie do góry. Przyczyną jest zapewne float, który zostaje utworzony dla zdjęcia. Jest jednak rozwiązanie. Dodajesz fotki, kasujesz linki a potem zaznaczasz je wszystkie (np. za pomocą ctrl+a) i wybierasz z paska narzędzi wyrównanie do lewej.
Chociaż środkowanie zdjęć w przypadku kiedy są one mniejsze od ram bloga to według mnie lepsze wyjście, bo wtedy margines z obu stron jest taki sam. Dodatkowo jakbyś zastosował te zmiany wyżej - dotyczące szerokości bloga - to by się to z tekstem wyrównał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:
bart1 
Blogger.Klub

Dołączył/a: 10 Sty 2012
Posty: 0
Wysłany: 2012-01-11, 23:01   
tzn, że nie ma szans, żeby odległość pod postem bez zdjęcia pozostała taka sama, a pod zdjęciem +komentarzem (lub bez) zmniejszyła się? tak byłoby najlepiej ;)

ctrl+a zdecydowanie umila życie. piękne dzięki.
 
  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: 2012-01-11, 23:20   

bart1 napisał/a:

tzn, że nie ma szans, żeby odległość pod postem bez zdjęcia pozostała taka sama, a pod zdjęciem +komentarzem (lub bez) zmniejszyła się? tak byłoby najlepiej ;)
masz puste divy i entery (<br/>) na końcu wpisów. Pokasuj to a odległości się zmniejszą ;)

Druga sprawa (o której pisałem wyżej) to marginesy dorabiane przy wstawianiu zdjęć. Na przykład div separator, w którym siedzi każde zdjęcie ma margin-bottom: 1em;
To samo w przypadku zdjęć z podpisami, wtedy caption-container ma też dodatkowe marginesy.
______________________________________________________
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:
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