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


Dołączyła: 14 Lut 2013
Posty: 42
Wysłany:    [blogger] Obrazek lub zdjęcie na całą szerokość pola wpisu
Witajcie,
głowię się nad pewną sprawą już od dłuższego czasu...
Mianowicie - czy wiecie może co zrobić, żeby grafika dotykała jednocześnie obu boków bloga? To znaczy żeby jej szerokość była równa szerokości bloga.

Będę ogromnie wdzięczna za pomoc.

Pozdrawiam :)

[ Komentarz dodany przez: Htsz: 2015-05-18, 15:58 ]
W tym wątku dowiesz się jak ustawić zdjęcie na całą szerokość pola wpisów (od lewego do prawego końca ramy, szerzej niż tekst).
Jeżeli chcesz ustawić obrazy na równi z tekstem to przeczytaj inny wątek => Jednakowy rozmiar zdjęć w poście
i jeszcze jeden => zdjęcia na całą szerokość kolumny wpisó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

Peen 
WordPress.Klub


Imię: Paulina
Pomogła: 10 razy
Wiek: 34
Dołączyła: 19 Lis 2013
Posty: 457
Miasto: Walencja
Wysłany: 2014-07-08, 22:46   
mówisz o zdjęciach w postach? Zawsze możesz dodawać grafikę o szerokości takiej samej jak szerokość posta i zaznaczać "oryginalny rozmiar"
 
  podziel si� tym postem na:
Claire_ 
Blogger.Klub


Dołączyła: 14 Lut 2013
Posty: 42
Wysłany: 2014-07-08, 22:51   
Tak, chodzi o zdjęcia w postach. A sposób podany przez Ciebie nie jest dobry (niestety), bo z lewej strony przy grafice wciąż pozostaje margines.... :(
 
  podziel si� tym postem na:
Peen 
WordPress.Klub


Imię: Paulina
Pomogła: 10 razy
Wiek: 34
Dołączyła: 19 Lis 2013
Posty: 457
Miasto: Walencja
Wysłany: 2014-07-08, 22:58   
to może ten poradnik pomoże

Kod

http://hafija-background.blogspot.com/2012/09/taka-sama-szerokosc-wszystkich-zdjec-w.html
 
  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: 2014-07-08, 23:55   
GirlsWatchPorn, nie pomoże a poza tym mamy wątek o zdjęciach jednakowej szerokości => http://forum.blogowicz.in...logu-vt6756.htm

Rama postów ma margines, więc zdjęcia ustawione na maksymalną szerokość i tak będą zajmowały tylko tyle co tekst. Trzeba dopisać ujemny margines boczny.

W przypadku blogów, gdzie wszystkie zdjęcia są jednakowe wystarczy odpowiednio przygotowany szablon. Robiłem tak ostatnio u JestemKasia.
Natomiast na blogach z różnymi grafikami lepiej przygotować sobie klasę, którą będziemy dopisywać do zdjęcia. Można CSS dopisywać bezpośrednio w widoku HTML posta do danego elementu, ale klasa pozwoli nam na to, by to samo zdjęcie zachowywało się normalnie jak zrezygnujemy z szablonu lub znudzi nam się taki efekt.

Nazwijmy selektor np. .szerokosc
Teraz potrzebujemy stylu, przykładowy:
Wiadomość (widoczna dla zarejestrowanych)


lewy margines jest sumą wszystkich, które się składają na odległość tekstu od krawędzi. Natomiast maksymalna szerokość, to w przypadku jednej kolumny szerokość całego szablonu. Trzeba dopasować pod siebie by było równo ;-)

Klasę dopisujemy do kodu obrazka img we wpisie, dobrze jest też kliknąć na taką grafikę i skasować z niej LINK by nie było zbędnych marginesów.

przykład:

Kod

<img class="szerokosc" src="http://4.bp.blogspot.com/-dG5lpZhZfzg/Uz8lwq-6BQI/AAAAAAAAC84/4nv7y-rorHQ/s1600/Googleplex-Android-KitKat-Htsz.jpg">
______________________________________________________
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:
Claire_ 
Blogger.Klub


Dołączyła: 14 Lut 2013
Posty: 42
Wysłany: 2014-07-09, 19:46   
Niestety nie rozumiem.... :(
 
  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: 2014-07-10, 01:15   
Niestety nie wiem czego.
Pierwszy kod z selektorem dopisujesz do CSS szablonu. Potem korzystasz z tej klasy w podany przeze mnie sposób tworząc posty. Obrazek, który ma być od krawędzi do krawędzi musi mieć dodane class w widoku HTML.
______________________________________________________
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:
Claire_ 
Blogger.Klub


Dołączyła: 14 Lut 2013
Posty: 42
Wysłany: 2014-07-10, 21:47   
Dodałam kod CSS, ale mam problem z HTML'em...

Wygląda to tak i nie wiem co zrobić dalej:

Kod

<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://oi59.tinypic.com/4kbevn.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://oi59.tinypic.com/4kbevn.jpg" /></a></div>


Co teraz należałoby zrobić?
 
  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: 2014-07-10, 22:27   
Dlaczego wrzucasz obrazki na tinypic skoro masz 15GB na pliki w ramach konta Google? W dodatki obrazy do 2048px nie są wliczane w ten limit ;-)

W kawałku Twojego kodu jest na początku pusty DIV, który możesz skasować, potem masz otwarte dwa, następnie otwarcie odnośnika i kod obrazu, podobny do mojego przykładu wyżej. Uzupełnij ten kod klasą i tyle. W zwykłym widoku możesz też kliknąć na tę fotkę i odznaczyć LINK w piórniku by nie była zalinkowana do samej siebie (bo po co?).
______________________________________________________
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:
Claire_ 
Blogger.Klub


Dołączyła: 14 Lut 2013
Posty: 42
Wysłany: 2014-07-10, 23:02   
Zrobiłam tak:

Kod

<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://oi59.tinypic.com/4kbevn.jpg" imageanchor="1" img class="szerokosc" src=" http://oi59.tinypic.com/4kbevn.jpg” style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://oi59.tinypic.com/4kbevn.jpg" /></a></div>


I zaś post wygląda niedobrze:


:(
 
  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: 2014-07-10, 23:48   
Klasę dopisujesz do znacznika img, nie tworzysz własnego HTML (kłaniają podstawy HTML i CSS proszę pani)

Kod

<img border="0" src="http://oi59.tinypic.com/4kbevn.jpg" />
czy ten fragment nie wygląda podobnie do mojego przykładu? brakuje tu tylko odpowiedniej klasy.
______________________________________________________
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:
Claire_ 
Blogger.Klub


Dołączyła: 14 Lut 2013
Posty: 42
Wysłany: 2014-07-11, 19:07   
Nie ma co się kłaniać, absolutnie nie rozumiem HTMLa. Dlatego też prosiłam o pomoc. Naprawdę nie mam pojęcia w którym miejscu powinnam wkleić ten dodatkowy fragment kodu.
 
  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