Selektory ogólne
body - cały blog, selektor ten może posłużyć nam np. do ustawienia tła całego bloga
.header - nagłówek bloga
.Header h1 - tytuł bloga (inaczej tytuł belki)
.main-inner - obszar wszystkich kolumn i pagera bloga {podgląd}
#Blog1 - obszar postu (wraz z jego datą) i pagera bloga {podgląd}
.date-outer - obszar postu (wraz z jego datą) bez pagera bloga {podgląd}
.post-outer - obszar postu, bez jego daty i pagera bloga {podgląd}
.footer-outer - stopka (na szerokości całego ekranu)
.footer-inner - stopka (jedynie na szerokości bloga)
.Attribution - napis na stopce
.navbar - pasek nawigacyjny na samej górze bloga
a:hover - wszystkie linki na blogu po najechaniu na nie myszką
Kolumny
.column-right-outer - ogólnie prawa kolumna, selektor ten może posłużyć nam np. do ustawienia tła w kolumnie {podgląd}
#sidebar-right-1 - pojedyńcza prawa kolumna {podgląd}
#sidebar-right-2-1 - lewa podkolumna w prawej kolumnie {podgląd}
#sidebar-right-2-2 - prawa podkolumna w prawej kolumnie {podgląd}
.column-right-inner .widget - wszystkie gadżety w prawej kolumnie {podgląd}
Aby zamienić selektor z prawą kolumną na taki z lewą, wystarczy w nazwie tego selektora right zastąpić wyrazem left.
Budowa posta
h2.date-header - obszar nagłówka z datą na szerokości selektora #Blog1 {podgląd}
h3.post-title - cały obszar tytułu posta {podgląd}
h3.post-title a - tylko tytuł posta {podgląd}
h3.post-title a:hover - tytuł posta po najechaniu na niego myszką
.post-body - obszar samej notki {podgląd}
.post-footer - stopka posta {podgląd}
.post-author - autor zawarty w stopce posta
Kolumny
.column-right-outer - ogólnie prawa kolumna, selektor ten może posłużyć nam np. do ustawienia tła w kolumnie {podgląd}
#sidebar-right-1 - pojedyńcza prawa kolumna {podgląd}
#sidebar-right-2-1 - lewa podkolumna w prawej kolumnie {podgląd}
#sidebar-right-2-2 - prawa podkolumna w prawej kolumnie {podgląd}
.column-right-inner .widget - wszystkie gadżety w prawej kolumnie {podgląd}
Aby zamienić selektor z prawą kolumną na taki z lewą, wystarczy w nazwie tego selektora right zastąpić wyrazem left.
Budowa posta
h2.date-header - obszar nagłówka z datą na szerokości selektora #Blog1 {podgląd}
h3.post-title - cały obszar tytułu posta {podgląd}
h3.post-title a - tylko tytuł posta {podgląd}
h3.post-title a:hover - tytuł posta po najechaniu na niego myszką
.post-body - obszar samej notki {podgląd}
.post-footer - stopka posta {podgląd}
.post-author - autor zawarty w stopce posta
.post-timestamp - godzina zawarta w stopce posta
.comment-link - ilość komentarzy zawarta w stopce posta
.post-footer-line-2 - etykiety zawarte w stopce posta
.blog-pager - obszar z przyciskami: starsze posty, nowsze posły, strona główna na szerokości selektora #Blog1 {podgląd}
.blog-pager a - tylko przyciski pagera bloga {podgląd}
.blog-pager a:hover - przyciski pagera bloga po najechaniu na nie myszką
.feed-links - napis "Subskrybuj Posty: (Atom)" pod pagerem bloga
.comments h4 - duży nagłówek z ilością wszystkich komentarzy pod postem
.comment p - wszystkie komentarze, ten selektor może nam posłużyć np. do ustawienia tła, które będzie się pojawiać w każdym komentarzu
.avatar-image-container - wszystkie awatary obok komentarzy
.post-body img - wszystkie obrazki, które umieścimy w notkach, ten selektor może posłużyc nam np. do ustawienia tła pod obrazkami
Dodatkowe
a.home-link - przycisk strony głównej w pagerze bloga
a.home-link - przycisk strony głównej po najechaniu na niego myszką
a.blog-pager-older-link - przycisk starsze posty
a.blog-pager-older-link:hover - przycisk starsze posty po najechaniu
a.blog-pager-newer-link - przycisk nowsze posty
a.blog-pager-newer-link:hover - przycisk nowsze posty po najechaniu
.comment-header - nagłówek komentarza z jego autorem, datą i godziną
.comments .comment .comment-actions a, .comments .thread-toggle a - przyciski odpowiedz i usuń pod komentarzem
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover - przyciski odpowiedz i usuń po najechaniu
blockquote - cytat w poście
.jump-link - przycisk czytaj więcej w poście
#Followers1 - gadżet z obserwatorami
Gadżety
.tabs-outer - ogólnie pasek z kartami (na całej szerokości ekranu)
.tabs-inner - ogólnie pasek z kartami (jedynie na szerokości bloga)
.tabs-inner .widget li a - ogólnie karty
.tabs-inner .widget li.selected a - karty, które zostały już przez nas wcześniej odwiedzone
.tabs-inner .widget li a:hover - karty po najechaniu na nie myszką
h2 - nagłówki we wszystkich gadżetach
#BlogArchive1 - cały gadżet z archiwum bloga
#BlogArchive1 h2 - nagłówek gadżetu z archiwum
#BlogArchive1 a - linki w gadżecie z archiwum
#BlogArchive a:hover - linki w gadżecie z archiwum po najechaniu na nie myszką
#Stats1 - cały gadżet ze statystyką bloga
#Stats1 h2 - nagłówek gadżetu ze statystyką
.counter-wrapper - tylko licznik odwiedzin
#PageList1 - cały gadżet ze stronami bloga
#PageList1 h2 - nagłówek gadżetu ze stronami
#PageList1 a - linki w gadżecie ze stronami
#PageList1 a:hover - linki w gadżecie ze stronami po najechaniu na nie myszką
#Label1 - cały gadżet z etykietami bloga
#Label1 h2 - nagłówek gadżetu z etykietami
#Label1 a - linki w gadżecie z etykietami
#Label1 a:hover - linki w gadżecie z etykietami po najechaniu na nie myszką
#Links1 - cały gadżet z linkami bloga
#Links1 h2 - nagłówek gadżetu z linkami
#Links1 a - linki w gadżecie z linkami
#Links1 a:hover - linki w gadżecie z linkami po najechaniu na nie myszką
#Text1 - cały gadżet z tekstem na blogu (#Text2 - drugi gadżet z tekstem, #Text3 - trzeci gadżet z tekstem itp.)
#Image1 - cały gadżet z obrazkiem na blogu (#Image2 - drugi gadżet z obrazkiem, #Image3 - trzeci gadżet z obrazkiem itp.)
Dodatkowe
a.home-link - przycisk strony głównej w pagerze bloga
a.home-link - przycisk strony głównej po najechaniu na niego myszką
a.blog-pager-older-link - przycisk starsze posty
a.blog-pager-older-link:hover - przycisk starsze posty po najechaniu
a.blog-pager-newer-link - przycisk nowsze posty
a.blog-pager-newer-link:hover - przycisk nowsze posty po najechaniu
.comment-header - nagłówek komentarza z jego autorem, datą i godziną
.comments .comment .comment-actions a, .comments .thread-toggle a - przyciski odpowiedz i usuń pod komentarzem
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover - przyciski odpowiedz i usuń po najechaniu
blockquote - cytat w poście
.jump-link - przycisk czytaj więcej w poście
#Followers1 - gadżet z obserwatorami
Starałam się niczego nie ominąć i opisać wszystko w miarę jasno. W razie jakichkolwiek pytań - zachęcam do pisania. :)
Korzystasz z powyższego spisu? Uważasz, że pomógł ci on w stworzeniu własnego szablonu? Koniecznie udostępnij go innym!
ostatnia aktualizacja: 14.07.14r
ostatnia aktualizacja: 14.07.14r
masz może selektor by zmienić napis 'starszy post' 'nowy post' na takie strzałki? (;
OdpowiedzUsuńNie spotkałam się, aby do tego typu zmian był jakiś selektor...
UsuńZobacz na stronie: http://hafija-background.blogspot.com/2012/05/jak-zastapic-odnosniki-starsze-posty.html
Jest tam instrukcja "Jak zastąpić odnośniki: starsze posty / nowsze posty / strona główna ikonami/rysunkami".
Instrukcja bardzo przydatna, chociaż ja strzałki u siebie robiłam za pomocą css'a a nie grzebania w kodzie html. Instrukcję na taki efekt dodam w najnowszej notce, postaram się także do tego czasu zaktualizować spis selektorów.
UsuńMam malutkie pytanie, widziałem na jednym z blogów jak ktoś zmieniał ramki, kolory itp. w napisie "Czytaj więcej" - jaki to selektor?
OdpowiedzUsuńNiestety nie mam pojęcia, postaram się dowiedzieć i zamieścić ten selektor w aktualizacji spisu :)
UsuńSelektor na obserwatorów?
OdpowiedzUsuń#Followers1
Usuńselektor do daty?? proszę o pomoc .... aby zmienić kolor i tekst
OdpowiedzUsuńPozwolę sobie odpowiedzieć c:
Usuń.date-header
przynajmniej ja tego używam
cześć, mam do Ciebie ogromną prośbę - mogłabyś mi pomóc? mój blog to moniusza.blogspot.com szablon ściągałam z internetu, chciałabym zmienić na dole strony strzałkę którą przechodzimy do starszych postów na normalny napis starsze posty, ale nigdzie nie mogę znaleźć sposobu, szukam już chyba drugi dzień. w kodzie html nawet nie znajduje mi żadnego tekstu older itp. będę ogromnie wdzięczna za pomoc!
OdpowiedzUsuńJa chciałabym zapytać jak zrobić tło za kolumnami (boczną i postem) oraz za nagłówkiem, tak jak u ciebie jest to półprzezroczyste zielone . _ . Nie mogę w żaden sposób do tego dojść.
OdpowiedzUsuńMam nadzieję, że właścicielka bloga się na mnie nie pogniewa, jeżeli odpowiem :)
UsuńJeśli post musisz mieć odpowiedni kod ale nie kod HTML. Ja mam colorpicker i nazywa się "Własny".
W poście:
#Blog1 {
background-color: RGB(81, 85, 98)
}
A do kolumn:
.column-right-outer {
background-color: RGB(81, 85, 98)
}
Jeśli kolumna lewa to "right", zmień na "left".
Te kody podałam takie jakie miałam w programie. jest ich wiele.
Żeby ustawić przezroczystość należy, do "RGB" dodać "a" i za cyferkami wstawić liczbę od 0 - 1. Np:
background-color: RGBa(81, 85, 98, 0.5)..
Mam nadzieję że zrozumiałaś. Jeśli nie to 41213382 - moje gg. :)
Heeej mam pytanie :) jeśli h2 to nagłówki to h3 i h4 czym jest ? :))
OdpowiedzUsuńh3 To chyba Tytuł postu a o h4 nie słyszałam :)
Usuńaaa...h4 to może być związane z komentarzami :)
Usuńh4 to duży napis z iloscią komentarzy, kiedy wejdziesz w notkę, to znajduje się pod samą stopką posta z autorem i mniejszą liczbą komentarzy.
UsuńChciałam napisać, że u mnie nie działa selektor .comment-link. Dlatego jakby komuś nie działało to trzeba dopisać z przodu post.
OdpowiedzUsuńTak to ma wyglądać.
.post-comment-link :)
Wiesz może jak usunąć z archiwum ilość postów ? Te w nawiasie, bardzo proszę o odpowiedź. :)
OdpowiedzUsuńJa zawsze zmieniam to w ustawieniach projektanta :) Wchodzisz w zaawansowane, następnie tekst gadżetów i zmieniasz kolor alternatywny na przeźroczysty.
UsuńBardzo ci dziękuję :)
Usuńjaki jest selektor na pogrubiony tekst w poście?
OdpowiedzUsuńSpróbuj: b, strong
Usuń:)
Hej! Mam mały problem. Otóż chciałam, żeby jedna ramka z gadżetami wysuwała się z pod nagłówka. Na początku miałam problem z-index, ale naprawiłam ten błąd. Najgorsze jest to, że teraz ramka nie chce się wysunąć, a tylko co się porusza to tekst i to tam gdzie nie trzeba. O to kod:
OdpowiedzUsuń.header {
background: url("http://i60.tinypic.com/jto3e8.jpg");
width:900px;
height:584px;
position: relative;
left: 0px;
border-radius: 240px 240px 5px 5px;
box-shadow:0 0 2em #000000;
z-index: 1 !important;}
#sidebar-right-2-2 {
position: relative;
top: -395px;
left: -64px;
z-index: 0 !important;
width: 265px;
height: 150px;
width: 230px;
height: 360px;
border-style: solid;
border-radius: 0px 30px 30px 0px;
border-color: #A20D26;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;}
#sidebar-right-2-2 :hover{
position: relative;
top: -395px;
left: 143px;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#Text2 h2{
background:#A20D26;
text-align: center;
text-transform: uppercase;
letter-spacing: 5px;
transform: rotate(90deg);
position: relative;
top: 162px;
left: 47px;
width: 334px;
border-radius: 30px 27px 0px 0px;
}
Nagrałam też filmik gdzie pokazuje, jak mnie to wszystko nie działa: https://www.dropbox.com/s/wjioqohbvww5v5e/css.wmv Bardzo proszę o pomoc.
Nie wiem, czy to główna przyczyna problemu, ale widzę jeden błąd w kodzie. Powinno być #sidebar-right-2-2:hover a nie #sidebar-right-2-2 :hover, po prostu usuń spację i może to coś da. Jeśli nie, to ciężko mi powiedzieć, co jest źle, pewnie jakieś błędy w pozycjonowaniu. Musiałabym sprawdzać ten kod na jakimś swoim próbnym i jeszcze ustawić dodatkowo wszystkie gadżety, tak jak ty masz je ustawione albo ewentualnie podałabyś mi dane do logowania i poprawiłabym to u Ciebie na blogu :)
UsuńPoprawiłam błąd i wszystko działa. Dziękuje. ;33
UsuńTen komentarz został usunięty przez autora.
OdpowiedzUsuńKod jest prawidłowy, a dzieje się tak dlatego, że takie polecenie napisałaś :> Jak masz ten fragment:
OdpowiedzUsuń#Label6 li a:link, #Label6 li a:visited{
color: #A20D26;
position : relative;
left: -25px;
width: 150px;
display: block;
transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
}
To tutaj masz zdefiniowane polecenie dla linku po jego kliknięciu (odpowiada za to selektor #Label6 li a:visited) Usunięcie z kodu selektora podanego w nawiasie powinno pomóc :)
Zrobiłam tak jak napisałaś i nie działa. :(
OdpowiedzUsuńJak zmienić kolor napisu ''brak komentarzy'' ? :) bo nigdzie nie mogę tego znaleźć :(
OdpowiedzUsuń.comment-link{
Usuńcolor: #000000 !important;
}
lub
.comment-link a{
color: #000000 !important;
}
Któryś z tych dwóch powinien zadziałać :)
Działa ! Dziękuję ! :) mam jeszcze jedno pytanie bardzo podobne ;p jak zmienić kolor godziny i jak usunąć to ''o'' ( o 3:33) ?
Usuńi jeszcze jak pogrubić autora, godzinę i napis brak komentarzy ?
UsuńDa się usunąć jakoś te kwadraciki do udostępniania które są pod postem ?
Z góry dziękuję za pomoc :)
Godzina:
Usuń.post-timestamp{
color: transparent !important;
}
.timestamp-link(
color: #000000 !important;
}
Pogrubienie:
.post-footer{
font-weight: bold;
}
Kwadraciki: Wchodzisz w układ szablonu, potem wybierasz ustawienia postu i w tych ustawieniach masz coś takiego jak "pokaż przyciski udostępniania" - musisz to po prostu wyłączyć
Mam nadzieję, że pomogłam :)
Ten komentarz został usunięty przez autora.
OdpowiedzUsuńTeraz tak patrzę i nie jestem pewna, czy użyłaś odpowiedniego selektora.. ja zawsze używam #Label1 i on odpowiada za wszystkie etykiety. Nie wiem, czy to coś pomoże, ale napiszę Ci, jak ja zapisałabym ten fragment kodu, który dostałam od Ciebie:
OdpowiedzUsuń#Label1{
position: absolute;
top: -10px;
left: 50px;
}
#Label1 a{
text-align: center;
text-transform: uppercase;
font-family: "Calligraph421 BT";
margin-top: -10px;
position: relative;
top: 10px;
width: 100px;
color: #A20D26;
width: 150px;
display: block;
transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
}
#Label1 a:hover{
background: #A20D26;
color: white;
text-decoration: none;
display: block;
transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
box-shadow: inset 0px 25px 0px #A20D26 !important;
}
Daj znać czy pomogło :)
Dałam dobrego gdyż mam aż 7 etykiet. Ja dałam tutaj pierwszy na jakiego trafiłam. Tylko co zmieniłam to dałam tylko to "a" gdyż nie chciałam zmieniać już nic. Niestety nie pomogło na dodatek nie we wszystkich etykietach działa przejście. :(
OdpowiedzUsuńJest jakiś selektor na same tytuły gadżetów (bez daty)?
OdpowiedzUsuń#sidebar-left-1 h2, #sidebar-right-1 h2
UsuńMożna ich używać osobno (pierwszy odpowiada za tytuły gadżetów w lewej kolumnie, a drugi, za tytuły gadżetów w prawej kolumnie) albo razem, czyli po przecinku, tak jak zapisałam :)
No to już nie mam pomysłu, jak mogłabym Ci pomóc. Musiałabym zobaczyć cały kod i może wtedy jakoś go dostosować :)
OdpowiedzUsuńTen komentarz został usunięty przez autora.
OdpowiedzUsuńGdzie można utworzyć odnośnik czytaj więcej?
OdpowiedzUsuńW edycji notki :)
UsuńDzięki wielkie. Niektórych z tych selektorów długo szukałam, a tu są wszystkie! Jesteś cudowna, pozdrawiam. ♥
OdpowiedzUsuńChciałam tylko jeszcze zapytać - czy wiesz, jak zmienić wygląd ramki, w którą wpisuje się komentarz? Nie chodzi mi o miejsce, gdzie jest on potem widoczny, tylko to białe coś, gdy klikam "Dodaj komentarz". Da się w ogóle?
UsuńNie ma za co, po to są tutaj udostępnione :>
UsuńRaczej się nie da, przynajmniej ja nie mam pojęcia jak :)
Mam kilka pytań, ale niewiem czy odpowiesz ;)
OdpowiedzUsuń1. Jak powiększyć tło w napisie "Czytaj więcej" i w dacie (co do szerokości)? I jak zmienić czcionkę w "czytaj więcej"?
2. Jak przemieścić komentarze i autora nad post, a datę umiejscowić na środku, pomiędzy nimi? :)
Wiem, jestem dziwna ;-D
już nie ważne, Yassmine mi pomogła ;)
UsuńPrzepraszam, że nie zdążyłam Ci pomóc, ale dopiero dzisiaj miałam chwilkę, żeby odpisać na wszystkie komentarze :)
UsuńSpoko ;)
UsuńAle nadal mam problem z dwójką, gdyż jak już to robię, to przy zmienianiu jakiś kodów, to automatycznie mi się to zniża..
Kurczę, teraz zauważyłam, że ten poprzedni kod mi nie działa... Od kąd mam nowego laptopa, kody na przesuwanie np. kolumny, mi nie działają, widziałam to już na jednym moim próbnym :P
UsuńJeśli przesuwasz autora i liczbę komentarzy na górę doradzam zastosowanie position: absolute; a jeśli chodzi o datę i kolumny position: relative;
UsuńJak to nie działają? Muszą działać, może gdzieś wcześniej zrobiłaś błąd, np. zapomniałaś dopisać } albo ; i dlatego nie działają kody pod tym
Nie to chyba wina bloggera ;)
UsuńRobię teraz szablon dla koleżanki, i wszystko mi działa ;)
Dziękuję za pomoc! :)
Nie ma sprawy, cieszę się, że już wszystko działa! :)
UsuńMam małe pytanko. ;)
OdpowiedzUsuńRobię szablon, lecz kompletnie nie znam selektoru na samo tło postu - chcę ustawić przeźroczystość, nie zmieniając przeźroczystości napisu i obrazków. Jest taki selektor? ;)
Selektor jest taki sam, jak na tło postu, przeźroczystości nie ustawiasz selektorem, tylko musisz znać kod RGB danego koloru. Przykładowy kod:
Usuń.post-body{
background: rgba(0, 0, 0, 0.5);
}
Ta ostatnia wartość z przecinkiem, to twoja przeźroczystość, możesz ją ustawić według własnego uznania (0-1) 0 - koloru w ogóle nie widać, 1 - kolorowi nie jest dodana przeźroczystość. Popróbuj sobie ze wszystkimi wartościami pomiędzy.
A jeśli chodzi o to, gdzie znaleźć współrzędne rgb danego koloru, to najłatwiej w przyborniku po prostu, nawet w paincie jest taka możliwość :) http://funkyimg.com/i/SoNV.png - tutaj masz podgląd. Patrząc od góry na dół wpisujesz po kolei te wartości po przecinku do swojego kodu. RGB to zawsze trzy wartości, dopisujesz czwartą jako właśnie przeźroczystość.
Przepraszam, że tak chaotycznie to opisałam, ale mam nadzieję, że się połapiesz :>
Połapałam, dzięki.
UsuńMam pytanie...
OdpowiedzUsuńJak zrobic, zeby na dole posta nie bylo tej przerywanej linii?
http://podchmielonaprobny.blogspot.com/2014/12/lorem-ipsum.html?showComment=1420480283104#c3815789348877381473
Dziekuje i przepraszam za brak polskich znakow - jestem na niemieckim laptopie.
Proszę o szybką odpowiedź ;)
OdpowiedzUsuńJaki jest selektor na obrazki po najechaniu? :)
na obrazki po najechaniu myszką*
Usuń.post-body img:hover
Usuńselektor na etykiety? ;)
OdpowiedzUsuńJest zapisany w spisie u góry :)
UsuńHej, wiesz może jaki jest selektor na podstrony? Np. postacie
OdpowiedzUsuńŻeby zmienić ich wygląda, tak jak się zmienia wygląd postu
Podstrony? Czyli menu?
Usuń#PageList1 - cały gadżet ze stronami bloga
#PageList1 h2 - nagłówek gadżetu ze stronami
#PageList1 a - linki w gadżecie ze stronami
#PageList1 a:hover - linki w gadżecie ze stronami po najechaniu na nie myszką
Mogłabyś podać selektor na ten główny suwak po prawej stronie ekranu? :3
OdpowiedzUsuń::-webkit-scrollbar - cały suwak
Usuń::-webkit-scrollbar-thumb - przycisk
Mam nadzieję, że pomogłam :)
I mam jeszcze jedno pytanko, jak zrobić odstęp między przyciskiem 'odpowiedz' a treścią komentarza? Bo mi jedno zaraz pod drugim wyskakuje :/
OdpowiedzUsuń.comments .comment .comment-actions a, .comments .thread-toggle a{
Usuńmargin-top: 10px;
}
Powinno pomóc :)
Hmm, wszystko podane, super, ale jedna mała rzecz.
OdpowiedzUsuńNa czym polegają te kody? Tzn., wiem, na czym, ale jak konstruować te kody?
#Piszętakbardzoniejasno
Aby stworzyć kod musisz do selektora dodać jakieś "polecenie" Np. jak chcesz przesunąć menu do góry to kod wyglądałby tak:
Usuń#PageList1{
margin-top: --10px;
}
Jak chcesz poznać więcej możliwości, poczytaj sobie jakiś kurs CSS, na internecie jest ich pełno. Albo jeśli potrzebne Ci gotowe kody, to kliknij w etykietę CSS, tutaj na blogu trochę ich umieściłam :)
A ja tylko szepnę, że Cię uwielbiam. :)
OdpowiedzUsuńOjej, dziękuję ślicznie! :>
UsuńJak usunąć kropki przy pagerze?
OdpowiedzUsuńNie wiem, o jakie kropki chodzi, ja nie mam żadnych :< Może to kwestia szablonu, do którego dodajesz swoje kody CSS? Ja zawszę pracuję na czarnej rewelacji :)
UsuńCzesc :) Chciałam się nauczyć robic szablony, jakieś podstawy mam do tego cały czas śledzę Twojego bloga i się ucze. Jednak chciałabym jakiś wyjątkowy i mogłabyś mi powiedzieć jak zrobić żeby każdy gadżet ( menu, etc ) był w osobnych ramkach jak tutaj i jak ustawić go tak z boku i wyżej :) http://funkyimg.com/i/D5RF.jpg
OdpowiedzUsuńDziękuję za każdą pomoc : )
Cześć, bardzo się cieszę, że śledzisz maudlaisy na bieżąco :)
Usuń.column-right-inner .widget - wszystkie gadżety w prawej kolumnie {podgląd}
Aby zamienić selektor z prawą kolumną na taki z lewą, wystarczy w nazwie tego selektora right zastąpić wyrazem left.
O to chodzi? :>
Jak usunąć napis Subskrybuj: Posty(Atom) ?
OdpowiedzUsuńPozwolę sobie odpowiedzieć :)
Usuń.feed-links {display: none;}
Co zrobić, żeby ten suwak z boku nie był taki "gruby"?
OdpowiedzUsuńNo żeby był taki "chudy" jak na twoim blogu.
Hahaha XD Mam nadzieję, że zrozumiałaś, bo po przeczytaniu tego to sama się zastanawiam czy to jest zrozumiałe.
Chodzi mi o ten suwak z boku z przyciskiem, bo gdy się napisze selektory, wartość: background i napisze kod koloru to on taki jakiś gruby jest :/
Jak to zrobić?
Ja to robię selektorem ::-webkit-scrollbar i dodaję szerokość ;)
Usuń::-webkit-scrollbar {width: 10px}
Cześć!
OdpowiedzUsuńTwój blog jest dla mnie skarbnicą niezbędnej wiedzy. Już jakiś czas robię szablony (głównie dla siebie) i ten spis selektorów często jest dla mnie przydatny.
Chciałabym teraz zrobić taki minimalistyczny szablon z tym, że nagłówek byłby zdjęciem, ale chciałabym, żeby po najechaniu zmieniał się na inne zdjęcie. Nie wiem jak to zrobić. Może wiesz i pomogłabyś?
Pozdrawiam! :)
Wielkie dzięki za wypisanie tych selektorów :). O ile od razu praca łatwiejsza!
OdpowiedzUsuńBardzo dziękuję! Pomogło mi to, ale mam pytanie, a za razem prośbę ^^', czy wiesz jak zrobić karty w rombach? ;;
OdpowiedzUsuńMoże Caudire się nie obrazi, jeśli odeślę cię do tutorialu Robyn Gleams :) Wszystko tłumaczy na filmiku, a jeśli będziesz mieć wątpliwości, to daję też link do jej bloga graficznego.
UsuńKliknij by przejść do tutorialu
Kliknij by przejść do bloga
Pozdrawiam xx
Hej :) Wiesz może jak usunąć te ikonki na dole strony (typu fb, g-mail, tt itd., a obok pisze poleć to w google).
OdpowiedzUsuńI jeszcze jedno pytanie: Jak usunąć ilość postów w archiwum ? (żeby tylko miesiące były) Z góry dzięki
Może nie jestem autorką posta, ale pomogę :b
UsuńIkonki zmieniasz w ustawieniach posta w układzie, nie potrzeba do tego CSS'a, natomiast do usunięcia ilości postów musisz wejść w Szablon -> Zaawansowane -> tekst gadżetów i zmienić tekst alternatywny na transparentny :)
Myślę, że pomogłam :)
Bardzo długo szukałam czegoś takiego, fajnie, że wreszcie znalazłam :3 Jesteś super!
OdpowiedzUsuńAle mam pytanie.
Jak przemieścić autora, etykiety godzinę etc. nad treść posta, zaraz pod tytuł? Bo ja cokolwiek bym nie przestawiła i tak wyświetla mi się na dole :(
Witam,
OdpowiedzUsuńjak zmienić rozmiar (konkretnie zmniejszyć) kolorowego tła, które pojawia się jako tło z tytułem posta w tym szablonie: (jest to bazowy szablon bloggera, jeden z najnowszych) ,,Notable Light" ?