Forum Blogowe 19 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
2012-05-29, 19:25
Autor Wiadomość
A. Monteprata 
Blogger.Klub


Dołączył/a: 15 Maj 2012
Posty: 171
Wysłany:    Wplatanie cytatu innego tekstu w post - efekt graficzny
czytając wiele e-wydań magazynów i gazet widziałem taki fajny i estetyczny sposób umieszczania cytatów w reszcie tekstu (patrz obrazek).
Ja bardzo chciałbym w moich postach na blogu, w taki właśnie sposób umieszczać cytaty inne fragmenty tekstu, tak osadzać je w całości. Pytam czy jest techniczna możliwość żeby na bloggerze miec taki efekt jak na obrazku.

Jeśli tak to ja się nie orientuję jak to zrobić i prosiłbym o instruktaż, tutorial.


[ Dodano: 24-05-2012, 21:17 ]
TUTAJ jest podobne rozwiązanie, czyli że można , tylko że ja mam za małą wiedzę by takie rzeczy robić.
______________________________________________________
'
Miejsca które inspirują zdumiewającym pięknem.
https://www.facebook.com/MILIONPIEKNYCHMIEJSC
 
  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-05-25, 11:19   
słowa kluczowe to: blockquote, html, css.

To kwestia odpowiedniego stylu dla elementu HTML odpowiadającego za cytat. Może on wyglądać tak jak na Twoich przykładach, ale równie dobrze i -> tak.

Przejdź do edycji HTML i odszukaj ]]><, tuż nad nim wstaw to:
Wiadomość (widoczna dla zarejestrowanych)
ustawiłem tylko podstawowe rzeczy, bez tła (także w postaci grafiki) i wymyślnych upiększeń. Efekt powinien być zbliżony do tego z obrazka, który wkleiłeś, czyli: tekst opływający (dookołwa) cytat, który znajduje się z prawej strony. Zamiast 110% dla wartości wielkości czcionki możesz ustawić px lub pt. Druga wartość odpowiada za odstępy między wierszami, obecnie 22px.
______________________________________________________
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:
A. Monteprata 
Blogger.Klub


Dołączył/a: 15 Maj 2012
Posty: 171
Wysłany: 2012-05-25, 11:26   
Dziękuje za pomoc !, :) co do linku który podałeś, byc może slepnę :/ ale ja nie zobaczyłem tam widocznego wyróżniającego się formą cytatu
______________________________________________________
'
Miejsca które inspirują zdumiewającym pięknem.
https://www.facebook.com/MILIONPIEKNYCHMIEJSC
 
  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-05-25, 11:35   

A. Monteprata napisał/a:

ale ja nie zobaczyłem tam widocznego wyróżniającego się formą cytatu
te kartki to są cytaty i co Ty na to :p? tam jest dodatkowo uzależnione od tego na jakiej stronie się znajdujemy, bo podstrona z opiniami ma już nieco inny wygląd cytatów.
______________________________________________________
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:
A. Monteprata 
Blogger.Klub


Dołączył/a: 15 Maj 2012
Posty: 171
Wysłany: 2012-05-25, 11:37   
Spoko :cwaniak: , ale jak dla mnie to zbyt odjechane, wolę pozostać przy staromodnym oklepanym quoteboxie czy jak mu tam quotebloku... :D
---edit --
a czy musi być kursywa, jak jej nie zechce wystarczy, że nie wpisze słowa italic ?
tak ło :

Kod

font: 24px/22px Georgia;
______________________________________________________
'
Miejsca które inspirują zdumiewającym pięknem.
https://www.facebook.com/MILIONPIEKNYCHMIEJSC
 
  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-05-25, 11:44   

A. Monteprata napisał/a:

a czy musi być kursywa, jak jej nie zechce wystarczy, że nie wpisze słowa italic ?
tak, wystarczy z CSS wywalić italic, da się ją też zastąpić pogrubieniem: bold. Można również stylować tekst podczas pisania notki. Wewnątrz cytatu też działa kursywa, nawet na pojedyncze słowa ;) Wszystko za pomocą zaznaczania tekstu i operowania ikonami w piórniku bloggera (czy też innego silnika blogowego / CMS).
______________________________________________________
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:
A. Monteprata 
Blogger.Klub


