Pod tym postem możecie zadawać mi pytania dotyczące CSS, a może sami znacie jakieś kody więc możecie je przedstawiać w komentarzach. Jeśli korzystacie z poniższych kodów to miło by było abyście dali credit na swoim blogu, a to dlatego, że chciałabym aby kody dotarły do jak największej liczby osób.
A więc do dzieła kochani. ;)
A więc do dzieła kochani. ;)
Witam,
OdpowiedzUsuńStraszliwie podoba mi się twoje "Menu bloga". Czy istnieje kod CSS na nie? Jeśli tak, czy mogłabyś mi go podać. A może jest jakaś instrukcja?
Dziękuję i pozdrawiam!
Oczywiście, że istnieje, ale wymaga on wyjaśnienia bo jest bardziej skomplikowany niż pozostałe kody.
Usuń#LinkList1 li a:link, #LinkList1 li a:visited {
background: #000000;
color: #000000
border-radius: 0px 0px 0px 0px;
text-align: center;
display:block;
position:relative;
text-decoration: none;
line-height: 0px;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
} - TO JEST NA KARTY PRZED NAJECHANIEM
#LinkList1 li a:hover {
background: #000000;
color: #000000;
text-align: center;
text-decoration: none;
padding: 0px;
border-radius: 0px 0px 0px 0px;
line-height: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
transition:all 0.0s;
-moz-transition:all 0.0s;
-webkit-transition:all 0.0s;
-o-transition:all 0.0s;
} - TO JEST NA KARTY GDY SIĘ NA NIE NAJEDZIE
Oczywiście wartości liczbowe możesz sobie dowolnie zmieniać. Tak jak pisałam na początku nie jest to najłatwiejsze, ale jak spróbujesz to powinno Ci się udać. :)
O, czy i ja mogłabym z tego skorzystać? c: Dodam kredyt, o tutaj: http://skrzydlami-alatum.blogspot.com
UsuńTak, proszę, korzystaj. :)
UsuńDzięki ;)
UsuńHej! Ostatnio zaczęłam się bardziej interesować grafiką i projektowaniem stron. Bardzo spodobało mi się to menu i mniej więcej wiem, jak się posługiwać CSS-em, ale mam pytanie...
UsuńCo oznaczają te komendy:
transition:all 0.0s;
-moz-transition:all 0.0s;
-webkit-transition:all 0.0s;
-o-transition:all 0.0s; ?
To jest animacja, odpowiada za to, że karty po najechaniu na nie się poruszają. Są aż trzy ponieważ każda odpowiada za poruszanie się w różnych przeglądarkach.
UsuńA te 0.0s to czas w sekundach podczas którego strona ma zrobić ruch.
Aż 3 różne przeglądarki? Straszne... ;)
UsuńDziękuję Ci bardzo za pomoc, bo zastanawiałam się, czy tam trzeba różne wartości ustawić, czy takie same. :)
Pozdrawiam
Tak, pierwsze jest dla Firefoxa, drugie dla Chrome, a trzecie dla Opery.
UsuńTak, najlepiej ustawić wszystkie wartości takie same, wtedy w jakiej przeglądarce nie otworzysz czas będzie taki sam. :)
Skorzystałam z tych kodów na menu :D Jest świetny :D
UsuńJak wstawić ten kod? Bo wklejam w css i nic się nie dzieje ;c
UsuńPo kodzie dać ENTER.
UsuńWażne jest też aby mieć włączony ten gadżet, bez tego ani rusz.
skorzystaj, ponieważ wygląda świetnie :) http://onslaught-opowiadanie.blogspot.com/
Usuńjak to robisz iż te miejsce na tekst ma owalne zakończenie i skorzystam z Menu
OdpowiedzUsuńTo bardzo proste, .post-title {border-radius: 0px 0px 0px 0px;} Każdą wartość liczbową możesz zmienić wg. uznania. One właśnie odpowiadają za zaokrąglenie tła postu.
UsuńKorzystaj śmiało. :)
A jeszcze pytanie bo nieco wzoruje się na twym szablonie jak go wmieściłaś tu na blogpsot
OdpowiedzUsuńAle skoro się wzorujesz to mam nadzieję, że wspomnisz na blogu, że inspirowałaś się moim szablonem. ;) A mogę jeszcze poznać jego adres?
UsuńChodzi Ci o nagłówek? Jeśli tak to wgrałam go przez html i wyrównałam do lewej.
http://rockmenowa.blogspot.com/
OdpowiedzUsuńale narazie jest w fazie tworzenia szablon i boje ise iż nie uda mi się go wstawić
To nie jest trudne.
UsuńTen nagłówek z html to dajesz edytuj html i kilkasz w jakieś miejsce na kodzie, przytrzymujesz CTRL F i wpisujesz png po czym dajesz ENTER i zamieniasz adres który Ci wskaże na link do Twojego nagłówka.
ja nie umiem może byś mi pomogła z tym ja ci wyśle na deviantart wszytsko ,a ty byś mi ustawiła
OdpowiedzUsuńWiesz, ja nie robię takich rzeczy. Wiele osób pisało do mnie w tej sprawie. Ale mogę Ci zrobić screeny, wiem też, że gdzieś na jakimś blogu była instrukcja jak to wstawić.
UsuńCóż w takim razie zrobie zwykły szablon nie będę wzorować się na twoim bo jestem na taki za głupia,gdy była Elfba było łatwiej
OdpowiedzUsuńTo nic trudnego.
OdpowiedzUsuńZ tego, co wiem Elfaba odblokowała swojego bloga, każdy ma dostęp do jej instrukcji.
NO NIE WIEM NIE BYŁAM TAM ,A CO SĄDZISZ O OBECNYM SZABLONIE
OdpowiedzUsuńJa bym nagłówek wyrównała do lewej, wtedy nie było by widać tej lini odcięcia. Możesz też spróbować sobie dodać jakieś tło pod posty, to naprawdę bardzo łatwe kody. ;)
UsuńPowiesz mi jak zrobić by posty i pasek boczny były po prawej stronie a nie na środku ??. Skąd bierzesz tekstury ?
OdpowiedzUsuńTo wszystko musisz wybrać w układzie.
UsuńNiektóre są mojego autorstwa, a reszta jest podana w zakładce Kredyty. ;)
Jest jakiś kod na te białe wykończenia co masz w poście i po bokach komentarzy?
OdpowiedzUsuńJasne, że jest na to kod.
Usuńborder-tutaj wpisujesz gdzie chcesz mieć obramowanie: 0px jaki rodzaj #xxxxxx;
już w wielu miejscach szukałam, ale nigdzie nie znalazłam. Jak się robi Takie karty jak u Ciebie? No wiesz, te, które się przekręcają po najechaniu na nie kursorem.
OdpowiedzUsuńJa przy ich tworzeniu wykorzystałam przejścia z tej strony http://leaverou.github.io/animatable/
UsuńHej,mam pytanie.Jak zrobiłaś tło,które aktualnie masz w szablonie?czy to przez kody czy w programie graficznym?bardzo mi się podoba,ale nie wiem jak wykonać.Pozdrawiam:) +Obserwuje:)
OdpowiedzUsuńTło jest mojego pomysłu, zrobiłam je w programie graficznym. Ale jeżeli chcesz takie to jednak prosiłabym abyś zrobiła to inaczej bo to mój pomysł.
UsuńDziękuję. :)
W porządku:)Miałam na myśli te paski po bokach itp.Jak to robisz,że dopasowujesz tło do szablonu?
OdpowiedzUsuńPaski bo bokach nagłówka?
UsuńTak:)W sumie postu też...ja można tak powiedzieć jestem początkująca na blogspocie,wiele jeszcze nie wiem :)
OdpowiedzUsuńPrzy nagłówku zrobiłam to w photoshopie, a to pod postami to seria kodów css.
UsuńAha dziękuję.:)Spróbuję z tymi kodami.Pozdrawiam:)
OdpowiedzUsuńmogłabyć wyjaśnić mniej więcej jak zakodować szablon w plik xml czy html? jest jakiś program do tego potrzebny?
OdpowiedzUsuńNie, nic nie potrzeba.
UsuńNajpierw ustawiasz szablon na blogu, a potem klikasz tak jak w tym screenie: http://funkyimg.com/u2/4597/378/6847811.png
Szablon pobiera Ci się i gotowe. :)
Jak zrobić takie ramki wokół wszystkiego? Od dłuższego czasu nad tym rozmyślam i nie mogę rozkminić ;d I druga sprawa: jak wy to robicie, że np. tytuł posta jest otoczony osobną 'rameczką'?
OdpowiedzUsuńTo zależy wokół czego chcesz, bo musisz mieć wtedy odpowiedni selektor, ale ogólnie komenda na ramki jest taka: border: 1px #ccd9e0 solid;
UsuńChodzi Ci o tło pod tytułem posta, tak? Jeśli tak to kod jest taki: .post-title background-image: url {link do obrazka);} ,oczywiście zamiast linku do obrazka możesz dodać kolor.
Chciałabym się zapytać czy jest jakiś kod na tło tytułu posta oraz tytułu gadżetu, jeśli tak to bardzo mi pomożesz ;D
OdpowiedzUsuńOczywiście, że są takie kody. Na tło pod tytułem posta masz w komentarzu wyżej, a na tło pod tytułem gadżetu jest taki sam, tylko, że zamiast post-title dodajesz selektor opowiedziany za tytuł gadżetu. :)
UsuńMam jeszcze jedno pytanie. Jak można zastosować te animacje do http://leaverou.github.io/animatable/ kart menu lub linków ?
UsuńTo trzeba pokombinować. Pod animacją masz napisane, czego dotyczy zmiana, np. w pierwszym jest to background-color i aby uzyskać taki efekt to właśnie przy tym trzeba pokombinować. Jak najedziesz na animację to jest napisane co, w co ma przechodzić. W tym przypadku są to kolory, a więc w kartach przed najechaniem jako background-color ustawiasz to pierwsze, natomiast jak się najedzie jako background-color(slategray) ustawiasz to drugie, w tym przypadku black.
UsuńNie wiem, czy wiesz, o co chodzi, to dość złożone.
A skąd można pobrać czcionki, które masz na szablonie ? Przyznam, że bardzo mi się podobają i chciałabym je wykorzystać do własnych prac ;D
UsuńChodzi Ci o czcionki w nagłówku?
UsuńJeśli tak to są stąd: http://www.dafont.com/ :)
Hej,mam pytanie.Jak zrobiłaś,że masz to brązowe obramowanie wokół posta?Jakie kody są na to? A tak poza tym to śliczny nagłówek:)
OdpowiedzUsuńTo jest zwykły kod na obramowanie czyli border: 1px #ccd9e0 solid
OdpowiedzUsuńDziękuję bardzo. :)
Również dziękuje:):)
OdpowiedzUsuńHej, mam pytanie. Co zrobić, żeby po najechaniu na kartę pojawiał się jakiś obrazek? ;)
OdpowiedzUsuńNie wiem,czy o to Ci chodzi,postaram się pomóc:)
Usuńtabs-inner .widget li a:hover{
background image:url("link do obrazka");
Dzięki ;)
UsuńHej:)Mam mały problem z Archiwum.Jak je wyśrodkować?Co zrobić.żeby nie było liczb obok każdego miesiąca?(czyli:czerwiec (3))Jest na to kod?Pozdrawiam.
OdpowiedzUsuńNie potrzeba kodu, wystarczy kolor alternatywny ustawić jako przezroczysty lub w kolorze tła gadżetu.
UsuńJa mam pytanie niezwiązane z CSS'em, ale nie wiedziałam, gdzie je umieścić.
OdpowiedzUsuńCzy da się wstawiać koloryzacje psd w gimpie? Takie koloryzacje, jak Wy tutaj dodajecie.:)
A jeżeli się da, to jak? :D
Z góry dziękuję za odpowiedź i pozdrawiam. ♥
Nie, niestety, ale się nie da. Musiałabyś sama się pobawić krzywymi w Gimpie.
UsuńRównież pozdrawiam. :D
Oczywiście, że się da. Przynajmniej u mnie, no. Po prostu wstawia się koloryzacje do nagłówka/tła/whatever, zmniejsza się krycie i powiększa lub pomniejsza. Cała filozofia ;)
UsuńAle jak otwierasz koloryzację w pliku psd typowym pliku photoshopa w Gimpie?
UsuńPo prostu przeciągam koloryzację psd z folderu na nagłówek, bum. Nie wiem, czy tylko ja tak potrafię, czy to moje boskie ręce xD.
UsuńAle mój gimp czasem tnie się przy skalowaniu koloryzacji :(. Niedobre stworzonko :(.
Nie wiem, nie mam gimpa, ale może podamy innym osobom ten sposób jeśli faktycznie działa. :) Co Ty na to?
UsuńNie tylko Gimp mi też się tnie Photoshop przy różnych rzeczach.
*wchodzi jak ninja na bloga, rozgląda się i...*
Usuńy-y-y - tak, oczywiście, że ja na to ;p
tenco z nowego konta, bo do tamtego zgubiła hasło, smuteczek.
Mogłabym poprosić Ciebie, Anusiu o numer gg? Chodzi mi tutaj o pewną sprawę związaną z kodami CSS :)
OdpowiedzUsuńOczywiście, że tak.:) 45904746
UsuńJaki kod służy do przesunięcia nagłówka w prawą stronę?
OdpowiedzUsuń#Header1{
Usuńmargin: 0px 0px 0px 0px;
}
W ten sposób możesz sobie ustalić jego pozycję. :)
Mam pytanie, ale nie jestem pewna czy jest ono związane z Css. Kiedy ustawiam szablon z nieruchomym tłem, przesuwając stroną w górę i dół pojawia się na samej górze taki szary pasek. Czy da się to jakoś usunąć ?
OdpowiedzUsuńMusiałabym zobaczyć na blogu jak to wygląda bo nie wiem, wtedy lepiej będzie mi ocenić.
UsuńTen komentarz został usunięty przez autora.
UsuńTutaj jest link http://urtfurr.blogspot.com/
UsuńTo jest gradient, musisz go usunąć w HTML'U. Jak wstawiasz nagłówek przez HTML to tam niżej jest gradient i zamiast adresu ulr wpisujesz none.
UsuńDzięki za pomoc :D
UsuńMam pytanie co do css :
OdpowiedzUsuńCzy kupiłaś go , czy ściągnęłaś ?
Bo ja szukam i szukam i nie mogę znaleźć ściągnięcia bez limitu 30 dni :( Chciałabym zacząć tworzyć grafikę komputerową w tym szablony na tym programie :)
Chodzi Ci chyba o Photoshopa, a nie CSS.
UsuńMi załatwił to mój brat. Ale wiem, że wersja portable jest bez kodu.
Hej, mam pytanie. Jaki jest kod na oddzielenie kolumn, tak jak tu ?http://funkyimg.com/u2/4723/679/733827luhan_prv.png :)
OdpowiedzUsuńTo wszystko można znaleźć na różnego rodzaju blogach np. tajemniczy--ogrod.blogspot.com
UsuńTrzeba tylko poszukać, to nic trudnego.
Do selektora kolumny bocznej dodajesz .widget, to wszystko.
Hej. Chciałabym wykorzystać Twoją odpowiedź na pytanie o karty, wielokrotnie zadawane wyżej. Ja mam karty w postaci linków z boku i wstawiam ten kod, aby wyglądały one mniej-więcej jak Twoje, ale nic. ; /
OdpowiedzUsuńNo tak bo musisz dać odpowiedni selektor do kart czyli ten: #PageList1
UsuńTamten to jest selektor do linków, a jeśli masz w postaci linków to powinno wszystko dobrze działać bo sama korzystam z tego kodu.
Hej. Nie jestem w tym w ogóle obeznana :c Założyłam bloga dodałam prolog ale nie mam pojęcia jak zrobić te kartę menu i wgl.. Gdzie to wkleić itp.. Proszę pomóżcie !!
OdpowiedzUsuńNie musisz nic wklejać. Ciężko to jest wytłumaczyć w komentarzu. Karty to inaczej strony, jeśli chcesz żeby ci się pokazały do dajesz np. pokazuj jako linki boczne i wtedy na pewno się pojawią. Jeśli chodzi o tworzenie nowych stron to dajesz nowa strona i możesz dać pustą lub w postaci linka.
UsuńWyżej dałaś link do tej strony : http://leaverou.github.io/animatable/ A jak wykorzystujesz przejścia to znaczy, jak ma wyglądać CSS żeby działały?
OdpowiedzUsuńGdy najeżdżasz na efekt, to tam pojawia Ci się, co należy zmienić w kodzie. Zmieniasz to o gotowe.
UsuńHej. Kiedyś widziałam szablon gdzie nagłówek znajdował się w prawej kolumnie. Normalnie na bloggerze nie da się przenieść nagłówka od tak do kolumny. Więc jak można to zrobić, czy jest na to jakiś kod ?
OdpowiedzUsuńA możesz mi podać jakiś przykład szablony bo nie do końca wiem o co chodzi. Jeśli chcesz nagłówek na boku to ustawiasz mu marginesy.
UsuńNa przykład jak tutaj, na szablonie głównym.
UsuńUstawiasz nagłówkowi jego pozycję np. left: 10px, top: 20px
UsuńJejkuu... Próbuję zrobić jakiś szablon.. Nagłówki umiem, ale reszta jest dla mnie.. czarną magią? Coś w tym stylu? Mogłabyś wytłumaczyć DOKŁADNIE, KROK PO KROKU jak zrobić taki szablon, jaki ty masz na blogu? Jesli nie chce ci się pisać w komentarzu, możesz skontaktować się ze mną na gg: 44332929
OdpowiedzUsuńPozdrawiam:)) xx
Nie mogę napisać Ci całego kodu na taki szablon, mogę Ci ewentualnie pomóc, ale całego kodu Ci nie napiszę. Są różne strony, poszukaj kodów, pokombinuj. My właśnie szukamy kodów i kombinujemy, trzeba tylko poświęcić temu trochę czasu. Ale tak jak mówiłam, mogę Ci pomóc, ale całego kodu Ci nie napiszę. Mogę Ci podać strony z kodami, jeśli oczywiście chcesz.
UsuńRównież pozdrawiam. :)
Widzę, że Blackjack ;3 nie poprosiła, więc ja mam nadzieję, że podasz mi strony z kodami. :)
UsuńTłukę się po stronach internetowych w poszukiwaniu ciekawych kodów, jednak nic nie znajduję.
Pozdrawiam.
A ja dawno tutaj nie zaglądałam więc dopiero dzisiaj odpisuję, ale może komuś się przyda, ja polecam: http://graphical-thoughts.blogspot.com/ oraz http://tajemniczy--ogrod.blogspot.com/
UsuńRównież pozdrawiam. :)
Bardzo dziękuję za odpowiedź. :)
UsuńHej, walczę kilka tygodni nad zrobieniem menu w dwóch linijkach i nic :( Pomożesz? Tak,wiem krótko, ale ja taki ma styl XD Możesz napisać na GG - 1256470.
OdpowiedzUsuńPozdrawiam, Raion
Hej, instrukcję na zrobienie tego menu wzięłam z bloga graphical-thoughts. To jest menu w gadżecie HTML/JAVASCRIPT. Tayler wszystko bardzo fajnie opisała, wystarczy po prostu skopiować i trochę samej pokombinować, jeśli nadal będziesz miała problemy to pisz, spróbuję pomóc.
UsuńChciałabym o to samo zapytać. Mam już wszystkie karty wykonane w html/javascript tylo nie mam pojęcia jak ustawić je w dwóch kolumnach.
UsuńAle korzystałaś z instrukcji Tayler?
UsuńKorzystałam
UsuńA jak mam takie małe pytanko - obrazek/nagłówek po lewej dodałaś w gadżecie obrazu? Czy jakoś przez CSS/HTML?
OdpowiedzUsuńNa to już jest dodana instrukcja w notce 16. :)
UsuńChciałam skorzystać z twojej instrukcji na nagłówek na boku, ale coś jest nie tak. Zalinkowałam nagłówek, jak napisałaś i patrz, co się stało: http://www.bankfotek.pl/image/1600365.jpeg
OdpowiedzUsuńCo jest nie tak? Bo mam już tak od dłuższego czasu z zalinkowanym nagłówkiem. Odpowiesz, co jest nie tak? Może się z czymś takim spotkałaś?
O tak. Napisałam o tym w instrukcji, musisz ustalić wysokość nagłówka czyli height bo jeśli tego nie robisz to będzie go właśnie tak ucinało.
UsuńAaa, dziękuję! Jak widać, jestem aż tak roztargniona i nie doczytałam. Dziękuję :)
UsuńKażdemu się zdarzy. :)
UsuńProszę bardzo, :>
Hej mam pytanie. Jakiego kodu użyłaś, żeby menu się nie przesuwało razem ze stroną? Mogłabyś go podać, albo napisać gdzie go mogę znaleźć?
OdpowiedzUsuńPozdrawiam
Hej, jasne, że tak. :)
UsuńZamiast position:relative wpisujesz position:fixed
Ja także pozdrawiam. :)
Dziękuję :)
UsuńProszę bardzo. :>
UsuńJaki jest selektor opowiedziany za tytuł gadżetu? Bo męczę się ze wstawieniem tła jako tytuł gadżetu... Jaki jest kod?
OdpowiedzUsuńh2 {background: #000000;} - kolor pod tłem, jeśli chcesz jakiś obrazek to dajesz h2 {background-image: url(link do obrazka);}
UsuńProszę bardzo. :)
Hej, znowu ja :) Chciałam się zapytać jaki jest rozmiar nagłówka, który masz aktualnie na szablonie :)
OdpowiedzUsuńSzczerze powiedziawszy to nie mam zielonego pojęcia, ja robię na oko jak mi do szablonu będzie pasować, nie ma jednego dobrego rozmiaru. Zrób jaki będzie Ci pasował do Twojego układu. :)
UsuńDzięki :)
UsuńHej ;3 Mam mały problem. Ostatnio zrobiłam nagłówek do szablonu i chciałam by pasek z kartami znajdował się na górze i przesuwał wraz z blogiem. Podobnie jak tu http://funkyimg.com/i/DVoB.png. Chcę wykorzystać selektor ".tabs-inner ul li" , ale za każdym razem pasek karty mi gdzieś znika :/ Możesz mi pomóc?
OdpowiedzUsuńWiem, że już Caudire Ci pomogła więc teraz moja pomoc jest już zbędna. :)
UsuńCześć. :)
OdpowiedzUsuńJuż któryś raz walczę z autorem, komentarzami i datą, aby znalazły się na górze postu. Niestety, albo coś mi się rozjeżdża, albo w ogóle nie działa mi kod. Korzystałaś z jakiejś instrukcji, którą mogłabyś mi podać? Albo ewentualnie coś podpowiedzieć? Bardzo proszę o pomoc.
Nie, nie korzystałam z żadnej instrukcji, sama kombinowałam, ale miałam podobnie jak Ty i pamiętam, że męczyłam się z tym całe popołudnie aż w końcu mi się udało. Najlepiej chyba będzie jeśli zajrzę w Twój kod i zobaczymy co tam jest nie tak. :)
UsuńDzięki za odpowiedź. :) Jakoś udało mi się z tym dojść do ładu i na razie się nie rozjeżdża, ale jak będę mieć znowu problem, to się odezwę. :)
UsuńBardzo proszę. :)
UsuńJa to już mam taką spóźnioną reakcję :P
Hej ;3. Mam mały problem z szablonem, a mianowicie zrobiłam nagłówek i dodałam arkusze css. Szablon jest nawet spoko, tylko chciałabym, aby tekst (cały blog, tam gdzie piszemy rozdziały, opowiadania, oddajemy zamówienia /dodajemy notki itp.) był na nagłówku, tak, jak, np. tutaj:
OdpowiedzUsuń♥ http://3.bp.blogspot.com/-gM0pYF0T_h4/Url4S3cN-_I/AAAAAAAACwQ/UHoo7mO1ceU/s1600/Podgl%C4%85d+-+Kopia+%282%29.png
Jest przesunięte na nagłówek. Czy mogłabyś mi coś podać arkusz css bądź coś podpowiedzieć? Bardzo proszę o pomoc i z góry dziękuje <333
Hej. :)
UsuńTo jest prosta sprawa. Tam gdzie w arkuszu masz kod odpowiedzialny za tą środkową kolumnę, nie wiem, czego użyłaś, ale dajmy na to: .post { top:0px;}
Wprowadzasz tylko wartość i powinno się przesunąć do góry. :)
Ja mam takie pytanie,bo kiedyś widziałam na pewnym blogu taki szablon,gdzie nagłówek znajdował się w prawej kolumnie.Wyglądało to tak: http://wujhrhffgddggfvgf.blogspot.com/ czy jest na to kod?
OdpowiedzUsuńZ góry dziękuję :)
UsuńJuż na blogu publikowałam instrukcję na taki efekt. Z tego, co pamiętam jest ona w październikowej notce. :)
UsuńDzięki!
UsuńSzablony to dla mnie jakieś czary. Może podałabyś mi jakieś kody na ciekawe wyglądy menu i statystyk, albo archiwum? Będę bardzo wdzięczna. Dopiero się uczę, a już od dawna interesuje się szablonami.
OdpowiedzUsuńNo rozumiem, na samej górze jest podany kod na linki, zmienisz tylko selektory i będzie do menu czy archiwum. To sporo kodów by było, najlepiej zajrzyj sobie na: http://tajemniczy--ogrod.blogspot.com/ i tam masz mnóstwo instrukcji, selektorów, poczytaj i próbuj, tak jest najlepiej uczyć się css'a. :)
UsuńHej. W ostatnim szablonie głównym na Szablonownicy lewa kolumna była "przyspawana" do dolnej części przeglądarki. Nie zmieniało się to nawet przy innej rozdzielczości. *o* Mogłabyś podać kod jakiego użyłaś? :) Najlepiej cały na lewą kolumnę :D Bardzo mnie to intryguje ^^
OdpowiedzUsuńHej. W ostatnim tak nie było, chyba w jeszcze wcześniejszym.
UsuńPo prostu dajesz position:fixed i top, left i powinno być ok.
Anusiu! Wołam do ciebie o pomoc!
OdpowiedzUsuńPobrałam kod na ten szablon: http://www.blogskins.com/info/383954/ Musiałam wkleić go w html, ale wyskakiwały same błędy.
Co robić?!
Szczerze to nie wiem, nigdy wcześniej nie znałam tej strony, nawet nie wiem jak się to instaluje, a ciężko pomóc jeśli nie miało się z czym do czynienia. Także przykro mi, ale ja sama nie wiem jak się to instaluje.
UsuńJakie są kody na komentarze,autora i godzinę? Bo chciałabym w szablonie przesunąć je na górę postu, dodać tło i zrobić ładne przejścia :)
OdpowiedzUsuńChodzi Ci zapewne o selektory.
UsuńKomentarze to: .comment-link
autor: .post-author
a godzina: h2.date-header
Jeśli chcesz przesunąć to nadajesz marginesy, tło to wiadomo, robi się to tak jak w przypadku postów. :)
Dziękuję ślicznie :)
UsuńProszę bardzo. :)
UsuńJak oddzielić boczną kolumne od środkowej? proszę, pomuż mi :c
OdpowiedzUsuńZastosuj zwykłe marginesy. Np: left:0px;
UsuńZamiast 0 wpisz jakąś wartość liczbową.
Hej mam pytanie, jak zrobić ,żeby kolor pod nagłówkiem i pod kolumnami był tak jak tutaj: http://spis-graficzny.blogspot.com/ lub jak tutaj http://funkyimg.com/i/DVXq.png. Już od dawna kombinuję z main-inner, ale już mnie po prostu trafia (za nic w świecie nie mogę znaleźć kodu na ten efekt :c ) szczególnie nie potrafię zmniejszyć main-inner ,a próbowałam już wieloma sposobami :c Byłabyś w stanie mi pomóc ? z góry dziękuję ♥
OdpowiedzUsuńHej. Nie, źle się do tego zabierasz, komplikujesz sobie. To, że jest takie samo tło pod nagłówkiem jak i main-inner, za to nie jest odpowiedzialne main inner, po prostu do nagłówka dodaję ramkę, a main-inner osobno i tylko daję im takie same kolory.
UsuńMain-inner nie zmniejsza się kodem, a dostosowuje w bloggerze poprzez dostosowanie szerokości całego bloga.
Proszę. :)
Witaj ;)
OdpowiedzUsuńMam pytanie, jak zrobić zaokrąglone rogi w nagłówku tak, jak tutaj
http://funkyimg.com/i/DWmu.png ? ;)
Cześć. :)
UsuńStosujesz zwykły border-radius taki sam, którym zaokrąglasz rogi posta. :)
Anusiu, nie działają mi marginesy w selektorach do komentarzy, godziny i autora. Chcę je przesunąć na górę posta, ale nie działa. W ustawieniach posta w "Układzie" też nie działa przesunięcie na górze. Co robić?!
OdpowiedzUsuńSpróbuj do kodu dodać !important;
UsuńNp. margin-left:10px!important;
Możesz też spróbować to ustawić za pomocą:
left:10px!important;
Teraz trochę blogger świruje i możliwe, że to jego wina, a jeśli nie podziała to wyżej to zresetuj szablon i spróbuj raz jeszcze ustawić, a jak znów to samo to wina bloggera.
Ok, dziękuję pięknie :)
UsuńProszę bardzo. :)
UsuńWitam. :3
OdpowiedzUsuńChciałam się zapytać, jaki jest kod (gdzieś widziałam, ale nie mam pojęcia gdzie) na "większe pierwsze litery" (i w poście, i w gadżetach)? (Czytałam sobie komentarze powyżej i ktoś wkleił screen tego szablonu; http://funkyimg.com/i/DWmu.png, stąd to pytanie ;P).
Hej. :)
UsuńA więc w poście to będzie taki selektor: h3.post-title:first-letter
natomiast w gadżetach taki: h2:first-letter
czesc :) mam takie pytanie bo jestem nowa i interesuję się szablonami od jakiegoś czasu, w sumie chciałam spróbować czegoś innego. Oto mój blog : http://irishpinkrose.blogspot.com/ a dokładnie o co mi chodzi o kilka rzeczy. Po pierwsze robiłam według twojej instrukcji i wszystko było ok do tego momentu : http://3.bp.blogspot.com/-0KMV4ZgOWk8/UBrXXXVY7VI/AAAAAAAAAKc/7Y3FLt_Nx7Q/s1600/5a.png . Nie umiem wgl, dodać zlinkowanego nagłówka do " obrazu z internetu ". Może trzeba jakoś inaczej, ale daje normalnie przez komputer. Właśnie też zastanawia mnie jak ogarnąć coś takiego w notce : http://s2.ifotos.pl/img/Podgldpng_enaeaph.png to jest normalnie zrobiony na blogu i zrobiony screen ? Proszę o pomoc bo chciałabym dodawać takie szablony ponieważ to lubię a szukam po blogach i nie bardzo wiem jak się zabrać..
OdpowiedzUsuń+ zostałaś dodana do zakładki : http://irishpinkrose.blogspot.com/p/credits.html :)
UsuńNo to jeśli robiłaś wg mojej instrukcji to jest tam napisane, że nie wstawia się nagłówka przez bloggera, a przez css i będzie wszystko w porządku.
UsuńTo po prostu robisz screen'a, masz taki klawisz na klawiaturze. Gdy ustawisz to wtedy klikasz i składasz w programie graficznym.
O, dziękuję. :)
Anusiu,mam pytanie.Jak oddzielić datę od tytułu posta? Wiem,że kiedyś to robiłam,ale kompletnie nie pamiętam ;/
OdpowiedzUsuńAle z tego, co mi jest wiadomo tytuł posta nie jest w żaden sposób połączony z datą.
Usuńok rozumiem :)
OdpowiedzUsuńCześć! Mam takie małe pytanie - na wielu blogach spotykam się z czymś takim, że zamiast gadżetu obserwatorów w kolumnie, umieszczony jest link "Obserwuj" lub podobny gdzieś w menu. Czy wiesz może, jak "zrobić" ten link?
OdpowiedzUsuńZ góry wielkie dzięki za odpowiedź!
Hej.:) Tak, wiem, ale najlepiej wytłumaczone jest to tutaj: http://graphical-thoughts.blogspot.com/2013/09/jak-znalezc-link-obserwuj-dla-swojego.html
UsuńZ tym na pewno się uda. :)
Inna znajoma podesłała mi ten sam link, ale i tak dziękuję! :)
UsuńRozumiem, spóźniłam się, ale to nie istotne, ważne, że znalazłaś to, czego szukałaś. :)
UsuńMam pewien problem i w ogóle nie umiem sobie z nim poradzić... Chodzi o to, że zrobiłam szablon sama (niemądra!) i w toku pracy byłam zmuszona przesunąć nieco pole z postami. Niestety, nie stało się to z komentarzami i są one teraz na tyle szerokie, że część z nich ucina się z prawej strony. Próbowałam komendami z marginesami i na .comment p, i na .comments, ale nic nie działa...
OdpowiedzUsuńWiesz może, jak mogę sobie z tym poradzić? Adres bloga to http://dramione-swapped-souls.blogspot.com/, ucinanie najlepiej widać w Spamowniku.
Dlaczego od razu niemądra? Szablon wyszedł bardzo ładnie, css również, świetny pomysł, że zrobiłaś go sama. :D
UsuńSpróbuj tak: .comment p {width:200px;} oczywiście wartość sobie dostosuj, a jeśli nie będzie działać to zapisz tak: .comment p {width:200px!important;}
Jeśli nie działa Ci left, right to w ten sam sposób jak powyżej dodaj sobie !important i powinno podziałać. :)
Ogromne dzięki, działa! :D Dziękuję również za miłe słowo odnośnie szablonu. ^^
UsuńProszę bardzo, cieszę się, że wszystko jest w porządku. :)
UsuńCześć, piszę do Ciebie, ponieważ mam problem z ankietą. Nie jest to raczej trudny problem, ale jako kompletna ciemnota w sprawach graficznych, nie umiem sobie z nim poradzić :(
OdpowiedzUsuńChodzi o to, że podpunkty ankiety napisane są czarną czcionką, przez co w ogóle nie wyróżniają się na tle. Chciałabym zmienić ich kolor na szary :)
Jeśli nie wiesz o co chodzi, tutaj screenshot przykładowej ankiety: http://dc650.4shared.com/img/vXuqENJUce/s7/146bda844e0/Beztytuu__1_.jpg?async&rand=0.9527762182988226
Z góry dziękuję za pomoc :*
Hej. Wiesz co, nigdy nie miałam do czynienia z taką ankietą, nie wiem, od czego w ogóle zależy jej kolor, może popróbuj w projektancie pozmieniać kolory, może chodzi o kolor tekstu gadżetów więc spróbuj zmienić ich kolor na jakiś jasny i wtedy zobacz, czy nadal jest tak czy nie.
UsuńProszę, choć nie wiem, czy pomogłam. :)
Niestety nie da się zmienić tego koloru w projektancie, już próbowałam :( Pewnie coś musi być zapisane w html.
UsuńDziękuję za chęć pomocy :*
Napisz do osoby, która robiła Twój szablon, ona powinna wiedzieć, co zapisała w css'ie.
UsuńProszę. :)
Cześć,
OdpowiedzUsuńNie wiem czy piszę w odpowiednim miejscu ale może będziesz wiedziała, jak mi pomóc. :)
Chcę podzielić tekst na 3 kolumny w nowej "stronie" (nie w poście, tylko w stronie właśnie). Planuję zrobić coś podobnego do galerii ze zdjęciami i krótkimi podpisami, ale nie wiem, jak to zrobić, bo nie chcę żeby zdjęcie było jedno pod drugim. Obrazowo ma to wyglądać podobnie jak tutaj - http://lubimyczytac.pl/polka/133352/przeczytane/miniatury - tylko w jednym wierszu po trzy zdjęcia. :)
Mam nadzieję, że nie zagmatwałam tego bardziej, niż zazwyczaj. Z góry dziękuję za odpowiedź. :)
Nie wiem, czy dobrze zrozumiałam. Chcesz żeby na stronie głównej Twojego bloga wyświetlały się 3 ostatnie posty obok siebie, tak?
OdpowiedzUsuńJeśli tak to są kafelki zabawa z HTML'em i CSS'em, sporo kombinowania, nawet ja się za to nie biorę. Musiałabyś poszukać po jakiś forach, ale to sporo roboty i niezbyt łatwej.
Proszę bardzo. :)
Nie, miałam na myśli podstronę. Znalazłam gdzieś, jak można zrobić dwie kolumny, ale nigdzie, gdzie można zrobić trzy. :)
Usuńhttp://pomocnicy.blogspot.com/2012/11/jak-zrobic-w-poscie-podzia-na-kolumny.html
Nigdy czegoś takiego nie robiłam, nie miałam nawet styczności. Może po prostu wystarczy z tego kodu na dwie kolumny skopiować część odnoszącą się do jednej kolumny i wkleić ją. Chciałam Ci wysłać to,co zmodyfikowałam, ale nie da się tego wysłać poprzez komentarz.
UsuńHej :)
OdpowiedzUsuńCzy znasz może kod CSS na to aby ramka ( posta, kolumny ) zamiast koloru miała obrazek.
np:
border-right: 20px solid #595E83;
tylko że zamiast HTML koloru byłby link url do obrazka.
Dziękuje za pomoc :)
W obramowaniu, w tym kodzie, jaki podałaś nie da się tego zrobić, tutaj możesz mieć tylko kolor, u mnie w poście ma to ramkę obrazka, ponieważ użyłam dwóch selektorów odpowiedzialnych za posta #Blog1 i .post, w pierwszym dałam właśnie to tło, a to przykryłam zwykłym kolorem.
UsuńProszę. :)
Część! :)
OdpowiedzUsuńPrzepraszam, że zawracam głowę czymś co prawdopodobnie jest banalnie proste, ale ja po prostu nigdzie nie mogę znaleźć kodu na to, żeby tło kolumny to był obrazek, a nie kolor. Szukałam wszędzie, a jak znalazłam to nie działał ;/
Wiesz jaki to kod?
Pozdrawiam.
Hej. :) Nie ma za co przepraszać, przecież zawsze chętnie pomogę.
UsuńTutaj jest kod: background-image: url("link do obrazka");
Również pozdrawiam!
Cześć!
OdpowiedzUsuńMam pytanie :)
Jest może jakiś kod css, który sprawia że tytuł posta jest oddzielony od posta przerywaną linią?
Chodzi mi o coś takiego jak na tym blogu : http://kikaa-blog.blogspot.com/
Proszę o szybką odpowiedź, z góry dziękuję i pozdrawiam!
To jest coś identycznego, jak u mnie na Impressole, zwykły border-bottom zastosowany przy .post-title
UsuńProszę bardzo i również pozdrawiam!
Hej :) Wiesz może czy jest jakiś kod, selektor albo coś takiego na to, żeby strony w HTML/JavaScript wyświetlały się w tym samym miejscu na wszystkich przeglądarkach?
OdpowiedzUsuńHej. Po prostu pozycjonujesz. Ustawiasz im position:relative (ja zawsze dodaję realtive i działa) oraz ustawiasz wartości dla top i left. Wtedy nic nie powinno się przemieszczać. Możesz ustawić te wartości dla samych kart lub zrobić tak, jak ja to robię, dla poszczególnego gadżetu, w którym znajdują się karty.
UsuńDziękuje ci bardzo, działa :D Mam jeszcze jedno pytanie, wiesz jak zrobić z rozdziałów takie małe kwadraciki z napisem "1","2" (w liście linków) ?
UsuńCieszę się bardzo. :) To proste, w nazwie linku wpisujesz cyferki, a żeby nadać im kształt kwadratów wystarczy pobawić się width, height i kombinować z tymi wartościami tak, aż w końcu wyjdzie kwadracik.
UsuńHej :) to znowu ja i to z podobnym pytaniem. Wykorzystałam drugi raz HTML/JavaScript tym razem do stron i ustawiłam je w pozycji fixed, żeby cały czas były w tym samym miejscu ale przez to źle się wyświetlają na np. mozilli. Więc moje pytanie czy da się to zrobić tak, żeby były w tym samym miejscu na wszystkich przeglądarkach ale też tak żeby się nie ruszały? :)
OdpowiedzUsuńPo pierwsze należy pozycjonować ten gadżet i karty, a po drugie należy to samo zrobić z main-inner. Wtedy wszystko powinno działać. :)
UsuńHej, mam problem z kodami css. Kiedy wpisuje kod, nie wiem jak go zatwierdzić (naciskam ''zastosuj do bloga'', ale to nic nie daje). Po prostu nic sie nie zmienia. Co robić, żeby działały?
OdpowiedzUsuńRadzę po każdym kodzie klikać enter, a jeśli nie pomoże to najlepiej zresetuj szablon.
Usuńpomożesz mi w wyglądzie bloga? magiadisneyavioletta.blogspot.com
OdpowiedzUsuńAle w jakim sensie? Ja mogę coś podpowiedzieć, gdy jest jakiś problem, ale nie robię css'a do nie swojej grafiki.
UsuńHej. Wiesz może jak zrobić coś jak tu: http://fc03.deviantart.net/fs71/f/2014/264/8/8/1370_by_ejkonke-d7zze8q.png
OdpowiedzUsuńten napis "szablon wykonała" u boku strony. Jestem dość ogarnięta w css, ale to nie na moje siły. Głównie chodzi o selektor, a z resztą poradzę sobie bez problemu. Z góry dziękuję ;)
Tutaj selektor ustalasz sobie sama, ponieważ ten podpis robi się w HMTL'u, a w CSS'ie dopracowujesz tylko jego styl, ramki itp
UsuńHej, mam pewien problem, a mianowicie zaraz pod postem tu gdzie jest nazwa autorki, komentarze itp... Wszystko się, że tak powiem 'rozjechało' i nie mam pojęcia jak to naprawić. Dodawałam już kilka różnych komend, ale bez skutku. Jeśli możesz sama zerknij i zobacz o co dokładnie chodzi, bo nie umiem tego inaczej wytłumaczyć http://crying-werewolf.blogspot.com/ :) Z góry dziękuję za pomoc. :D
OdpowiedzUsuńChodzi Ci o te duże przestrzenie pomiędzy tymi gadżetami? Wiesz, to może być przez kod, więc najlepiej zwrócić się do osoby, która ustawiała szablon. Mi to wygląda na jakiś word-spacing Sprawdż czy jest coś takiego w kodzie i po prostu to usuń, jeśli nie pomoże to musisz napisać do autorki bo mi jest ciężko powiedzieć, co ona ustawiała.
UsuńProszę bardzo. :)
Ten komentarz został usunięty przez autora.
UsuńDziękuję! :) U osoby, która robiła szablon wszystko jest już okej, jednak u mnie nadal nie. :) I jak się okazuje nie tylko u mnie. :D
UsuńMogę kod na to żeby tytuł i zdjęcie było rozem jedno na drugim jak na violettapl.blogspot.com ?????
OdpowiedzUsuńNie rozumiem za bardzo o co chodzi. Jeśli masz na myśli tekst np piosenka tygodnia na zdjęciu to co z tego tutaj widzę nie jest zrobione kodem, ponieważ link tytułu posta nie działa. Przypuszczam, że to jest zrobione w photoshopie po prostu. Ale najlepiej zapytać osoby, która robiła ten szablon, ja nie wiem, jak ona to ustawiała.
UsuńJak zrobić ramkę wokół gadżetów w panelu bocznym? Chodzi mi o taką przerywaną linie wokół wszystkich gadżetów.
OdpowiedzUsuńTo jest zwykły border. Gdzieś wyżej podawałam cały kod.
UsuńCześć. Jaki zrobić menu, że jak po najechaniu pokazują się posty z danej kategorii. Chodzi mi o menu takie jak na przykład na tym blogu mobloguje.pl/
OdpowiedzUsuńNie wiem za bardzo, o które Ci chodzi. Jednak weź pod uwagę, że to, co pokazałaś to strona internetowa i zapewne jej szablon jest zrobiony od podstawy w HTML'u.
UsuńNaprawdę nie wiem, czy to pytanie było. Czy jest jakiś kod css, aby klikając kursywę, na blogu pod nią pojawiały się takie paseczki? Coś takiego jak ty masz na blogu.
OdpowiedzUsuńAle, gdy u mnie klikniesz na tekst napisany kursywą to nie pojawiają się żadne paseczki, więc nie wiem czy chodzi Ci o zwykłe podkreślenie tekstu, czy co.
UsuńMożliwe, że o podkreślenie. W każdym razie, jeśli podkreślisz tekt, to pojawiają się przerywane paseczki. Jest na to jakiś css?
UsuńA ja mam pytanie jak zmniejszyć odległość jednego postu od drugiego (Przy czym w każdym poście znajduje się "Czytaj więcej"), tak żeby odległość między nimi wynosiła około 10px?
OdpowiedzUsuń