Witaj!

Jesteś zainteresowany tworzeniem szablonów, a nie wiesz jak się do tego zabrać? Template School to idealne miejsce, w którym nauczysz się kodowania i wykonywania prac.
Kto wie, może dzięki szkoleniu niedługo dołączysz do szabloniarni lub założysz własny blog graficzny?

Obserwatorzy

Pytania

Macie jakieś pytanie? Piszcie je śmiało w komentarzu, a uzyskacie odpowiedź :)

52 komentarze:

  1. Dzień dobry!
    Czy jesteście zainteresowani nawiązaniem współpracy?
    Przede wszystkim polegałaby ona na wymianie linkami/buttonami.
    Poza tym co miesiąc (w ostatni weekend każdego miesiąca) zamieszczamy posty z informacjami ze stron współpracujących. Możliwe jest również przesłanie reklamy stałej, z buttonem i opisem reklamowym, które pojawiać się będą przy każdej takiej aktualizacji.
    W ten sposób reklamujemy także wydarzenia bieżące – konkursy, eventy, ankiety itp.
    Jeśli to możliwe, o odpowiedź bardzo proszę w zakładce Współpraca.
    Pozdrawiam cieplutko
    Ayame
    Katalogowo

    OdpowiedzUsuń
  2. Witajcie, ja mam takie małe pytanie związane z pisaniem po obu stronach w poście.
    Znacie kod, w którym można pisać zarówno po lewej jak i po prawej stronie i żeby jeszcze tekst był wyrównany? Próbowałam pomóc sobie spacją, ale wtedy po prawej jest trochę nierówno, wysyłam jak to wygląda:

    http://funkyimg.com/i/2KaK7.png
    http://funkyimg.com/i/2KaKd.png

    Szukałam kodów, ale one mi nie działają. Będę wdzięczna za podpowiedź. :)
    Pozdrawiam Was!

    OdpowiedzUsuń
    Odpowiedzi
    1. Jedyny kod jaki znam to taki, który dzieli post na dwie kolumny:

      .post-body {
      column-count: 2 ;
      column-gap: 20px;
      text-align: justify ;
      }

      Jest to efekt, który często występuje w gazetach. Minus jest taki, że każdy post będzie tak właśnie wyglądać, czyli będzie podzielony na dwie kolumny.

      Usuń
    2. Dziękuję za pomoc, popróbuję. :)

      Usuń
  3. Jako że dawno nie pracowałam jako tako w Gimpie, a ostatnio próbuję znowu swoich sił, napotkałam mały problem, który nie bardzo wiem, jak rozwiązać. A mianowicie po zgraniu Gimpa,tej nowszej wersji, 2.10.4, zauważyłam, że gdy już wymarzę gumką ze stocku niepotrzebne fragmenty, później jak chcę zmniejszyć rozmiar tego stocku, niszczy się jego jakość, a mianowicie robi się rozmazany. Bardzo brzydko to wygląda. Co ciekawe, nie ma tego problemu, kiedy ten sam stock pomniejszam przed wytarciem gumką zbędnych fragmentów. Zastanawia mnie, co się dzieje, bo kiedyś nie miałam tego problemu, gdy pracowałam na starszej wersji Gimpa, na 2.8.14. To sprawka wersji programu czy może czegoś innego?

    OdpowiedzUsuń
    Odpowiedzi
    1. Ja korzystam z wersji GIMP 2.8.16 i przy zmniejszaniu wyciętych stocków nic się nie niszczy. Możliwe, że to sprawka nowszej wersji programu :/

      Usuń
  4. Ja mam pytanko, gdyż nie mogę nigdzie znaleźć na nie odpowiedzi, może ty w końcu mi pomożesz. Jaki jest kod na to, by kolumna była przezroczysta, ale nie jej tekst, by spokojnie mogła najść na grafikę, ale bez obawy, że nie będzie widać, co jest tam napisane.

    OdpowiedzUsuń
    Odpowiedzi
    1. Trzeba napisać kolor za pomocą kodu RGBa. Np. jeśli chcesz czarne, przezroczyste tło to zamiast napisać background: #000 należy napisać background: RGBa(0, 0, 0, 0.5)
      Ostatnia wartość po przecinku odpowiada przezroczystości: 1 - brak przezroczystości, 0 - całkowita przezroczystość. Kolorki RGB odczytuje się z każdej palety kolorów:
      http://funkyimg.com/i/2KuUZ.png

      Usuń
  5. Witam!
    Długo szukałam rozwiązania na moje pytanie i jako takie znalazłam, jednak nie do końca o takie rozwiązanie jakie znalazłam mi chodziło.
    Mianowicie, chciałam zrobić coś takiego jak np. tutaj: http://sod---rpg.blogspot.com/2018/08/nie-wierz-temu.html#more
    Chodzi mi o to, że zdjęcie po najechaniu na nie zmienia się na inne. Wie może ktoś jak takie coś zrobić, i żeby przejście było takie ładne i płynne?

    Będę bardzo wdzięczna za pomoc :)
    Miłego dnia!

    OdpowiedzUsuń
    Odpowiedzi
    1. Zaraz napiszę o tym osobny artykuł, bo w komentarzu mogło by być zbyt chaotycznie to napisane :)

      Usuń
    2. https://template-school.blogspot.com/2018/08/14-zmieniajacy-sie-obrazek-w-poscie.html

      Usuń
    3. Ojejku, bardzo ci dziękuję! Długo szukałam na to rozwiązania i cieszę się, że w końcu znalazłam :D
      Na pewno polecę twojego bloga znajomym!
      Dzięki!

      Usuń
  6. Mam jeszcze jedno pytanie. Czy wiesz może jak zrobić takie tło za nagłówkiem, dawno już widziałam, jak wiele osób tak robiło i niestety do tej pory nie odkryłam, jak http://orig09.deviantart.net/07e5/f/2016/248/0/3/30__daryl_graphicpoison_by_youwakeup-daglagt.png
    Z góry dziękuję xx

    OdpowiedzUsuń
    Odpowiedzi
    1. Coś takiego http://funkyimg.com/i/22N2H.png

      Usuń
    2. Ja bym zrobiła to tak:

      header {
      background-image: url(http://funkyimg.com/i/2JLii.png) ;
      height: 450px;
      background-position: top center ;
      background-repeat: no-repeat ;
      background-color: #69647e ;
      }


      Oczywiście nagłówek jest przykładowy :)

      Usuń
    3. Wow!
      Dziękuję pięknie za odpowiedź xx

      Usuń
  7. Cześć!
    Wiesz może jak zrobić menu w kółeczkach?

    OdpowiedzUsuń
    Odpowiedzi
    1. Tak, wiem. Jutro napiszę instrukcję i dodam post :))

      Usuń
    2. O, super! Bardzo dziękuję :)

      Usuń
  8. Heloł! Czy mógłby mi ktoś zdradzić jak został zrobiony 'diament' w liczniku wejść (po kliknięciu opcji zbadaj pokazały mi się właściwości "em" przy borderach, również prosiłabym o wytłumaczenie tego ^^) i jak zrobiono te zadżebiste ozdoby na nagłówkach gadżetów? https://fragonia-world.blogspot.com/
    Thank you!~

    OdpowiedzUsuń
    Odpowiedzi
    1. Zawsze najlepiej pytać się o to jak szablon został zrobiony ego autora.
      Ten diament to po prostu jeden fragment ramki. "em" to jednostka tak samo jak "px", zamiast pisać dużej liczny np. 200px wystarczy napisać 1em.

      tak wygląda olbrzymia ramka: http://funkyimg.com/i/2LxkC.png
      .header {
      width: 200px ;
      border-left: 200px solid #fff;
      border-right: 200px solid #fff;
      border-bottom: 200px solid #fff;
      border-top: 200px solid #fff;
      }
      Wygląda jakby obramowanie było prostokątami, jednak każdy bok to równoległobok. Wystarczy dodać różne kolory żeby to zobaczyć: http://funkyimg.com/i/2LxkD.png
      .header {
      width: 200px ;
      border-left: 200px solid yellow;
      border-right: 200px solid #fff;
      border-bottom: 200px solid #777;
      border-top: 200px solid red;
      }

      Wystarczy ustawić przezroczyste tło dla trzech boków i wtedy zostanie taki równoległobok.
      http://funkyimg.com/i/2Lxm2.png
      .header {
      width: 200px ;
      border-left: 200px solid transparent;
      border-right: 200px solid transparent;
      border-bottom: 200px solid #777;
      border-top: 200px solid transparent;
      }

      Usuń
  9. Witam, mam problem, z którym nie potrafię sobie sama poradzić. Nie mogę usunąć takiego mlecznobiałego tła z dołu szablonu (w rejonach footer i stopki). Szukałam, ale żaden znaleziony kod nie okazał się przydatny. Ach, moja wiedzie w tych rejonach strasznie uboga ^^
    http://funkyimg.com/i/2McRX.png

    OdpowiedzUsuń
    Odpowiedzi
    1. Na jakim motywie tworzysz szablony? Ja osobiście robię je na czarnej rewelacji, wtedy po usunięciu teł, nic nie zostaje: https://template-school.blogspot.com/2018/07/przygotowanie-bloga-do-edycji.html

      Zaznaczony fragment to prawdopodobnie .Attribution, czyli kod na usunięcie to:
      .Attribution { display: none ; } - kiedy chcesz usunąć wszystko
      .Attribution { background: none !important ; } - kiedy chcesz usunąć same tło.

      Jak kody nie zadziałają, to prześlij mi link do bloga, wtedy łatwiej znajdę kod :)

      Usuń
    2. Motyw Contempo. Ach tak, widziałam ten post, ale kiedy cały szablon był już gotowy, a nie chcę personalizować wszystkiego od początku. Kod nie zadziałał, ale dzięki "dispaly:none" zniknął podpis i stopka się zmniejszyła. To wygląda dużo lepiej i bardzo pasuje do szablonu, więc nie będę tego całkiem usuwać. Bardzo mi pomogłaś, choć w inny sposób. Dziękuję bardzo za odpowiedź. Buziaki ;)

      Usuń
    3. Gdyby ktoś miał podobny problem, to znalazłam rozwiązanie, Uzyłam kodu:
      .footer-outer {background: transparent; height: 1px;}

      Usuń
  10. Witaj, Oreuis, mam pytanie związane z wyświetleniami bloga na Bloggerze. W jednym miejscu pokazuje mi 35 wyświetleń dzisiaj, a obok jest 117. Jak to rozumieć? :)
    http://funkyimg.com/i/2Mj84.png
    Wczoraj było 58 i 65, a obok przy "Liczba wyświetleń wczoraj 326".

    OdpowiedzUsuń
    Odpowiedzi
    1. Te wykres przedstawia wyświetlenia w przeciągu paru godzin. Jak dodasz wszystkie wartości w dniu 21.10 to powinno wyjść te 117.

      Usuń
  11. Dobry dzień! Jakim kodem mogę zmienić kolor i rozmiar paska przewijania? Bo próbuje wpisując do css podstawowe tj.

    scrollbar {
    color: przykładowy kolor;
    width: przykładowy rozmiar px;
    }

    ale najwyraźniej nie tędy droga, bo nic się nie zmienia.

    OdpowiedzUsuń
    Odpowiedzi
    1. ja używam zawsze:

      vertical {
      background-color:#000;
      height: 50px;
      }
      ::-webkit-scrollbar {
      height: 10px;
      width: 6px;
      background-color: #000;
      }
      ::-webkit-scrollbar-thumb{background: #fff;
      }

      Usuń
    2. Och, dziękuję, dziękuję bardzo! Wygląda idealnie 💗

      Usuń
  12. Hej hej!
    Znacie jakiś sposób, żeby przemieścić menu z kolumny na nagłówek w układzie zamkniętym, tak żeby zawsze był równy z krawędzią nagłówka i nie było problemów z wyświetlaniem szablonu na innych monitorach?
    Albo żeby linki były tak jakby rozsypane po nagłówku lub wokół niego?

    OdpowiedzUsuń
    Odpowiedzi
    1. Aby manu było wzdłuż nagłówka należy dodać strony w układzie we wszystkich kolumnach http://funkyimg.com/i/2MvYt.png
      Zaraz napiszę artykuł o tym co zrobić by strony znalazły się na nagłówku :)

      Usuń
    2. Artykuł: https://template-school.blogspot.com/2018/10/17-strony-na-nagowku.html

      Usuń
  13. Mam problem z menu, nie wiem co właściwie jest nie tak, bo nigdy nie spotkałem się z czymś takim. Tekst zachowuje się tak samo jak przed dodaniem kodu (ma kolory jak zwykłe linki w postach, a po najechaniu pojawia się brzydkie podkreślenie) a przyciski są w odcieniach szarości niezależnie od tego jaki kolor ustawię. Wiecie czy można coś z tym zrobić?

    OdpowiedzUsuń
    Odpowiedzi
    1. Należy usunąć tło kart, bo domyślnie są one szare. https://template-school.blogspot.com/2018/07/przygotowanie-bloga-do-edycji.html

      Jeśli chodzi o usunięcie podkreślenia to używa się kodu a:hover { text-decoration: none !important ;}

      Usuń
    2. Dziękuję za odpowiedź.
      Tło usunąłem jeszcze przed kodowaniem, ale z kolorem przycisku już się uporałem. Największym problemem jest teraz fakt, że nie mogę zmienić kolorów tekstu przez kod.

      Usuń
    3. O jaki tekst chodzi? O tekst kart? Jeśli tak to kod wygląda następująco:

      #PageList1 a, #PageList1 a:visited {
      color: red !important ;
      }

      Usuń
  14. Dużo się nauczyłam z tego bloga, stokrotne dzięki ^^

    Jest jednak coś, za co się nie brałam i nawet nie wiem na jaką skalę można w to ingerować. Rozchodzi mi się o edycję szablonu mobilnego. Czy to działa na takiej samej zasadzie? Tzn czy trzeba po prostu wyszukać odpowiednie miejsce w html'u (lub są jakieś inne nazwy selektorów i można wrzucić to do CSS) i tam wpisywać komendy na kolor tekstu, czcionka, wygląd menu etc.? Coś więcej niż wybrać gotowy wzór z dostępnych. Jeżeli da radę coś się w tym pobawić (i działa to na jakiejś innej zasadzie), to może warto zrobić z tego post?

    Buziaki~

    OdpowiedzUsuń
    Odpowiedzi
    1. Tutaj jest instrukcja: http://pl.rinnelasair.com/2016/06/jak-stworzyc-wersje-mobilna.html

      W razie problemów, napisz, a wszystko wytłumaczę i dodam przykładowe kody :)

      Pozdrawiam!

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

    OdpowiedzUsuń
  16. Sticky (przyklejone) menu umiem zrobić, ale ma ktoś kod jak zrobić rozwijane sticky menu. Próbowałam z różnymi wersjami menu, ale jak już działało to menu nie miało zamiaru się rozwinąć :( .

    OdpowiedzUsuń
    Odpowiedzi
    1. Chodzi o to by linki w sticky menu wysuwały się po najechaniu na nie? Nie wiem czy dobrze zrozumiałam. Nigdy czegoś takiego nie robiłam, ale mogę spróbować napisać o tym artykuł, bo już mam parę pomysłów jakie kody użyć :)

      Usuń
    2. Nie mogę się doczekać artykułu :)

      Usuń
  17. Dzień dobry! Mam mały problem, sama nie wiem czy leży to w obszarze Waszego działania. Nie mogę odpowiadać na komentarze na swoim blogu. Z napisaniem nowego nie ma najmniejszego problemu, tak samo z usunięciem komentarzy, tylko przycisk "Odpowiedź" nie działa. Nadal jest widoczny, jednak kiedy na niego najadę nie zachowuję się jak przycisk, a jedynie jak np link bez odnośnika - kiedy najeżdżam kursorem jedynie zmienia kolor. Czy jest na to jakaś rada? Link do bloga +++

    Pozdrawiam serdecznie.

    OdpowiedzUsuń
    Odpowiedzi
    1. Okay, poprawiłam przywracając stary zapis szablonu, ale nadal ciekawi mnie co mogło to spowodować i czy da się to naprawić w inny sposób.

      Usuń
    2. Raz pisząc kod CSS jakiś przezroczysty element przesunął się i zasłonił przycisk "odpowiedz" przez co nie dało się go nacisnąć. U ciebie jednak wyglądało jakby przycisk "odpowiedz" nie był zalinkowany. Trudno mi teraz sprawdzić, bo już zmieniłaś ustawienia. Możliwe, że pisząc kod CSS coś się usunęło albo zasłoniło przycisk. Jeśli problem się powtórzy, napisz, a wtedy pogrzebię w kodzie i poszukam winowajcy :)

      Usuń
  18. Jaki kod css jest na komentarze by nie odrastały od tła? W sensie, mam np, czerwone tło i chciałabym by tło komentarzy się nie wyróżniało.

    oraz jak zrobić poprawnie wysuwane menu? Znalazłam na to kod, ale strasznie się buguje :/

    OdpowiedzUsuń
    Odpowiedzi
    1. A i.. jak zrobić "interaktywne" pola tekstowe?

      Usuń
    2. Należy ustawić takie samo tło komentarzy co kolumny. np.

      #Blog1 {
      background: red ;
      }

      .comment p {
      background: red ;
      }


      Aby było wysuwane menu należy użyć pozycjonowania, ustawić wartość 0px a następnie w :hover, czyli po najechaniu napisać wartość, o ile menu ma się przesunąć np.
      #PageList1 a, #PageList1 a:visited {
      position: relative ;
      left: 0px ;
      transition:all 1s;
      }

      #PageList1 a:hover {
      left: 100px ;
      }


      Nie wiem za bardzo o co chodzi z tym interaktywnym polem tekstowym.

      Usuń
  19. Cześć kochani! Chciałabym zrobić menu, w którym zmieniałby się tekst. Nie chodzi o pojawianie lub chowanie tego tekstu, ale stricte zmianę. To znaczy, żeby było np "Strona główna", a kiedy najedzie się na niego kursorem zmieniałby się na "Witamy" etc. Czy znacie może kod, który mi pomoże?

    OdpowiedzUsuń
    Odpowiedzi
    1. Dziś wieczorem porobię parę gotowych kodów. Jest kilka opcji na zrobienie takiego menu. Postaram się napisać prostą instrukcję :)

      Usuń