Dołączył/a: 15 Maj 2012
Posty: 171
Wysłany: 2012-05-25, 12:00   
czyli ten fragment kodu jaki sobie obczaiłem i wkleiłem , potwierdzasz że nie jest invalid.
______________________________________________________
'
Miejsca które inspirują zdumiewającym pięknem.
https://www.facebook.com/MILIONPIEKNYCHMIEJSC
 
  podziel si� tym postem na:
P4uli 
Blogger.Klub


Imię: Paulina
Pomogła: 7 razy
Wiek: 34
Dołączyła: 19 Kwi 2012
Posty: 232
Wysłany: 2012-05-25, 12:06   
A co zrobić aby było tło ?

np tak jak tutaj? http://przyjemneodchudzan...tow-od-was.html

Ja zawsze wstawiałam tło tak :

Kod

<style><!--#user_field {background:url('Adres URL TŁA')}--></style><div bgproperties="fixed">


ale to nie działa :|
 
  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-05-25, 13:40   css - obrazek tła w cytacie
Tak myślałem, że padnie pytanie o grafikę w tle :P

Paula, tak na wszelki wypadek swojego kodu nie stosuj nigdzie. Otworzyłaś tam jakiegoś diva a początek niepotrzebnie dorabia kolejną sekcję style, blogger ma jedną wielką tuż na początku kodu HTML, nie ma sensu się rozdrabniać. Odszukujemy ją jak zwykle za pomocą ]]><

Jak już napisałem działa tam normalny CSS, zatem wystarczy dopisać tam kolejną linię kodu deklarującą tło elementu:
Wiadomość (widoczna dla zarejestrowanych)


zaokrąglenia rogów:
Wiadomość (widoczna dla zarejestrowanych)
jeżeli chcemy rózne wartości dla rogów to musimy zastosować 4 wartości w każdej z trzech linii te same np. 5px 5px 10px 10px;

cień dla ramki cytatu:
Wiadomość (widoczna dla zarejestrowanych)
pierwsza wartość określa przesunięcie w prawo, druga w dół a trzecia jak bardzo cień ma być rozmyty, na końcu jest jego kolor.
______________________________________________________
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:
P4uli 
Blogger.Klub


Imię: Paulina
Pomogła: 7 razy
Wiek: 34
Dołączyła: 19 Kwi 2012
Posty: 232
Wysłany: 2012-05-26, 00:39   
Swój kod stosuje na allegro i tam działa :D
 
  podziel si� tym postem na:
puma 
Blogger.Klub


Dołączyła: 18 Kwi 2012
Posty: 43
Wysłany: 2012-09-17, 17:20   
Fajny pomysł z tym cytatem w formie graficznej :)
Dodałam kod na stronkę, ale za nic nie mogę zwiększyć jego szerokości :(
Chciałabym, aby lewy margines miał tyle samo px co prawy a tekst ustawiony był na środku.
Próbowałam podać większą szerokość i wycentrować, ale wciąż jest tak samo :/
 
  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-09-17, 17:54   
Podstawy CSS ;)

puma napisał/a:

Dodałam kod na stronkę, ale za nic nie mogę zwiększyć jego szerokości :(
zmieniasz wartość width, możesz też skasować linię z float, wtedy cytat będzie w osobnym akapicie (bo teraz tekst go opływa z trzech stron).

puma napisał/a:

Chciałabym, aby lewy margines miał tyle samo px co prawy a tekst ustawiony był na środku.
Próbowałam podać większą szerokość i wycentrować, ale wciąż jest tak samo :/
sterowanie szerokością plus wyśrodkowanie za pomocą:

Kod

margin: 5px auto;
zamiast tego co jest ;)
tekst środkujesz

Kod

text-align: center;
jak ma być wyjustowany to wartość: justify
______________________________________________________
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-2025 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