Macie jakieś pytanie? Piszcie je śmiało w komentarzu, a uzyskacie odpowiedź :)
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?
Etykiety
artykuł
błędy graficzne
CSS
czcionki
edycja gadżetów
gimp
hosting
html
infinity
instrukcja
koloryzacje
kolumny
menu
nagłówki
obrazki w poście
oreuis
poradnik
programy graficzne
przygotowanie bloga do edycji
Reusaira
selektory
sprawy organizacyjne
szablony
tła
tutorial
tworzenie nagłówka
układ szablonu
Obserwatorzy
Subskrybuj:
Posty (Atom)
Dzień dobry!
OdpowiedzUsuń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
Witajcie, ja mam takie małe pytanie związane z pisaniem po obu stronach w poście.
OdpowiedzUsuń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!
Jedyny kod jaki znam to taki, który dzieli post na dwie kolumny:
Usuń.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.
Dziękuję za pomoc, popróbuję. :)
Usuń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ń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ń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ń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)
Usuń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
Witam!
OdpowiedzUsuń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!
Zaraz napiszę o tym osobny artykuł, bo w komentarzu mogło by być zbyt chaotycznie to napisane :)
Usuńhttps://template-school.blogspot.com/2018/08/14-zmieniajacy-sie-obrazek-w-poscie.html
UsuńOjejku, bardzo ci dziękuję! Długo szukałam na to rozwiązania i cieszę się, że w końcu znalazłam :D
UsuńNa pewno polecę twojego bloga znajomym!
Dzięki!
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
OdpowiedzUsuńZ góry dziękuję xx
Coś takiego http://funkyimg.com/i/22N2H.png
UsuńJa bym zrobiła to tak:
Usuń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 :)
Wow!
UsuńDziękuję pięknie za odpowiedź xx
Cześć!
OdpowiedzUsuńWiesz może jak zrobić menu w kółeczkach?
Tak, wiem. Jutro napiszę instrukcję i dodam post :))
UsuńO, super! Bardzo dziękuję :)
Usuń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/
OdpowiedzUsuńThank you!~
Zawsze najlepiej pytać się o to jak szablon został zrobiony ego autora.
Usuń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;
}
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 ^^
OdpowiedzUsuńhttp://funkyimg.com/i/2McRX.png
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
Usuń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 :)
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ńGdyby ktoś miał podobny problem, to znalazłam rozwiązanie, Uzyłam kodu:
Usuń.footer-outer {background: transparent; height: 1px;}
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ć? :)
OdpowiedzUsuńhttp://funkyimg.com/i/2Mj84.png
Wczoraj było 58 i 65, a obok przy "Liczba wyświetleń wczoraj 326".
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ńDziękuję :)
UsuńDobry dzień! Jakim kodem mogę zmienić kolor i rozmiar paska przewijania? Bo próbuje wpisując do css podstawowe tj.
OdpowiedzUsuńscrollbar {
color: przykładowy kolor;
width: przykładowy rozmiar px;
}
ale najwyraźniej nie tędy droga, bo nic się nie zmienia.
ja używam zawsze:
Usuńvertical {
background-color:#000;
height: 50px;
}
::-webkit-scrollbar {
height: 10px;
width: 6px;
background-color: #000;
}
::-webkit-scrollbar-thumb{background: #fff;
}
Och, dziękuję, dziękuję bardzo! Wygląda idealnie 💗
UsuńHej hej!
OdpowiedzUsuń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?
Aby manu było wzdłuż nagłówka należy dodać strony w układzie we wszystkich kolumnach http://funkyimg.com/i/2MvYt.png
UsuńZaraz napiszę artykuł o tym co zrobić by strony znalazły się na nagłówku :)
Artykuł: https://template-school.blogspot.com/2018/10/17-strony-na-nagowku.html
Usuń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ńNależy usunąć tło kart, bo domyślnie są one szare. https://template-school.blogspot.com/2018/07/przygotowanie-bloga-do-edycji.html
UsuńJeśli chodzi o usunięcie podkreślenia to używa się kodu a:hover { text-decoration: none !important ;}
Dziękuję za odpowiedź.
Usuń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.
O jaki tekst chodzi? O tekst kart? Jeśli tak to kod wygląda następująco:
Usuń#PageList1 a, #PageList1 a:visited {
color: red !important ;
}
Dużo się nauczyłam z tego bloga, stokrotne dzięki ^^
OdpowiedzUsuń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~
Tutaj jest instrukcja: http://pl.rinnelasair.com/2016/06/jak-stworzyc-wersje-mobilna.html
UsuńW razie problemów, napisz, a wszystko wytłumaczę i dodam przykładowe kody :)
Pozdrawiam!
Ten komentarz został usunięty przez autora.
OdpowiedzUsuń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ń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ńNie mogę się doczekać artykułu :)
Usuń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 +++
OdpowiedzUsuńPozdrawiam serdecznie.
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ń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ń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.
OdpowiedzUsuńoraz jak zrobić poprawnie wysuwane menu? Znalazłam na to kod, ale strasznie się buguje :/
A i.. jak zrobić "interaktywne" pola tekstowe?
UsuńNależy ustawić takie samo tło komentarzy co kolumny. np.
Usuń#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.
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ńDziś wieczorem porobię parę gotowych kodów. Jest kilka opcji na zrobienie takiego menu. Postaram się napisać prostą instrukcję :)
Usuń