1. Nie wiem dokładnie o jaki prosisz kod czy na gadżety czy na posty.Więc podam na posty; h3.post-title:first-letter{ font-family: 'Dancing Script' !important; font-size: 30px; color: white; text-shadow: 1px 1px 0px black; }
Tutaj polecam się pobawić czcionką ;)
2. Hmm szczerze to się jeszcze nie bawiłam.
3.I tu nie wiem o co ci dokładnie chodzi.O zaokrąglone rogi? Tu jest bardzo prosty kod .column-right-inner {border-radius: 90px 90px 40px 40px;}
Chodzi o to , żeby były gdzie indziej niż w kolumnie? Oto kod: #Links1{ background-repeat: repeat; position: relative; top: -300px; width: px; right:-300px; border-radius: 10px; {
To jst tak zwany "cytat", który się ustawia w poście. :) Żeby na tomiast owe cytaty były w takich ramkach wystarczyc użyc selektora #BLACKQUOTE (chyba dobrze podałam) lub bez #.
Na to szczerze nie ma kodu xdxd Musisz wejść w układ, a tam, gdzie jest okienko 'Posty w blogu' po prawej na dole jest 'Edytuj'. W okienku co się otworzy zjeżdżasz na sam dół i przeciągasz dowolnie elementy :D Mam nadzieję, że pomogłam
Ołcz, to jest to samo, tyle że dla mnie łatwiej jest po prostu przeciągnąć elementy xdxd A reszta kodu się przydaje, czemu nie :D Nie wpadłam na pobawienie się pozycjonowaniem, jak mówiłam, idę na łatwiznę xdxd
Mogłabym odpowiedzieć? Otóż warto mieć po prostu najłatwiejszy kod na menu i dodać do niego różne animacje i swoje kolory. Ja tak robię i czasami mogą wyjść fajne animacje. Warto przy tym poczytać o przejściach i transpalentach ( chyba źle napisałam :> ) Można też się pobawić się z kodem na zaokrąglenie ;) Wyjdą wtedy karty w kółka. Nie ma jakiegoś najfajniejszego kodu, bo praktycznie css ma nieograniczone możliwości ;D
Hejo :). Mam kilka pytanek. Więc, wiesz może jaki jest kod na przesunięcie posta niżej i kod na wstawienie nagłówka (wiem, że mogę to zrobić przez układ, ale zawsze dobrze wiedzieć :)). I powiecie mi jak zrobiłyście to menu w kształcie kółek (jaki kod). Plose. Z góry dziękuję i pozdrawiam
Hey! A więc zacznę po kolei Kod na przesunięcie posta podałam wyżej: .header { height:450px;}
Za to kod na wstawienie nagłówka jest następujący: .header { background: url(Link do nagłówka); width:900px; height:570px; position:relative; }
Tutaj musisz się pobawić piskelami
Za to karty w kółkach zrobiłam za pomocą Instrukcji z Tajemniczego Ogródu http://tajemniczy--ogrod.blogspot.com/search?updated-max=2013-12-24T20:56:00%2B01:00&max-results=1&start=1&by-date=false/
Tutaj trzeba się pobawić CSS tak jak HTML. Jeśli będziesz miała problem śmiało pisz tu bądź na GG:46039064
Witam :D Ja mam ten sam problem :/// Myślałam, że to ustąpi i ponawiałam próby z kilka razy, ale teraz juz kompletnie nwm co robić ://// Myślę, że mi pomożesz :)) Wyskakuje mi coś takiego jak chce wegrać szablon: ,,Zapisanie szablonu nie powiodło się. Nie można przetworzyć szablonu, ponieważ nie jest on poprawnie sformułowany. Sprawdź, czy wszystkie elementy XML zostały prawidłowo zamknięte. Komunikat o błędzie XML: Content is not allowed in prolog.''
Wypakowałaś go? Pamiętaj , że musisz mieć do tego program ,,WinRar" Polecam zajrzeć do tej instrukcji: http://grafika-tu-i-tam.blogspot.com/p/blog-page_16.html
Cześć. Mam pewien mały problem. Już nie wiem co zrobić. Jaki jest kod na usunięcie tego, że po najechaniu kursorem na np. ilość komentarzy czy tytuł posta pojawia się kreska? Błagam, pomóżcie mi to usunąć.
No więc mam pewne pytanie, raczej prośbę o pomoc :D Chodzi to to, że obejrzałam filmik Lizz Kaviste na YouTube i chciałam wstawić gotowy nagłówek, lecz gdy wpisuje kod, który ona podała, nic się nie dzieje :( O co może chodzić?
Mam pytanie (zaskoczenie co nie? :D), jak uzyskać taki efekt z nagłówkiem jak tu https://imageshack.com/i/0z9ftwp lub tu https://imageshack.com/i/0ru9gjp? Trzeba od razu robić nagłówek [w programie] tak na boku? Da się go jakoś przesunąć kodem czy w układzie trzeba to zrobić? Bo nie ogarniam xd
Nie jestem z tond, ale postaram się pomóc (mam nadzieję, że autorki bloga nie będą miały mi tego za złe XD). Nie wiem jak zrobiono te dwa nagłówki, ale można to ustawić przez układ. Poszperaj na tym blogu: http://terriblecrash.blogspot.com/p/instrukcje-css_1.html Na pewno znajdziesz to czego szukasz ;). Mam nadzieję, że pomogłam ;>. Pozdrawiam
Więc, to ustawiasz po prostu na blogu w zaawansowanych. Do tego nie trzeba kodu. Choć ja robię to tak: .sidebar .widget {background-image: url(URL);} W tym nawiasie z URL wpisujesz link do tła jakie chcesz mieć w gadżetach. Tak możesz też zrobić przeźroczyste gadżety itp. ;). Mam nadzieję, że dobrze to wytłumaczyłam.
Hej.Mam takie pytanie, co zrobić żeby nagłówek przesuwał się z całym blogiem,a nie zostawał w miejscu? Tak jak tu ---> http://que-mas-princesa.blogspot.com/
To jest dziecinnie proste!Wystarczy ,że napiszesz kod na posty z tłem i obramowaniem i skopiujesz go i wkleisz jeszcze raz z tym ,że zmieniasz selektor zamiast #Blog1 czy .post na column-right-inner
Nie pracuję tu juz ale pomogę Dorte Love :D Zrób tak: #header {margin-top: -20px;} oczywiście wartość w pikselach możesz dowolnie zmienić, ważne tylko, żeby była na tzw. minusie.
Jak zrobić taką ramkę wokół nagłówka? Chodzi mi o coś w tym stylu: http://land-of-grafic.blogspot.com/ http://funkyimg.com/i/GitG.png http://fc09.deviantart.net/fs70/f/2014/053/3/6/zamowienie_dla_poopey_thriwal_by_liwera-d77jm4o.png
do kodu z ,header wstawiasz nagłówek a potem dodajesz selektor main.inner i wpisujesz kod na tło i dopasowujesz piksele;) .main-inner { position:relative; left:-54px; background:#ffffff }
Nie wiem o jaką ramkę chodzi, więc raczej nie pomogę :/ Piszesz tak: .post-body img { border-radius: 90px; /na przykład, możesz to dowolnie zmieniać/ /border-radius znaczy zaokrąglenie rogów, musisz wpisać tyle aby wyszło koło/ } .post-body img:hover { border-radius: 20px; } /tu też możesz dowolnie zmieniać/dopisek :hover znaczy, że coś tak wygląda jak na to najedziesz myszką/ Jeśli chcesz żeby wszystko płynnie przechodziło w obu selektorach dopisz transition:all 1s; -mor-transition:all 1s; -webkat-transition:all 1s; -o-stransition:all 1s;
Jestem tu na stażu, ale mimo tego mam pytanie. Jak zrobić, żeby za nagłówkiem, który jest po lewej stronie (z boku) było tło? tak jak tu -> http://que-mas-princesa.blogspot.com/ tylko z tłem. Próbowałam coś wykombinować, ale mi nie wychodziło ;c Pomoże ktoś?
Chodzi Ci o to brązowe coś za ramką? Myślę, że to ramka z programu graficznego O.o Że po prostu niższa warstwa wypełniona kolorem. Tak, to chyba to, bo jak pobierasz nagłówek na pulpit, to to brązowe coś też jest.
Hm, niezbyt rozumiem o co ci chodzi Albo ;). Jak wejdziesz na bloga podanego przez Alexandre i klikniesz pokazanie tego nagłówka po boku, ewidentnie zobaczysz, że tło jest zakolorowane na odpowiedni kolor ;D.
Chodzi ci o zwykłe zaokrąglenia awatarów? Tu masz kod: .avatar-image-container { -moz-border-radius: 20px !important; -webkit-border-radius: 20px !important; -goog-ms-border-radius: 20px !important; border-radius: 20px !important; }
Sam CSS tworzysz w menu bloga==>szablon==>dostosuj==>zaawansowane i tam po kolei każdą opcję. A nagłówki to różnie, GIMP, Photoshop...Tu możliwości jest wiele :D
witam. chciałabym zrobic napis w kształcie przypominajacym koleczka,w jakim programie moge znalezc taka czcionke ,potrzebuje do zrobienia wizytowki, widzialam u kogos na wizytowce i przypomina czcionka wygładem cyrkonie w kształcie kołeczek prosze o odpowiedz
Posty: .post {border-radius: 30px 30px 30px 30px;} To samo robisz z gadżetami, po prostu zmieniasz selektor na column-left-inner jeśli nie działa ci ten kod: .column-left-inner {border-radius: 20px 20px 30px 20px;} Przed "column-left-inner" wstaw ".main-inner"
Jak zrobić taki ajny szablon i go umieścić.Bierzeszopłatę za szablony czy nie ,jeśli nie to zrobiłabyś szavblon dla mnie http://dogwitchmyblog.blogspot.com/
Pobrałam szablon i kiedy wpisuje kod to mi się pokazuje : Błąd podczas analizowania pliku XML, wiersz 1, kolumna 291: The markup in the document following the root element must be well-formed.
Błagam o jak najszybszą pomoc. :( Jak wstawić ten kod???? :///
Ja nie umiem robić szablonów i mam pytanie. Gdzie je robić jakie są wymiary i czy coś potrzeba a mogłabyś mnie nauczyć ? Da się to robić w Pixlr czy trzeba w Ps ? Byłabym bardzo wdzięczna ;)
Najpierw tworzysz nagłówek tutaj polecam program Gimp. Jego wymiary są dowolne. Reszta do Kody CSS. Nie są one zbyt proste ale każdego da się nauczyć ;) Pomagałam już wielu osobom więc jeśli chcesz to napisz na GG gdyż tam jestem 24h na dobę :P
Jak się dodaje zdj. do szablonu przez CSS to trzeba ze strony internetowej? Bo mi wtedy wychodzi takie małe jak na podglądzie w stronie z hostingiem...
1. Czyli tworzysz obrazek wielkości 50x50px. Będzie to obrazek anonima. Po stworzeniu wrzucamy na hosting np na: funkyimg.com (polecam) I tu masz resztę. Napisałam wcześniej ale mi nie chciało komentarza wysłać. Pogrzebałam trochę i znalazłam link:http://tajemniczy--ogrod.blogspot.com/2012/11/jak-zmienic-ikone-anonimowego.html
Potrzebna jest znajomość selektorów na te ,,gadżety" potem wpisujemy background-color itd. Kod jest następujący: na stronę główną: a.home-link{ background-color: kod koloru tła;} starsze posty: a.blog-pager-older-link{ background-color: kod koloru tła;} nowsze posty: a.blog-pager-newer-link{ background-color: kod koloru tła;} Gdy chcesz uzyskać efekt po najechaniu do selektorów dopisujesz a:hover W razie kłopotów pisz ;)
Dzięki serdeczne ;) Mam jeszcze jedno pytanie. Jaki jest kod bądź co innego xD aby "przyozdobić" pasek,który prowadzi na dół i do góry? Jak w tamtym szablonie Dodo co zrobiłaś.
Ja też przybywam z pytaniem :> Otóż zrobiłam szablon i użyłam kodu, żeby nagłówek się nie przesuwał, ale on zostaje w miejscu. Szablon jest zrobiony tak, że nagłówek jest z prawej strony i miał być tak, że zostanie.. Chyba rozumiecie XD Podalibyście mi kod? Dziękuje za odpowiedź :)
Jeżeli chodzi co o samo pojawienie się napisu "Czytaj więcej" to po prostu najedź kursorem na miejsce gdzie chcesz go umieścić i wybierz ikonkę rozdartych karetek(?) https://www.google.com/help/hc/images/blogger/blogger_154172_jump_icon_en.png Tak jak tu ;)
Mam pytanie. Jak zrobić zaokrąglony kształt posta. Nie obrazki w poście tylko zaokrąglone rogi. Próbowałam dużo kodów i nic. Proszę o kod i instrukcję bo nie wiem jak to zrobić. Jestem zielona w tych kodach. I czy do tego musi być jakaś ramka jak tak to wytłumacz. Proszę o szybką odpowiedź!
Na moim blogu użyłam kodu, który po najechaniu kursorem na link wyświetla pod nim niebieskie tło.
Nie chcę rezygnować z tego efektu, ale (z czym pewnie większość dających linkom tło ma problem) sprawia to, że nagłówek rujnuje mi estetykę na blogu.
Po wskazaniu kursorem grafiki z przeźroczystym tłem cały nagłówek wpada w niebieski prostokąt.
Używałam mnóstwo różnych selektorów by ustawić wartość ,,background-color" samego nagłówka na ,,transparent" i oznaczałam hasłem ,,!important", ale za każdym razem nic to nie dawało. Szukałam też w internecie kodów na to, by usunąć hiperłącze z nagłówka, ale nie udało mi się znaleźć.
Nie jestem zbyt dobra w CSS'ie, znam tylko podstawy i umiem właściwie tylko edytować kody z internetu i je wstawiać na bloga. Proszę, jakiego kodu mogłabym tu użyć, by w samym nagłówku tę wartość ,,a:hover" wymazać?
Hej, ja jestem z tych nowych w css i chciałabym się dowiedzieć, jak można zrobić taką "przedstronę", która pojawia się czasami po wejściu na jakiegoś bloga, tak, że muszę kliknąć dalej, by się na nim znaleźć. Miło by było gdyby pojawiła się jakaś instrukcja na ten temat, albo chociaż link, gdzie jest pokazane jak to zrobić :)
Hej, mam ważne sprawę. Bardzo podoba mi się ten efekt zmiany zdjęć w nagłówku (jak na waszym blogu) i chciałabym prosić o kod na niego. Z góry dziękuję ♥
Witam ja mam pytanie odnośnie zdjęć w postach. Gdy pisze post to ustawiam rozmiar zdjęć i reby były na środku , ale często jest tak, że są po lewej stronie. Jak mogę to zminiĆ? Wyśrodkować kolumnę? Z góry dziękuję ;)
Nie wiem, czy Ci to jeszcze potrzebne, ale akurat mam kod CSS pod ręką i mogę odpowiedzieć. U mnie działa to tamto u góry, ale jednocześnie we wszystkich linkach brak jest podkreślenia. Polecam jeszcze to: a:hover{letter-spacing:3px;} i wtedy po najechaniu na link litery odsuwają się od siebie, przez co widać wyraźnie, iż ma się do czynienia właśnie w linkiem.
1) Jakiego kodu użyć aby pierwsza litera w szablonie była inna ( większa?)
OdpowiedzUsuń2) Jakieś fajne efekty zdjęć w css
3) Kształt kolumn :)
Liczę na odpowiedź
1. Nie wiem dokładnie o jaki prosisz kod czy na gadżety czy na posty.Więc podam na posty;
Usuńh3.post-title:first-letter{
font-family: 'Dancing Script' !important;
font-size: 30px;
color: white;
text-shadow: 1px 1px 0px black;
}
Tutaj polecam się pobawić czcionką ;)
2. Hmm szczerze to się jeszcze nie bawiłam.
3.I tu nie wiem o co ci dokładnie chodzi.O zaokrąglone rogi? Tu jest bardzo prosty kod
.column-right-inner {border-radius: 90px 90px 40px 40px;}
Dziękuję, a jakbyś się kiedyś bawiła fotkami w postach to napisz ;)
UsuńHej, ja mam na focie xD
Usuńimg {
opacity: 0.5;
border-radius: 90px 20px;}
img:hover {
opacity: 0.;
border-radius: 0px;
border-style: dotted;
border-width: 2px;}
Radzę używać obu kodów razem, wtedy efekt jest git xD
Mindfreak! :) Czeeeeść :) Bardzo fajny kod! Znasz jeszcze jakieś, bo ja znam tylko na zaokrąglone rogi zdjęć xD Anonimkowi się spodoba ;)
Usuńmam jeszcze
Usuńimg {
border-radius: 90px;
border-style: solid;
border-width: 2px;}
img:hover {
opacity: 0.5;
border-style: dashed;
border-width: 2px;
border-radius: 20px;
transition:all 0.3s;}
Mam nadzieję, że się przyda :)
jaki jest kod na osobne etykiety, żeby były oderwane
OdpowiedzUsuń~Ann
Chodzi o to , żeby były gdzie indziej niż w kolumnie?
UsuńOto kod:
#Links1{
background-repeat: repeat;
position: relative;
top: -300px;
width: px;
right:-300px;
border-radius: 10px;
{
Musisz się tu pobawić pikselami ;)
Jak pooddzielać gadżety w kolumnach np. w lewej?
OdpowiedzUsuńNa to jest bardzo prosty kod:
Usuń.column-left-inner .widget {
background-color: #E0EDEF;
padding: 5px 20px;
}
Jak robisz ten efekt, że np. te instrukcje na kody CSS masz w takiej fajnej ramce?
OdpowiedzUsuńRozumiesz?
To jst tak zwany "cytat", który się ustawia w poście. :) Żeby na tomiast owe cytaty były w takich ramkach wystarczyc użyc selektora #BLACKQUOTE (chyba dobrze podałam) lub bez #.
UsuńKod który użyłam:
Usuń.post blockquote {
background-color: #666;
color: #fff;
font-weight: bold;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
Hej !
OdpowiedzUsuńJestem tu autorką , ale mam pytanie . Jaki jest kod na przesunięcie napisu brak komentarzy do góry ?
Na to szczerze nie ma kodu xdxd Musisz wejść w układ, a tam, gdzie jest okienko 'Posty w blogu' po prawej na dole jest 'Edytuj'. W okienku co się otworzy zjeżdżasz na sam dół i przeciągasz dowolnie elementy :D
UsuńMam nadzieję, że pomogłam
Jest kod . Dusia mi go podała . Wygląda tak :
Usuń.comment-link {
background-color: #EB5241;
border-radius: px;
padding:9px;
font-size: 17px;
position: absolute;
top: 0px;
left: 00px; }
Może , źle zrozumiałaś pytanie :)
Ołcz, to jest to samo, tyle że dla mnie łatwiej jest po prostu przeciągnąć elementy xdxd A reszta kodu się przydaje, czemu nie :D Nie wpadłam na pobawienie się pozycjonowaniem, jak mówiłam, idę na łatwiznę xdxd
UsuńHej :)
OdpowiedzUsuńZnacie jakieś fajne kody na menu?
Prosiłabym o pomoc :* Z góry dziękuję.
K.
http://tajemniczy--ogrod.blogspot.com/2013/04/linki-i-karty.html
Usuńlub
http://tajemniczy--ogrod.blogspot.com/2013/11/linki-i-karty_19.html
Mogłabym odpowiedzieć?
UsuńOtóż warto mieć po prostu najłatwiejszy kod na menu i dodać do niego różne animacje i swoje kolory. Ja tak robię i czasami mogą wyjść fajne animacje. Warto przy tym poczytać o przejściach i transpalentach ( chyba źle napisałam :> )
Można też się pobawić się z kodem na zaokrąglenie ;) Wyjdą wtedy karty w kółka.
Nie ma jakiegoś najfajniejszego kodu, bo praktycznie css ma nieograniczone możliwości ;D
http://szablony-probne-virtue.blogspot.com/
OdpowiedzUsuńMam prolem z przesunięciem postu, żeby był niżej.
Spróbuj tego kodu:
OdpowiedzUsuń.header { height:450px;}
Oczywiście piksele sama sobie musisz poustawiać.W razie kłopotów proszę pisać tu lub na GG które jest w zakładce kontakt ;)
Hejo :). Mam kilka pytanek. Więc, wiesz może jaki jest kod na przesunięcie posta niżej i kod na wstawienie nagłówka (wiem, że mogę to zrobić przez układ, ale zawsze dobrze wiedzieć :)). I powiecie mi jak zrobiłyście to menu w kształcie kółek (jaki kod). Plose.
OdpowiedzUsuńZ góry dziękuję i pozdrawiam
Hey!
UsuńA więc zacznę po kolei
Kod na przesunięcie posta podałam wyżej:
.header { height:450px;}
Za to kod na wstawienie nagłówka jest następujący:
.header {
background: url(Link do nagłówka);
width:900px;
height:570px;
position:relative;
}
Tutaj musisz się pobawić piskelami
Za to karty w kółkach zrobiłam za pomocą Instrukcji z Tajemniczego Ogródu
http://tajemniczy--ogrod.blogspot.com/search?updated-max=2013-12-24T20:56:00%2B01:00&max-results=1&start=1&by-date=false/
Tutaj trzeba się pobawić CSS tak jak HTML.
Jeśli będziesz miała problem śmiało pisz tu bądź na GG:46039064
Witam :D Ja mam ten sam problem :/// Myślałam, że to ustąpi i ponawiałam próby z kilka razy, ale teraz juz kompletnie nwm co robić ://// Myślę, że mi pomożesz :))
OdpowiedzUsuńWyskakuje mi coś takiego jak chce wegrać szablon:
,,Zapisanie szablonu nie powiodło się.
Nie można przetworzyć szablonu, ponieważ nie jest on poprawnie sformułowany. Sprawdź, czy wszystkie elementy XML zostały prawidłowo zamknięte. Komunikat o błędzie XML:
Content is not allowed in prolog.''
Wypakowałaś go? Pamiętaj , że musisz mieć do tego program ,,WinRar"
UsuńPolecam zajrzeć do tej instrukcji:
http://grafika-tu-i-tam.blogspot.com/p/blog-page_16.html
Cześć. Mam pewien mały problem. Już nie wiem co zrobić. Jaki jest kod na usunięcie tego, że po najechaniu kursorem na np. ilość komentarzy czy tytuł posta pojawia się kreska? Błagam, pomóżcie mi to usunąć.
OdpowiedzUsuńOtóż jest.
Usuńa:hover {text-decoration: none;}
nie działa mi :C
UsuńZ tego co wiem nie ma na to kodu.Jeśli robisz szablon to jako startowy używaj ,,Rewelacja" tam tego nie ma ;)
OdpowiedzUsuńNo więc mam pewne pytanie, raczej prośbę o pomoc :D
OdpowiedzUsuńChodzi to to, że obejrzałam filmik Lizz Kaviste na YouTube i chciałam wstawić gotowy nagłówek, lecz gdy wpisuje kod, który ona podała, nic się nie dzieje :(
O co może chodzić?
Hmm , nie jestem z tego bloga , ale też widziałam ten film i mi działa więc pomogę . Ja z tego filmu mam taki kod :
Usuńbody {background-image: url(LINKDONAGŁÓWKA);}
.header {height:510px ;}
Piksele możesz sobie zmienić powinien działać :D
No i dalej nie działa :/
Usuńchyba chodziło o to
Usuńbody {background-image: url(LINK DO NAGŁÓWKA);}
Mam pytanie (zaskoczenie co nie? :D), jak uzyskać taki efekt z nagłówkiem jak tu https://imageshack.com/i/0z9ftwp lub tu https://imageshack.com/i/0ru9gjp? Trzeba od razu robić nagłówek [w programie] tak na boku? Da się go jakoś przesunąć kodem czy w układzie trzeba to zrobić? Bo nie ogarniam xd
OdpowiedzUsuńNie jestem z tond, ale postaram się pomóc (mam nadzieję, że autorki bloga nie będą miały mi tego za złe XD). Nie wiem jak zrobiono te dwa nagłówki, ale można to ustawić przez układ. Poszperaj na tym blogu: http://terriblecrash.blogspot.com/p/instrukcje-css_1.html
UsuńNa pewno znajdziesz to czego szukasz ;). Mam nadzieję, że pomogłam ;>.
Pozdrawiam
Dzięki, znalazłam :)) :*
UsuńCześć. Podacie mi kod na to, by po najechaniu kursorem na tytuł posta nie było podkreślenia?
OdpowiedzUsuńa:hover {text-decoration: none;}
OdpowiedzUsuńNo to teraz ja mam pytanie :D Jak zrobić żeby gadżety w kolumnie były z tłem jak u Was?
OdpowiedzUsuńDzięki serdeczne;*
Xoxo...
Więc, to ustawiasz po prostu na blogu w zaawansowanych. Do tego nie trzeba kodu. Choć ja robię to tak:
Usuń.sidebar .widget {background-image: url(URL);}
W tym nawiasie z URL wpisujesz link do tła jakie chcesz mieć w gadżetach. Tak możesz też zrobić przeźroczyste gadżety itp. ;). Mam nadzieję, że dobrze to wytłumaczyłam.
Możesz także użyć takiego kodu aby tytuł gadżetu miał inny kolor:
Usuń.sidebar .widget h2{
background: #ffffff;}
Hej.Mam takie pytanie, co zrobić żeby nagłówek przesuwał się z całym blogiem,a nie zostawał w miejscu? Tak jak tu ---> http://que-mas-princesa.blogspot.com/
OdpowiedzUsuńSzczerze mówiąc to się jeszcze tym nie bawiłam ;/ Spróbuj użyć tego kodu:
Usuń.header-1{
position: fixed;
top: -100px;
left: 100px;
}
Tak szczerze to wystarczy tylko dopisać do kodu z nagłowkiem
Usuńposition: fixed;
Czyli kod który podała Dorte jest dobry, powinien działać :D
Dzięki :)
UsuńJak zrobić, żeby kolumny i tło postów miało take same tło i obramowanie?
OdpowiedzUsuńTo jest dziecinnie proste!Wystarczy ,że napiszesz kod na posty z tłem i obramowaniem i skopiujesz go i wkleisz jeszcze raz z tym ,że zmieniasz selektor zamiast #Blog1 czy .post na column-right-inner
UsuńCo zrobić, żeby nagłówek był wyżej ?
OdpowiedzUsuńNie pracuję tu juz ale pomogę Dorte Love :D Zrób tak: #header {margin-top: -20px;} oczywiście wartość w pikselach możesz dowolnie zmienić, ważne tylko, żeby była na tzw. minusie.
UsuńJak dodałyście FunPage facebook'a?
OdpowiedzUsuńWystarczy wpisać w google:
UsuńFunPage blog wejść w poprawny link i dodać tam adres FunPaga skopiować kod HTML i dodać w gadżecie HTML JavaScript
Jakieś fajne efekty na zdjęcia ?
OdpowiedzUsuńKody css na zaokrąglone rogi w postach i kolumnie ?
Kody na efekty na zdjęcia na samej górze;)
UsuńNatomiast na zaokrąglone rogi do selektorów dodać border-radius:xxpx;}
Kod na post
.post{
border-radius:20px;}
Kolumny
column-right-inner{
border-radius:20px;}
Jak zrobić taką ramkę wokół nagłówka? Chodzi mi o coś w tym stylu:
OdpowiedzUsuńhttp://land-of-grafic.blogspot.com/
http://funkyimg.com/i/GitG.png
http://fc09.deviantart.net/fs70/f/2014/053/3/6/zamowienie_dla_poopey_thriwal_by_liwera-d77jm4o.png
do kodu z ,header wstawiasz nagłówek a potem dodajesz selektor main.inner i wpisujesz kod na tło i dopasowujesz piksele;)
Usuń.main-inner {
position:relative;
left:-54px;
background:#ffffff
}
Nie wiem o jaką ramkę chodzi, więc raczej nie pomogę :/
OdpowiedzUsuńPiszesz tak:
.post-body img {
border-radius: 90px; /na przykład, możesz to dowolnie zmieniać/ /border-radius znaczy zaokrąglenie rogów, musisz wpisać tyle aby wyszło koło/
}
.post-body img:hover {
border-radius: 20px; } /tu też możesz dowolnie zmieniać/dopisek :hover znaczy, że coś tak wygląda jak na to najedziesz myszką/
Jeśli chcesz żeby wszystko płynnie przechodziło w obu selektorach dopisz
transition:all 1s;
-mor-transition:all 1s;
-webkat-transition:all 1s;
-o-stransition:all 1s;
:))
Kod na ramkę w komentarzach :
OdpowiedzUsuń.comment p {border-radius: 40px;}
Jaki jest kod na to, by tytuł posta lub linki powoli zmieniały kolor na inny i były bez podkreśleń? Proszę o pomoc :).
OdpowiedzUsuńh3.post-title {
Usuńcolor: #fff;
transition:all 1.5s;}
h3.post-title a:hover {
text-decoration: none;
color: #000; /*tu kolor inny niż wcześniej*/
transition:all 1.5s;}
a na linki będzie tak:
a:hover {
text-decoration: none;
color: #000; /*tu kolor inny niż kolor linków na blogu*/
transition:all 1.5s;}
Jestem tu na stażu, ale mimo tego mam pytanie. Jak zrobić, żeby za nagłówkiem, który jest po lewej stronie (z boku) było tło? tak jak tu -> http://que-mas-princesa.blogspot.com/ tylko z tłem. Próbowałam coś wykombinować, ale mi nie wychodziło ;c Pomoże ktoś?
OdpowiedzUsuńChodzi Ci o to brązowe coś za ramką? Myślę, że to ramka z programu graficznego O.o Że po prostu niższa warstwa wypełniona kolorem. Tak, to chyba to, bo jak pobierasz nagłówek na pulpit, to to brązowe coś też jest.
UsuńMhm. To tło zrobione z nagłówkiem :3.
UsuńA ja myślę że ona zrobiła przezroczyste tło w gimpie.Zobacz,to coś podobnego: http://violettaiprzyjaciel.blogspot.com/
UsuńHm, niezbyt rozumiem o co ci chodzi Albo ;). Jak wejdziesz na bloga podanego przez Alexandre i klikniesz pokazanie tego nagłówka po boku, ewidentnie zobaczysz, że tło jest zakolorowane na odpowiedni kolor ;D.
UsuńA tak,przepraszam,nie zauważyłam.:)
UsuńMyślałam że dodała tło przezroczyste.
Dobra, jakoś się udało. Samo dorobienie tła do nagłówka było dosyć trudne xd (nie ważne dlaczego)
UsuńDziękuję za pomoc :>
Mam pytanie jaki jest kod na te menu, chodzi mi , że strony są obok siebie. I jak się robi kółka ?
OdpowiedzUsuńTe strony zrobiłam w HTML nie CSS!
OdpowiedzUsuńWystarczy ,że pobawisz się pozycją ;)
A kółka również są w HTML tutaj trzeba się pobawić zaokrągleniami ;)
Jak zrobiłaś reklamy blogów że one tak "płyną'???
OdpowiedzUsuńMoże ja to wytłumaczę;)
UsuńWchodzisz w:
układ >> dodaj gadżet >> pokaz slajdów
Już dalej, raczej chyba nie muszę tłumaczyć co i jak xd.
Bądź można za pomocą HTML/JavaScript
UsuńZnacie jakieś kody na etykiety?
OdpowiedzUsuńJuż tu nie pracuję, ale odpowiem. Więc po prostu zamieniasz selektor #PageList1 na #Label1. Potem dajesz zwykły kod na strony ;).
UsuńJak dodać zaokrąglone zdjęcie w pasku bocznym (avatar) ?
OdpowiedzUsuńTak jak jest tutaj:
http://historia-aia-v.blogspot.com/
Chodzi ci o zwykłe zaokrąglenia awatarów? Tu masz kod:
Usuń.avatar-image-container {
-moz-border-radius: 20px !important;
-webkit-border-radius: 20px !important;
-goog-ms-border-radius: 20px !important;
border-radius: 20px !important;
}
Używałam kodu stąd :D
UsuńChodzi o pierwsze pytanie jakie jest tutaj ;) Od razu mam wszystko: na nagłówek, avatar i zdjęcia ^^ Tylko zmieniłam piksele :D
Jak wy robicie szablony? Na jakiej stronie? Programie?
OdpowiedzUsuń~Kasia
Sam CSS tworzysz w menu bloga==>szablon==>dostosuj==>zaawansowane i tam po kolei każdą opcję. A nagłówki to różnie, GIMP, Photoshop...Tu możliwości jest wiele :D
Usuńwitam.
OdpowiedzUsuńchciałabym zrobic napis w kształcie przypominajacym koleczka,w jakim programie moge znalezc taka czcionke ,potrzebuje do zrobienia wizytowki, widzialam u kogos na wizytowce i przypomina czcionka wygładem cyrkonie w kształcie kołeczek
prosze o odpowiedz
http://www.dafont.com/ poszukaj tutaj :)
UsuńJak przy użyciu kodu. Zrobić komentarze na górze?
OdpowiedzUsuńA ten kod wpisuje do zastosowania to wszystko mam wkleić?
Ten komentarz został usunięty przez autora.
OdpowiedzUsuńJaki jest kod na zaokrąglone rogi postów i gadżetów? :)
OdpowiedzUsuńPosty: .post {border-radius: 30px 30px 30px 30px;}
UsuńTo samo robisz z gadżetami, po prostu zmieniasz selektor na column-left-inner jeśli nie działa ci ten kod:
.column-left-inner {border-radius: 20px 20px 30px 20px;}
Przed "column-left-inner" wstaw ".main-inner"
Jaki jest kod CSS na zamknięty nagłówek, tak jak w tym szablonie? ;))
OdpowiedzUsuńhttp://clementine-marlena.deviantart.com/art/Zamknity-Szablon-449528445
Jak dla mnie ramkę można zrobić w photoshopie. Następnie musisz pogłówkować z CSSem samemu
UsuńJak zrobić taki ajny szablon i go umieścić.Bierzeszopłatę za szablony czy nie ,jeśli nie to zrobiłabyś szavblon dla mnie
OdpowiedzUsuńhttp://dogwitchmyblog.blogspot.com/
Szablon robi się po kolei:
UsuńNajpierw nagłówek w jakimś programie graficznym potem całość z kodami CSS w bloggerze ;)
Zapłatą za szablon jest dodanie się do obserwatorów i promocja bloga przez nasz button :P
Zachęcam zajrzeć do Regulaminu!
Pobrałam szablon i kiedy wpisuje kod to mi się pokazuje : Błąd podczas analizowania pliku XML, wiersz 1, kolumna 291: The markup in the document following the root element must be well-formed.
OdpowiedzUsuńBłagam o jak najszybszą pomoc. :( Jak wstawić ten kod???? :///
Jaki szablon pobrałaś i jaki wpisujesz kod? Bo nie rozumiem
OdpowiedzUsuńJa nie umiem robić szablonów i mam pytanie. Gdzie je robić jakie są wymiary i czy coś potrzeba a mogłabyś mnie nauczyć ? Da się to robić w Pixlr czy trzeba w Ps ? Byłabym bardzo wdzięczna ;)
OdpowiedzUsuńNajpierw tworzysz nagłówek tutaj polecam program Gimp. Jego wymiary są dowolne. Reszta do Kody CSS. Nie są one zbyt proste ale każdego da się nauczyć ;) Pomagałam już wielu osobom więc jeśli chcesz to napisz na GG gdyż tam jestem 24h na dobę :P
UsuńJak się dodaje zdj. do szablonu przez CSS to trzeba ze strony internetowej? Bo mi wtedy wychodzi takie małe jak na podglądzie w stronie z hostingiem...
OdpowiedzUsuńTak trzeba przez CSS. Hmm a na jakim hostingu dodajesz? Ja osobiście do tego używam bankfotek.pl i gorąco polecam te stronkę ;)
OdpowiedzUsuńJaki jest kod na wyśrodkowanie treści komentarza?
OdpowiedzUsuń.comment p {text-align: center;}
UsuńCo zrobic zeby PRAWY Pasek nie byl Przeźroczysty /?
OdpowiedzUsuńhttp://werix-blog1.blogspot.com/
Jak zrobić, żeby tam gdzie są komentarze i są anonimy zmienić obrazek żeby był ładniejszy?
OdpowiedzUsuńTo trzeba grzebać w html'u...
Usuń1. Czyli tworzysz obrazek wielkości 50x50px. Będzie to obrazek anonima. Po stworzeniu wrzucamy na hosting np na: funkyimg.com (polecam)
I tu masz resztę. Napisałam wcześniej ale mi nie chciało komentarza wysłać. Pogrzebałam trochę i znalazłam link:http://tajemniczy--ogrod.blogspot.com/2012/11/jak-zmienic-ikone-anonimowego.html
(credit) Tajemniczy Ogród.
Tam się tego nauczyłam :*
Myślę że pomogłam
Mam pilne pytanie = )
OdpowiedzUsuńJak się robi tło w konkretnych linkach: "strona główna","starszy post" oraz "nowszy post"?
Serdeczne dzięki za odpowiedź ;***
Potrzebna jest znajomość selektorów na te ,,gadżety" potem wpisujemy background-color itd. Kod jest następujący:
Usuńna stronę główną:
a.home-link{
background-color: kod koloru tła;}
starsze posty:
a.blog-pager-older-link{
background-color: kod koloru tła;}
nowsze posty:
a.blog-pager-newer-link{
background-color: kod koloru tła;}
Gdy chcesz uzyskać efekt po najechaniu do selektorów dopisujesz a:hover
W razie kłopotów pisz ;)
Dzięki serdeczne ;)
OdpowiedzUsuńMam jeszcze jedno pytanie.
Jaki jest kod bądź co innego xD aby "przyozdobić" pasek,który prowadzi na dół i do góry? Jak w tamtym szablonie Dodo co zrobiłaś.
Ja też przybywam z pytaniem :>
OdpowiedzUsuńOtóż zrobiłam szablon i użyłam kodu, żeby nagłówek się nie przesuwał, ale on zostaje w miejscu. Szablon jest zrobiony tak, że nagłówek jest z prawej strony i miał być tak, że zostanie.. Chyba rozumiecie XD
Podalibyście mi kod?
Dziękuje za odpowiedź :)
Chodzi o to żeby jak się przesuwa stronę to on ciągle był?
UsuńTak, oto mi chodzi. Takie coś jak teraz jest u was :D
Usuńmusisz zamiast position:relative;
Usuńdać position:fixed; i właściwości gdzie i jak ma być umieszczony...
Już sobie sama poradziłam ;)
UsuńCzy znasz kod na umiejscowienie nagłówka na postach ?
OdpowiedzUsuńChodzi mi mniej więcej o taki efekt: http://oi58.tinypic.com/mvjkow.jpg
Dodaj do selektora: z-index: 10; i pobaw się jego wysokością (za pomocą top, to chyba oczywiste) ;)
UsuńTen komentarz został usunięty przez autora.
OdpowiedzUsuńCo trzeba zrobić, żeby w poście na blogu na stronie głównej był taki przycisk przy poście "zobacz więcej" albo coś w tym stylu?
OdpowiedzUsuńJeżeli chodzi co o samo pojawienie się napisu "Czytaj więcej" to po prostu najedź kursorem na miejsce gdzie chcesz go umieścić i wybierz ikonkę rozdartych karetek(?)
Usuńhttps://www.google.com/help/hc/images/blogger/blogger_154172_jump_icon_en.png
Tak jak tu ;)
Jaki jest kod css na zaokrąglenie zdjęcia w poście po najechaniu na nie kursorem i może jakieś inne efekty
OdpowiedzUsuńOdnoście zdjęć w poście instrukcje znajdziesz tu:
Usuńhttp://land-of-grafic.blogspot.com/2014/11/1115-1119-ii-urodziny-log-ekranizacje.html
http://land-of-grafic.blogspot.com/2014/04/770-773-i-wanna-be-billionaire.html
jaki jest kod css na tekie zdjęcia w poscie jak na tym blogu --->http://historia-aia-v.blogspot.com/
OdpowiedzUsuńPobaw się instrukcjami podanymi powyżej lub po prostu zapytaj autorkę :)
Usuńczy ktos zrobi mi te zmieniajace się zdj i szblon
OdpowiedzUsuńhttp://gabby-inspirations.blogspot.com/
OdpowiedzUsuńJak zrobić nagłówek w takim stylu? :)
Mam pytanie. Jak zrobić zaokrąglony kształt posta. Nie obrazki w poście tylko zaokrąglone rogi. Próbowałam dużo kodów i nic. Proszę o kod i instrukcję bo nie wiem jak to zrobić. Jestem zielona w tych kodach. I czy do tego musi być jakaś ramka jak tak to wytłumacz. Proszę o szybką odpowiedź!
OdpowiedzUsuńPozdrawiam Sandra<33
Hej :)
OdpowiedzUsuńMam małe pytanie odnośnie kodu Css.
Jak zrobić karty w kołach? Jaki jest na to kod?
Czekm na odpowiedź. Pozdrawiam, SBM.
Hejka.
OdpowiedzUsuńZnasz może kod css żeby usunąć zaokrąglone rogi w szablonie rewelacja? To bardzo ważne!!!
mam pytanie czy jest jakis kod css żeby wszytskie zdjęcia na blogu się wysrodkowały ? :)
OdpowiedzUsuńWitam!
OdpowiedzUsuńNa moim blogu użyłam kodu, który po najechaniu kursorem na link wyświetla pod nim niebieskie tło.
Nie chcę rezygnować z tego efektu, ale (z czym pewnie większość dających linkom tło ma problem) sprawia to, że nagłówek rujnuje mi estetykę na blogu.
Po wskazaniu kursorem grafiki z przeźroczystym tłem cały nagłówek wpada w niebieski prostokąt.
Używałam mnóstwo różnych selektorów by ustawić wartość ,,background-color" samego nagłówka na ,,transparent" i oznaczałam hasłem ,,!important", ale za każdym razem nic to nie dawało.
Szukałam też w internecie kodów na to, by usunąć hiperłącze z nagłówka, ale nie udało mi się znaleźć.
Nie jestem zbyt dobra w CSS'ie, znam tylko podstawy i umiem właściwie tylko edytować kody z internetu i je wstawiać na bloga. Proszę, jakiego kodu mogłabym tu użyć, by w samym nagłówku tę wartość ,,a:hover" wymazać?
Hej, ja jestem z tych nowych w css i chciałabym się dowiedzieć, jak można zrobić taką "przedstronę", która pojawia się czasami po wejściu na jakiegoś bloga, tak, że muszę kliknąć dalej, by się na nim znaleźć. Miło by było gdyby pojawiła się jakaś instrukcja na ten temat, albo chociaż link, gdzie jest pokazane jak to zrobić :)
OdpowiedzUsuńPozdrawiam,
Deea
Hej, mam ważne sprawę. Bardzo podoba mi się ten efekt zmiany zdjęć w nagłówku (jak na waszym blogu) i chciałabym prosić o kod na niego. Z góry dziękuję ♥
OdpowiedzUsuńWitam ja mam pytanie odnośnie zdjęć w postach. Gdy pisze post to ustawiam rozmiar zdjęć i reby były na środku , ale często jest tak, że są po lewej stronie.
OdpowiedzUsuńJak mogę to zminiĆ? Wyśrodkować kolumnę?
Z góry dziękuję ;)
BŁAGAAAAM!
OdpowiedzUsuń1) jak usunąć podkreślenie tytułu posta po najechaniu na niego kursorem?
a:hover {text-decoration: none;}
UsuńNie wiem, czy Ci to jeszcze potrzebne, ale akurat mam kod CSS pod ręką i mogę odpowiedzieć. U mnie działa to tamto u góry, ale jednocześnie we wszystkich linkach brak jest podkreślenia. Polecam jeszcze to:
a:hover{letter-spacing:3px;}
i wtedy po najechaniu na link litery odsuwają się od siebie, przez co widać wyraźnie, iż ma się do czynienia właśnie w linkiem.
wordpress motywy
OdpowiedzUsuń