Pomoc z CSS

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. ;)

208 komentarzy:

  1. Witam,
    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!

    OdpowiedzUsuń
    Odpowiedzi
    1. Oczywiście, że istnieje, ale wymaga on wyjaśnienia bo jest bardziej skomplikowany niż pozostałe kody.

      #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ć. :)

      Usuń
    2. O, czy i ja mogłabym z tego skorzystać? c: Dodam kredyt, o tutaj: http://skrzydlami-alatum.blogspot.com

      Usuń
    3. Tak, proszę, korzystaj. :)

      Usuń
    4. 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...
      Co oznaczają te komendy:
      transition:all 0.0s;
      -moz-transition:all 0.0s;
      -webkit-transition:all 0.0s;
      -o-transition:all 0.0s; ?

      Usuń
    5. 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.
      A te 0.0s to czas w sekundach podczas którego strona ma zrobić ruch.

      Usuń
    6. Aż 3 różne przeglądarki? Straszne... ;)
      Dziękuję Ci bardzo za pomoc, bo zastanawiałam się, czy tam trzeba różne wartości ustawić, czy takie same. :)
      Pozdrawiam

      Usuń
    7. Tak, pierwsze jest dla Firefoxa, drugie dla Chrome, a trzecie dla Opery.
      Tak, najlepiej ustawić wszystkie wartości takie same, wtedy w jakiej przeglądarce nie otworzysz czas będzie taki sam. :)

      Usuń
    8. Skorzystałam z tych kodów na menu :D Jest świetny :D

      Usuń
    9. Jak wstawić ten kod? Bo wklejam w css i nic się nie dzieje ;c

      Usuń
    10. Po kodzie dać ENTER.
      Ważne jest też aby mieć włączony ten gadżet, bez tego ani rusz.

      Usuń
    11. skorzystaj, ponieważ wygląda świetnie :) http://onslaught-opowiadanie.blogspot.com/

      Usuń
  2. jak to robisz iż te miejsce na tekst ma owalne zakończenie i skorzystam z Menu

    OdpowiedzUsuń
    Odpowiedzi
    1. 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.
      Korzystaj śmiało. :)

      Usuń
  3. A jeszcze pytanie bo nieco wzoruje się na twym szablonie jak go wmieściłaś tu na blogpsot

    OdpowiedzUsuń
    Odpowiedzi
    1. Ale skoro się wzorujesz to mam nadzieję, że wspomnisz na blogu, że inspirowałaś się moim szablonem. ;) A mogę jeszcze poznać jego adres?
      Chodzi Ci o nagłówek? Jeśli tak to wgrałam go przez html i wyrównałam do lewej.

      Usuń
  4. http://rockmenowa.blogspot.com/
    ale narazie jest w fazie tworzenia szablon i boje ise iż nie uda mi się go wstawić

    OdpowiedzUsuń
    Odpowiedzi
    1. To nie jest trudne.
      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.

      Usuń
  5. 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ń
    Odpowiedzi
    1. 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ń
  6. 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ń
  7. To nic trudnego.
    Z tego, co wiem Elfaba odblokowała swojego bloga, każdy ma dostęp do jej instrukcji.

    OdpowiedzUsuń
  8. NO NIE WIEM NIE BYŁAM TAM ,A CO SĄDZISZ O OBECNYM SZABLONIE

    OdpowiedzUsuń
    Odpowiedzi
    1. 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ń
  9. Powiesz mi jak zrobić by posty i pasek boczny były po prawej stronie a nie na środku ??. Skąd bierzesz tekstury ?

    OdpowiedzUsuń
    Odpowiedzi
    1. To wszystko musisz wybrać w układzie.
      Niektóre są mojego autorstwa, a reszta jest podana w zakładce Kredyty. ;)

      Usuń
  10. Jest jakiś kod na te białe wykończenia co masz w poście i po bokach komentarzy?

    OdpowiedzUsuń
    Odpowiedzi
    1. Jasne, że jest na to kod.
      border-tutaj wpisujesz gdzie chcesz mieć obramowanie: 0px jaki rodzaj #xxxxxx;

      Usuń
  11. 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ń
    Odpowiedzi
    1. Ja przy ich tworzeniu wykorzystałam przejścia z tej strony http://leaverou.github.io/animatable/

      Usuń
  12. 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ń
    Odpowiedzi
    1. 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ł.
      Dziękuję. :)

      Usuń
  13. W porządku:)Miałam na myśli te paski po bokach itp.Jak to robisz,że dopasowujesz tło do szablonu?

    OdpowiedzUsuń
  14. Tak:)W sumie postu też...ja można tak powiedzieć jestem początkująca na blogspocie,wiele jeszcze nie wiem :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Przy nagłówku zrobiłam to w photoshopie, a to pod postami to seria kodów css.

      Usuń
  15. Aha dziękuję.:)Spróbuję z tymi kodami.Pozdrawiam:)

    OdpowiedzUsuń
  16. mogłabyć wyjaśnić mniej więcej jak zakodować szablon w plik xml czy html? jest jakiś program do tego potrzebny?

    OdpowiedzUsuń
    Odpowiedzi
    1. Nie, nic nie potrzeba.
      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. :)

      Usuń
  17. 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ń
    Odpowiedzi
    1. To zależy wokół czego chcesz, bo musisz mieć wtedy odpowiedni selektor, ale ogólnie komenda na ramki jest taka: border: 1px #ccd9e0 solid;
      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.

      Usuń
  18. 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ń
    Odpowiedzi
    1. 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ń
    2. Mam jeszcze jedno pytanie. Jak można zastosować te animacje do http://leaverou.github.io/animatable/ kart menu lub linków ?

      Usuń
    3. 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.
      Nie wiem, czy wiesz, o co chodzi, to dość złożone.

      Usuń
    4. 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ń
    5. Chodzi Ci o czcionki w nagłówku?
      Jeśli tak to są stąd: http://www.dafont.com/ :)

      Usuń
  19. 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ń
  20. To jest zwykły kod na obramowanie czyli border: 1px #ccd9e0 solid
    Dziękuję bardzo. :)

    OdpowiedzUsuń
  21. Hej, mam pytanie. Co zrobić, żeby po najechaniu na kartę pojawiał się jakiś obrazek? ;)

    OdpowiedzUsuń
    Odpowiedzi
    1. Nie wiem,czy o to Ci chodzi,postaram się pomóc:)
      tabs-inner .widget li a:hover{
      background image:url("link do obrazka");

      Usuń
  22. 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ń
    Odpowiedzi
    1. Nie potrzeba kodu, wystarczy kolor alternatywny ustawić jako przezroczysty lub w kolorze tła gadżetu.

      Usuń
  23. Ja mam pytanie niezwiązane z CSS'em, ale nie wiedziałam, gdzie je umieścić.
    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. ♥

    OdpowiedzUsuń
    Odpowiedzi
    1. Nie, niestety, ale się nie da. Musiałabyś sama się pobawić krzywymi w Gimpie.
      Również pozdrawiam. :D

      Usuń
    2. 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ń
    3. Ale jak otwierasz koloryzację w pliku psd typowym pliku photoshopa w Gimpie?

      Usuń
    4. 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.
      Ale mój gimp czasem tnie się przy skalowaniu koloryzacji :(. Niedobre stworzonko :(.

      Usuń
    5. Nie wiem, nie mam gimpa, ale może podamy innym osobom ten sposób jeśli faktycznie działa. :) Co Ty na to?
      Nie tylko Gimp mi też się tnie Photoshop przy różnych rzeczach.

      Usuń
    6. *wchodzi jak ninja na bloga, rozgląda się i...*
      y-y-y - tak, oczywiście, że ja na to ;p

      tenco z nowego konta, bo do tamtego zgubiła hasło, smuteczek.

      Usuń
  24. Mogłabym poprosić Ciebie, Anusiu o numer gg? Chodzi mi tutaj o pewną sprawę związaną z kodami CSS :)

    OdpowiedzUsuń
  25. Jaki kod służy do przesunięcia nagłówka w prawą stronę?

    OdpowiedzUsuń
    Odpowiedzi
    1. #Header1{
      margin: 0px 0px 0px 0px;
      }

      W ten sposób możesz sobie ustalić jego pozycję. :)

      Usuń
  26. 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ń
    Odpowiedzi
    1. Musiałabym zobaczyć na blogu jak to wygląda bo nie wiem, wtedy lepiej będzie mi ocenić.

      Usuń
    2. Ten komentarz został usunięty przez autora.

      Usuń
    3. Tutaj jest link http://urtfurr.blogspot.com/

      Usuń
    4. 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ń
  27. Mam pytanie co do css :
    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 :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Chodzi Ci chyba o Photoshopa, a nie CSS.
      Mi załatwił to mój brat. Ale wiem, że wersja portable jest bez kodu.

      Usuń
  28. Hej, mam pytanie. Jaki jest kod na oddzielenie kolumn, tak jak tu ?http://funkyimg.com/u2/4723/679/733827luhan_prv.png :)

    OdpowiedzUsuń
    Odpowiedzi
    1. To wszystko można znaleźć na różnego rodzaju blogach np. tajemniczy--ogrod.blogspot.com
      Trzeba tylko poszukać, to nic trudnego.
      Do selektora kolumny bocznej dodajesz .widget, to wszystko.

      Usuń
  29. 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ń
    Odpowiedzi
    1. No tak bo musisz dać odpowiedni selektor do kart czyli ten: #PageList1
      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.

      Usuń
  30. 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ń
    Odpowiedzi
    1. 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ń
  31. 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ń
    Odpowiedzi
    1. Gdy najeżdżasz na efekt, to tam pojawia Ci się, co należy zmienić w kodzie. Zmieniasz to o gotowe.

      Usuń
  32. 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ń
    Odpowiedzi
    1. 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ń
    2. Na przykład jak tutaj, na szablonie głównym.

      Usuń
    3. Ustawiasz nagłówkowi jego pozycję np. left: 10px, top: 20px

      Usuń
  33. 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
    Pozdrawiam:)) xx

    OdpowiedzUsuń
    Odpowiedzi
    1. 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.
      Również pozdrawiam. :)

      Usuń
    2. Widzę, że Blackjack ;3 nie poprosiła, więc ja mam nadzieję, że podasz mi strony z kodami. :)
      Tłukę się po stronach internetowych w poszukiwaniu ciekawych kodów, jednak nic nie znajduję.
      Pozdrawiam.

      Usuń
    3. 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/
      Również pozdrawiam. :)

      Usuń
    4. Bardzo dziękuję za odpowiedź. :)

      Usuń
  34. 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.
    Pozdrawiam, Raion

    OdpowiedzUsuń
    Odpowiedzi
    1. 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ń
    2. 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ń
    3. Ale korzystałaś z instrukcji Tayler?

      Usuń
  35. A jak mam takie małe pytanko - obrazek/nagłówek po lewej dodałaś w gadżecie obrazu? Czy jakoś przez CSS/HTML?

    OdpowiedzUsuń
  36. 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
    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ś?

    OdpowiedzUsuń
    Odpowiedzi
    1. 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ń
    2. Aaa, dziękuję! Jak widać, jestem aż tak roztargniona i nie doczytałam. Dziękuję :)

      Usuń
    3. Każdemu się zdarzy. :)
      Proszę bardzo, :>

      Usuń
  37. 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źć?
    Pozdrawiam

    OdpowiedzUsuń
    Odpowiedzi
    1. Hej, jasne, że tak. :)
      Zamiast position:relative wpisujesz position:fixed
      Ja także pozdrawiam. :)

      Usuń
  38. Jaki jest selektor opowiedziany za tytuł gadżetu? Bo męczę się ze wstawieniem tła jako tytuł gadżetu... Jaki jest kod?

    OdpowiedzUsuń
    Odpowiedzi
    1. h2 {background: #000000;} - kolor pod tłem, jeśli chcesz jakiś obrazek to dajesz h2 {background-image: url(link do obrazka);}
      Proszę bardzo. :)

      Usuń
  39. Hej, znowu ja :) Chciałam się zapytać jaki jest rozmiar nagłówka, który masz aktualnie na szablonie :)

    OdpowiedzUsuń
    Odpowiedzi
    1. 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ń
  40. 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ń
    Odpowiedzi
    1. Wiem, że już Caudire Ci pomogła więc teraz moja pomoc jest już zbędna. :)

      Usuń
  41. Cześć. :)
    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.

    OdpowiedzUsuń
    Odpowiedzi
    1. 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ń
    2. 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ń
    3. Bardzo proszę. :)
      Ja to już mam taką spóźnioną reakcję :P

      Usuń
  42. 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:
    ♥ 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

    OdpowiedzUsuń
    Odpowiedzi
    1. Hej. :)
      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. :)

      Usuń
  43. 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ń
    Odpowiedzi
    1. Z góry dziękuję :)

      Usuń
    2. Już na blogu publikowałam instrukcję na taki efekt. Z tego, co pamiętam jest ona w październikowej notce. :)

      Usuń
  44. 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ń
    Odpowiedzi
    1. 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ń
  45. 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ń
    Odpowiedzi
    1. Hej. W ostatnim tak nie było, chyba w jeszcze wcześniejszym.
      Po prostu dajesz position:fixed i top, left i powinno być ok.

      Usuń
  46. Anusiu! Wołam do ciebie o pomoc!
    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ć?!

    OdpowiedzUsuń
    Odpowiedzi
    1. 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ń
  47. 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ń
    Odpowiedzi
    1. Chodzi Ci zapewne o selektory.
      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. :)

      Usuń
  48. Jak oddzielić boczną kolumne od środkowej? proszę, pomuż mi :c

    OdpowiedzUsuń
    Odpowiedzi
    1. Zastosuj zwykłe marginesy. Np: left:0px;
      Zamiast 0 wpisz jakąś wartość liczbową.

      Usuń
  49. 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ń
    Odpowiedzi
    1. 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.
      Main-inner nie zmniejsza się kodem, a dostosowuje w bloggerze poprzez dostosowanie szerokości całego bloga.
      Proszę. :)

      Usuń
  50. Witaj ;)
    Mam pytanie, jak zrobić zaokrąglone rogi w nagłówku tak, jak tutaj
    http://funkyimg.com/i/DWmu.png ? ;)

    OdpowiedzUsuń
    Odpowiedzi
    1. Cześć. :)
      Stosujesz zwykły border-radius taki sam, którym zaokrąglasz rogi posta. :)

      Usuń
  51. 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ń
    Odpowiedzi
    1. Spróbuj do kodu dodać !important;
      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.

      Usuń
    2. Ok, dziękuję pięknie :)

      Usuń
  52. Witam. :3
    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).

    OdpowiedzUsuń
    Odpowiedzi
    1. Hej. :)
      A więc w poście to będzie taki selektor: h3.post-title:first-letter
      natomiast w gadżetach taki: h2:first-letter

      Usuń
  53. 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ń
    Odpowiedzi
    1. + zostałaś dodana do zakładki : http://irishpinkrose.blogspot.com/p/credits.html :)

      Usuń
    2. 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.
      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ę. :)

      Usuń
  54. Anusiu,mam pytanie.Jak oddzielić datę od tytułu posta? Wiem,że kiedyś to robiłam,ale kompletnie nie pamiętam ;/

    OdpowiedzUsuń
    Odpowiedzi
    1. Ale z tego, co mi jest wiadomo tytuł posta nie jest w żaden sposób połączony z datą.

      Usuń
  55. 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?
    Z góry wielkie dzięki za odpowiedź!

    OdpowiedzUsuń
    Odpowiedzi
    1. Hej.:) Tak, wiem, ale najlepiej wytłumaczone jest to tutaj: http://graphical-thoughts.blogspot.com/2013/09/jak-znalezc-link-obserwuj-dla-swojego.html
      Z tym na pewno się uda. :)

      Usuń
    2. Inna znajoma podesłała mi ten sam link, ale i tak dziękuję! :)

      Usuń
    3. Rozumiem, spóźniłam się, ale to nie istotne, ważne, że znalazłaś to, czego szukałaś. :)

      Usuń
  56. 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...
    Wiesz może, jak mogę sobie z tym poradzić? Adres bloga to http://dramione-swapped-souls.blogspot.com/, ucinanie najlepiej widać w Spamowniku.

    OdpowiedzUsuń
    Odpowiedzi
    1. Dlaczego od razu niemądra? Szablon wyszedł bardzo ładnie, css również, świetny pomysł, że zrobiłaś go sama. :D
      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ć. :)

      Usuń
    2. Ogromne dzięki, działa! :D Dziękuję również za miłe słowo odnośnie szablonu. ^^

      Usuń
    3. Proszę bardzo, cieszę się, że wszystko jest w porządku. :)

      Usuń
  57. 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ć :(
    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 :*

    OdpowiedzUsuń
    Odpowiedzi
    1. 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.
      Proszę, choć nie wiem, czy pomogłam. :)

      Usuń
    2. Niestety nie da się zmienić tego koloru w projektancie, już próbowałam :( Pewnie coś musi być zapisane w html.
      Dziękuję za chęć pomocy :*

      Usuń
    3. Napisz do osoby, która robiła Twój szablon, ona powinna wiedzieć, co zapisała w css'ie.
      Proszę. :)

      Usuń
  58. Cześć,
    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ź. :)

    OdpowiedzUsuń
  59. Nie wiem, czy dobrze zrozumiałam. Chcesz żeby na stronie głównej Twojego bloga wyświetlały się 3 ostatnie posty obok siebie, tak?
    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. :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Nie, miałam na myśli podstronę. Znalazłam gdzieś, jak można zrobić dwie kolumny, ale nigdzie, gdzie można zrobić trzy. :)
      http://pomocnicy.blogspot.com/2012/11/jak-zrobic-w-poscie-podzia-na-kolumny.html

      Usuń
    2. 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ń
  60. Hej :)
    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 :)

    OdpowiedzUsuń
    Odpowiedzi
    1. 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.
      Proszę. :)

      Usuń
  61. Część! :)
    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.

    OdpowiedzUsuń
    Odpowiedzi
    1. Hej. :) Nie ma za co przepraszać, przecież zawsze chętnie pomogę.
      Tutaj jest kod: background-image: url("link do obrazka");

      Również pozdrawiam!

      Usuń
  62. Cześć!
    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!

    OdpowiedzUsuń
    Odpowiedzi
    1. To jest coś identycznego, jak u mnie na Impressole, zwykły border-bottom zastosowany przy .post-title
      Proszę bardzo i również pozdrawiam!

      Usuń
  63. 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ń
    Odpowiedzi
    1. 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ń
    2. 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ń
    3. 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ń
  64. 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ń
    Odpowiedzi
    1. 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ń
  65. 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ń
    Odpowiedzi
    1. Radzę po każdym kodzie klikać enter, a jeśli nie pomoże to najlepiej zresetuj szablon.

      Usuń
  66. pomożesz mi w wyglądzie bloga? magiadisneyavioletta.blogspot.com

    OdpowiedzUsuń
    Odpowiedzi
    1. Ale w jakim sensie? Ja mogę coś podpowiedzieć, gdy jest jakiś problem, ale nie robię css'a do nie swojej grafiki.

      Usuń
  67. Hej. Wiesz może jak zrobić coś jak tu: http://fc03.deviantart.net/fs71/f/2014/264/8/8/1370_by_ejkonke-d7zze8q.png
    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ę ;)

    OdpowiedzUsuń
    Odpowiedzi
    1. Tutaj selektor ustalasz sobie sama, ponieważ ten podpis robi się w HMTL'u, a w CSS'ie dopracowujesz tylko jego styl, ramki itp

      Usuń
  68. 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ń
    Odpowiedzi
    1. 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.
      Proszę bardzo. :)

      Usuń
    2. Ten komentarz został usunięty przez autora.

      Usuń
    3. 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ń
  69. Mogę kod na to żeby tytuł i zdjęcie było rozem jedno na drugim jak na violettapl.blogspot.com ?????

    OdpowiedzUsuń
    Odpowiedzi
    1. 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ń
  70. Jak zrobić ramkę wokół gadżetów w panelu bocznym? Chodzi mi o taką przerywaną linie wokół wszystkich gadżetów.

    OdpowiedzUsuń
    Odpowiedzi
    1. To jest zwykły border. Gdzieś wyżej podawałam cały kod.

      Usuń
  71. 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ń
    Odpowiedzi
    1. 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ń
  72. 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ń
    Odpowiedzi
    1. 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ń
    2. 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ń
  73. 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ń

Obserwatorzy