26.12.2012

013. Jak szybko zrobić własny szablon na bloga?



Wiele osób się zastanawia, jak ja zrobiłam taki a taki szablon i większość z nich mówi "CSS to dla mnie czarna magia". W ostatnim czasie jest Was za dużo, by policzyć na palcach jednej ręki, więc postanowiłam przedstawić kilka sztuczek, jakie stosuję i zobaczycie, że to wcale nie jest trudne. I że wcale nie jestem geniuszem:) Mój pierwszy szablon stworzyłam bez dodawania w „zaawansowanych”  arkuszy CSS. Z dwóch powodów – nie wiedziałam, do czego miałoby to służyć, a co dopiero jak ten arkusz napisać. Przekształciłam kod HTML. Odnalezienie tego, czego w nim szukam i co chcę zmienić, zajęło mi kilka dni. Ale wiedziałam, że jest szybszy sposób i że do czegoś te arkusze muszą służyć. Poduczyłam się z kilku kursów css’a w necie (zajęło to kolejne dwa dni) specjalnych kodów i spróbowałam z arkuszem. Zadziałało. Wyjaśnię, jak zamontować szybko i sprawnie własny szablon  na blogu, bez znajomości CSS’a. Od razu mówię – nie jestem zawcą całego blogspota, jestem tutaj tylko 3 tygodnie, ale metody, jakie stosuję, są proste i skuteczne. Z nimi każdy onetowicz da sobie radę;]


1.  O d   c z e g o   z a c z ą ć

Na początku musisz więc zapamiętać trzy zasady:
I. unikaj edytowania kodu HTML tak często, jak tylko jest to możliwe
II. zmieniaj szablon tylko i wyłącznie w „Projektancie szablonów”, czyli kolory czcionek itd. oraz przede wszystkim pisząc dodatkowy arkusz CSS
III. w wybranym przez Ciebie szablonie (obojętnie, czy to jest Prosty, Okno obrazu czy jakiś inny) wszystkie elementy, które chcesz edytować, mają swoje nazwy, zapisane w specjalny sposób. To selektory. Edytując kod HTML możesz je podejrzeć już na początku, w tych wszystkich linijkach zaczynających się od:
Group description="Tabs Text" selector=".tabs-inner .widget li a"
Dlatego dla kart mamy tutaj selektor:  .tabs-inner .widget li a, bo taki został wprowadzony w group description. Poza tym możemy je podpatrzeć w Układzie. Najeżdżamy myszką na hasło Edytuj dla danej ramki i pokazuje nam się w lewym dolnym rogu przeglądarki adres linku. Interesuje nas ten fragment linku: "widgetId=Blog1", a konkretnej to, co stoi za znakiem równa się (czyli Blog1). Dopisujemy do tego # i mamy selektor bloga: #Blog1.
Jak wygląda edycja prostego, pojedynczego parametru? Schemat jest taki:

Selektor {  właściwość : wartość ; }


2.  P r o b l e m y    z    w s t a w i e n i e m    n a g ł ó w k a

Samo załadowanie obrazu w oknie edycji „nagłówka” (edytować możemy wszystkie ramki, gdy wejdziemy w „Układ”). Wszystko jest fajnie, jeśli nagłówek nie zostanie nigdzie przycięty. Jeśli zostanie przycięty, dodajemy arkusz CSS, np. w moim szablonie nr 2 było tak:

#Header1{
margin: -20px -178px 0 0;
}

Właściwość „margin” oznacza marginesy. Pierwsza cyfra odpowiada marginesowi górnemu, druga – z prawej strony, trzecia – dolnemu, czwarta – z lewej strony. Marginesy te są odległością (w pikselach) danej krawędzi ramki od brzegu strony (tudzież brzegu wyświetlacza monitora, tak to trzeba interpretować).  Przykład: dla marginesu górnego dodatnia wartość będzie oddalała brzeg nagłówka od góry monitora, ujemna – będzie ją przybliżać w stronę krawędzi górnej monitora itd. Wartości wpisujcie tak długo, aż w podglądzie poniżej będzie wyglądać idealnie.


3. R ó ż n e   e f e k t y    t ł a – p o d    p o s t a m i ,  k o l u m n a m i

Co można zrobić z tłem? Lista selektorów i opcji, jakie tutaj mamy:

background-color: #000000;      (tłem będzie kolor #000000)
background-image: url(‘adres zalinkowanego obrazka’);     (tłem będzie obrazek)
border-width: 1px;      (grubość obramowania - wpisujemy wartość jaką chcemy w pikselach)
border-color: #000000;      (kolor obramowania)
border-style: dotted;       (styl obramowania: dotted – kropeczki, dashed – kreseczki, double – podwójna linia)
border-radius: 20px;       (zaokrąglone rogi tła, jedna wartość zaokrągli wszystkie cztery rogi, wprowadzając cztery różne wartości możesz zaokrąglić każdy z czterech rogów w inny sposób np.:
border-radius: 20px 0 20px 0;     )

Selektory możemy łączyć, czyli możesz dodać jednocześnie jako tło obrazek, który będzie obramowany danym kolorem w dany sposób. Ustawiając tło pod postem wpisujemy np.:

#Blog1 {
background-color: #000000; 
border-width: 1px;  
border-color: #ffffff;
border-style: dotted; 
}

Uzyskane tło będzie czarne z obramowaniem w postaci białych kropeczek, o grubości 1 piksela.
Takie samo tło dla kolumny będzie się różniło tylko selektorem, który należy wpisać zamiast ”#Blog1”:

Kolumna prawa:     .column-right-inner
Kolumna lewa:     .column-left-inner


4. T ł o   p o d   c a ł y m   b l o g i e m  -  j a k   o s z u k a ć    l i m i t    r o z m i a r u ?

Można je załadować w projektancie szablonów (Szablon > Dostosuj > Tło). Jest jednak limit rozmiaru. Chcąc załadować większe tło trzeba załadować małe, zapisać i przejść do edycji kodu HTML. Zapamiętaj nazwę małego tła! Przykładowo u mnie jest to jasddas.png, więc będąc w edycji kodu wciskam Ctrl + f i wklejam nazwę. W ten sposób znalazłam w kodzie html moje tło i teraz mogę zalinkować gdzieś duże tło i wkleić adres obrazka w odszukane w kodzie miejsce.


5. C o   z r o b i ć ,  b y   r a m k i   n a c h o d z i ł y   n a   n a g ł ó w e k ?

Do tego służy nam pozycjonowanie.  Najmniej inwazyjne jest relatywne (absolutne może wpłynąć na inne elementy szablonu). Jeżeli chcemy, żeby np. kolumna lewa nachodziła na nagłówek (który łączy nam się z tłem bloga) i żeby była wyżej od postów używamy właśnie tego. Wpisujemy

.column-left-inner {
position: relative;
top:  -125px;
left: 275px;
}
Tutaj musimy pokombinować znowu z ustawieniem odpowiednich wartości, ale podgląd wyświetla się od razu, więc nie ma z tym problemu. W ten sposób możesz ustawić w dowolnym miejscu gdzie chcesz daną kolumnę czy tylko jedną ramkę (#Blog1 – całe okno z postami, #PageList – strony czyli menu w kartach, itd.), nawet na nagłówku.


6. M a m y   r a m k i ,  a l e   t e k s t    w    n i c h    n i e    j e s t    r ó w n o ?

No tak. Wszystko fajnie, ale marginesu górnego prawie nie ma, lewy jest ok, ale prawy jest dużo mniejszy. Co teraz? Bawimy się właściwością margin tak jak to opisałam wcześniej. Często jednak margin nie załatwia sprawy, bo działa on na elementy z zewnątrz. Wtedy zamiast margin stosujemy padding. Tak samo jak dla margin ustawiamy cztery wartości w pikselach, gdy z danej strony nie chcemy dopasowania zmieniać dajemy na 0 i po kłopocie.


7. Z a k o ń c z e n i e

Przykładowy CSS, który tu napisałam, wygląda tak:

#Header1 {
margin: -20px -178px 0 0;
}
#Blog1 {
background-color: #000000; 
border-width: 1px;  
border-color: #ffffff;
border-style: dotted; 
}
.column-left-inner {
position: relative;
top:  -125px;
left: 275px;
}
Tak wprowadzony arkusz CSS zapisujemy i zostanie on automatycznie dopisany do naszego kodu HTML szablonu. Oczywiście możecie dopisywać więcej ustawień, dla każdej ramki inne, co Wam się tylko podoba.
Gotowe! Szablon mamy wstawiony.  Teraz tylko edycja czcionek itd.


Macie z czymś jeszcze kłopoty?

Piszcie, postaram się Wam wszystkim pomóc!:)




Już wkrótce dodam nowe szablony:)

199 komentarzy:

  1. jeej ale jesteś dobra że tak to dokładnie tłumaczysz :) ja tam troszkę css ogarniam, ale na pewno innym się przyda. pozdrawiam :*

    OdpowiedzUsuń
    Odpowiedzi
    1. no właśnie nie wiem, czy dobrze tłumaczę;p

      Usuń
  2. INSTRUKCJE <3 Teraz nie bardzo mam czas, ale później postaram sie ogarnąć, co tu dodałaś. Zapraszam na nowy post ;*

    OdpowiedzUsuń
    Odpowiedzi
    1. Z przyjemnością wbiję po cukierki ^^ Napisz potem, czy się przydały te moje bazgroły :) ;*

      Usuń
    2. na razie nie wypróbuję, bo mam ochotę na jakiś film, ale później noc jest długa :*

      Usuń
    3. Haha też ostatnio nocami pracuję :D Jakoś nie chce mi się spać, a w dzień z rodzinką... <3

      Usuń
  3. Uwielbiam Cię za ten post :) Teraz nie mam czasu wszystkiego ogarniać, ale wieczorkiem siądę i wszystko przejrzę :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Cieszę się, mam nadzieję, że się przyda <3333

      Usuń
  4. Kocham Cię za ten post, kocham! Bardzo pomocny, pięknie Ci dziękuję! <3
    Może teraz uda mi się stworzyć coś przyzwoitego.
    U make my day dobra kobieto! ;*

    OdpowiedzUsuń
    Odpowiedzi
    1. Postanowiłam to dodać, by pokazać, że nie trzeba być specjalistą od css'a żeby sobie tutaj radzić:) Większość i tak pewnie mnie za to skrytykuje albo powie, że nieprzydatne... Ale miałam potrzebę stworzenia tego dla kilku osób, żeby uwierzyły w siebie <3
      Mam nadzieję, że Tobie też się przyda:)

      Usuń
  5. Świetne textury! Sama stworzyłaś słońce? :) W każdym bądź razie pobieram parę, jeśli użyje ich do nagłówków itp. na pewno wspomnę skąd źródło.
    Pozdrawiam
    a-nchor.blogspot.com

    OdpowiedzUsuń
    Odpowiedzi
    1. No sama, nie zamieszczam cudzych tekstur tylko własne:) cieszę się, że Ci się podobają!:) Koniecznie muszę zobaczyć efekty Twojej pracy!

      Usuń
  6. Odpowiedzi
    1. No jeszcze nie xD Dopiero tworzę arkusz CSS ;p dopiero będzie xD poczekaj jeszcze chwilkę Mysza!;*

      Usuń
    2. A teraz to jeeeszcze piękniej! omamo <3

      Usuń
    3. Cieszę się, że Ci się podoba myszko;*

      Usuń
  7. Ale tu pięknie *.* Jestem pod wrażeniem <33 Tak fajnie zimowo :) Dziękuję za instrukcję ;** Na pewno się kiedyś przyda :D

    OdpowiedzUsuń
    Odpowiedzi
    1. Właśnie pracuję nad tym szablonem i nie wiem... Czy coś jeszcze zmienić...? Mam nadzieję, że się przyda <3 ;*

      Usuń
    2. Jak na mój gust wszystko genialnie ;P

      Usuń
    3. to może już nic nie będę zmieniać?;p

      Usuń
    4. Nie zmieniaj :P Wszystko genialnie. Cud, miód i orzeszki <33 Napatrzeć się nie da :D

      Usuń
    5. och ach ech zawstydzasz ;*

      Usuń
    6. hm hę hy ... no chyba ty talentem :*

      Usuń
    7. eeee no bez przesady:p zaraz usłyszę, że nie możecie na to patrzeć, a przecież robię to dla Was ;*

      Usuń
    8. Ode mnie nie usłyszysz :P Ani nie zobaczysz :D Ja jestem po prostu pod wrażeniem tego co tu osiągnęłaś ... I normalnie dech zapiera, że mam szansę zobaczyć coś tak pięknego :) Dobra, kończę słodzić, bo znów wyjdę na lizusa :D Czekam na słodycze :P

      Usuń
    9. No właśnie!:p ja nie wiem jak Ci nie wstyd - zaraz nas tu wszystkich zemdli! :p <3 tak, niedługo będą słodycze - szablony xD

      Usuń
  8. Odpowiedzi
    1. Cieszę się, że się podoba <3 Nie mogłam się zdecydować na wygląd menu. miałam 3 czy 4 różne pomysły;p jeszcze pewnie i tak coś zmienię znając mnie xD

      Usuń
  9. yey, przepraszam, że nie dałam creditów, ale z reguły ze mną jest tak, że o nich zapominam, a jak naściągam tych tekstur, to nawet nie wiem od kogo one są. Naprawiłam swój błąd i zgodnie z twoją prośbą napisałam od kogo owe tekstury pochodzą. Na samym dole, u mnie na blogu, mam nadzieje, że się nie gniewasz, że dopiero teraz to zrobiłam.
    [last-picture]

    OdpowiedzUsuń
    Odpowiedzi
    1. Oczywiście że nie:) bardzo dziękuję;*

      Usuń
  10. Śliczny nowy wygląd! Instrukcje z pewnością wielu osobom się przydadzą. Nie mogę się napatrzeć na ten Twój cudowny nagłówek.

    OdpowiedzUsuń
    Odpowiedzi
    1. O mamo, cieszę się, że Ci się podoba! <3 trochę się obawiałam, że posypią się komentarze typu "beznadziejna z Ciebie szabloniarka" itd. xD

      Usuń
  11. Osz ty w morde.. Co tu się stało?? Jak można zrobić taki cudny szablon? Genialny, nie mogę się napatrzeć normalnie! Ogarnęłaś CSS tak szybko.. jestem dla ciebie pełna podziwu :* Cudownie cudownie cudownie tu u ciebie. Ty zdolniacho! Jejku, dziękuje ci za te instrukcje, o kilku rzeczach nie miałam pojęcia, a teraz czas coś poćwiczyć na blogspocie :) Dziękuje za komentarz. Staram się rozwijać w grafice, zobaczymy co będzie dalej <3 Jeszcze raz dziękuje i pozdrawiam :*

    OdpowiedzUsuń
    Odpowiedzi
    1. Musiałam w końcu doprowadzić tego bloga do ładu <3 Cieszę się, że Ci się podoba, siedziałam bite kilka dni, żeby rozpracować te selektory, dłuuuugo bardzo długo siedziałam nad kodem wyjściowym html tego szablonu blogspotowego, czytałam to tyle razy, aż w końcu to rozpracowałam xD Już nie mogę się doczekać efektów Twoich ćwiczeń i kolejnych porcji grafiki <3 Koniecznie mnie odwiedzaj i informuj o nowościach śmiało!

      WGL KAŻDY NIECH MNIE INFORMUJE, ZEZWALAM, BO JA KOCHAM PODZIWIAĆ GRAFIKĘ *.*

      Usuń
  12. OMG ! Czytałam ten post 3 razy i chyba mnie olśniło. [Może przez tą zmianę szablonu (?!)] Nie wiedziałam , że CSS jest taki łatwy :O Dziękuję ci za tą instrukcję. Potrzebowałam tego :D

    OdpowiedzUsuń
    Odpowiedzi
    1. Jejku, cieszę się, że może komuś w końcu pomogłam <33333 strasznie!

      Usuń
  13. Ło jej, że Ci się chciało tak to wszystko opisywać :o Ale notka przydatna, ostatnio koleżanka z bloga dopytywała się, jak coś podobnego stworzyć, tłumaczyłam jej bitą godzinę, a i tak tylko tło zmieniła x)
    Pozdrawiam
    a-nchor.blogspot.com

    OdpowiedzUsuń
    Odpowiedzi
    1. No właśnie boję się, że kiepsko to wytłumaczyłam i wszyscy, którzy będą chcieli z tego skorzystać też tylko tło zmienią:p

      Usuń
  14. Wow, ten blog wygląda po prostu ślicznie. Nagłówek jest idealny i w ogóle wszystko mi się tutaj podoba. Jednak nie za bardzo potrafię się zorientować w całym układzie. W sensie, gdzie tutaj się co robi? Przepraszam za kłopoty, ale chciałam spytać, czy można tutaj jakoś zamówić szablon, czy coś w tym stylu? Może jestem ślepa, ale nie potrafię znaleźć informacji na ten temat. x)

    OdpowiedzUsuń
    Odpowiedzi
    1. No właśnie bo zakładka zamówienia jeszcze nie została stworzona:) bardzo przepraszam za niedogodności, po prostu wynika to z tego, że usilnie próbuję stworzyć rozbudowaną stronę (taką, nad jaką inne szabloniarnie pracowały już kilka miesięcy czy nawet lat) w ciągu kilku dni... Cieszę się, że szablon Ci się podoba. Zamówić będzie można jak tylko zrobię zakładkę "zamówienia" (pewnie jeszcze dzisiaj).

      Usuń
    2. Ok, informacje o zamawianiu są w regulaminie. Zamawiać można od następnego postu:)

      Usuń
    3. Świetny blog, wygląd strony jest świetny! Nie wiem jak ty to robisz, ja nie ogarniam, i chyba nigdy nie ogarnę html ani css ;___;

      Usuń
  15. dodałam bloga do linków. :)
    przepraszam za kłopot.

    OdpowiedzUsuń
  16. noooooo teraz to dowaliłaś tym nagłówkiem *.* cudo!

    OdpowiedzUsuń
    Odpowiedzi
    1. cieszę się, że Ci się podoba:) każda opinia jest dla mnie bardzo ważna, więc bardzo dziękuję <3

      Usuń
  17. ten szablon jest naprawdę śliczny, jak go zobaczyłam to było takie wielkie WOW. Gratuluję ci talentu, serio!

    OdpowiedzUsuń
    Odpowiedzi
    1. Cieszę się, że Ci się podoba i bardzo dziękuję <3

      Usuń
  18. eee poprzedni szablon był dużo lepszy, ten taki za słodki!

    OdpowiedzUsuń
    Odpowiedzi
    1. no cóż, nie jestem w stanie dogodzić wszystkim ;>

      Usuń
  19. Jezu kobieto, jesteś geniuszem! Dziękuję, przydało się. c:

    OdpowiedzUsuń
  20. cześć! mam do ciebie takie, stosunkowo proste, pytanie. szukałam tego w różnych kodach css ale nigdy niczego zadowalającego nie znalazłam, a więc: jak zrobić obrazkowe tło pod stronami/kartami u góry? wszystkie kody css które znalazłam nie działały na aktualnie zaznaczonych kartach, a jak się najeżdżało tło znikało. chcę żeby wszystko było bez zmian. mam nadzieję że mi pomożesz, pisze akurat do ciebie ponieważ jesteś cudowną graficzką i naprawdę dobrze znasz css! pozdrawiam:)

    OdpowiedzUsuń
    Odpowiedzi
    1. A jaki masz obrazek do zamontowania? Tzn czy przyciski stron mają być osobno czy w jednej linijce i tło będzie ciągłe (bez przerwy tła między stronami) ? Wejdź tutaj na: http://szablony-terriblecrash.blogspot.com/ i powiedz mi czy o coś takiego właśnie chodzi. Gdybym zobaczyła Twojego bloga, to, jak masz ustawione strony i jakie tło chcesz pod nie zamontować byłoby mi dużo łatwiej coś Ci doradzić, ewentualnie nawet napisać ten kod:)

      Usuń
    2. tak, o takie przyciski mi właśnie chodzi jak na tym blogu, identyko! bardzo bym się cieszyła, gdybyś powiedziała mi, jak je umieścić:)

      Usuń
    3. Musisz wybrać selektory kart we wszystkich trzech sytuacjach. Najechana strona, wybrana strona, no i każda osobna strona. Każda z nich ma swój selektor:
      najechana: .tabs-inner .widget li a:hover
      wybrana: .tabs-inner .widget li.selected a
      każda inna: .tabs-inner .widget li a
      Do wszystkich selektorów wystarczy dobrać to samo tło. Selektory, do których stosujesz te same ustawienia, możesz zapisać po przecinku.

      .tabs-inner .widget li.selected a,
      .tabs-inner .widget li a:hover,
      .tabs-inner .widget li a {
      background-image: url(adres obrazka);
      }

      Działa? Pomogłam? :)

      Usuń
    4. kurczę no, dalej znika po najechaniu myszką... ja już nie wiem, co źle robię. wcześniej własnie tak samo wpisywałam i myślałam, że pewnie źle piszę, ale teraz to już nie wiem... oto mój blog - http://skylinehill.blogspot.com/ co może być tego przyczyną? ;c

      Usuń
    5. Jak masz Tabs w kodzie HTML to na końcu masz coś takiego:

      .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
      background: transparent none repeat-x scroll 0 -100px;
      color: #ffffff;
      }

      Zamień tą całą linijkę background na Twoje background, czyli:
      background-image: url(adres obrazka) !important;

      Może to pomoże:)

      Usuń
    6. ja już sama nie wiem. nie mogłam za bardzo tego w html-u znaleźć, a potem jak już coś znalazłam, to dalej nie działało.
      mam zamiar pobrać jakiś szablon z takim właśnie obrazkowym tłem i go ustawić, może wtedy coś bardziej obczaję.
      dziękuję za pomoc :***

      Usuń
    7. Jak masz otwarty kod HTML to wciśnij Ctrl+f i wpisz to
      background: transparent none repeat-x scroll 0 -100px;
      wyszuka Ci od razu, u mnie wyszukuje na zielono;p

      Usuń
  21. Piękne szablony :*
    W jakim programie robisz nagłówki? instrukcja jest pomocna, ale nadal nie weim w czym zrobić nagłówek. Pomożesz?
    Pozdrawiam. P :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Chciałabym jeszcze zapytać o jedną rzecz "Edytując kod HTML możesz je podejrzeć już na początku, w tych wszystkich linijkach zaczynających się od."
      No właśnie od czego? Możesz odpowiedzieć? Czy to po prostu ja tego nie zrozumiałam?
      Przpraszam za kłopot i z góry dziekuje za odpowiedź. P :D

      Usuń
    2. Dzięki za poprawienie błędu:) Tam powinnam jeszcze coś dopisać, co zaraz zrobię, daj mi 5 minut:) Szablony robię w Adobe Photoshop CS3. Myślę, że to najlepszy program:)

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

      Usuń
    4. Oczywiście, że sobie poradzisz! To jest naprawdę strasznie proste:) Kilka popołudni wystarczy, żeby to tak całkiem ogarnąć co do każdego szczegółu:) Tylko no trzeba ten czas poświęcić, ale to chyba nie taki problem, poza tym no jak ze wszystkim - samo się nie zrobi:)

      Usuń
    5. Troche nagmatwałam przy komentarzach, ale w końcu dopiero się zalogowałami w ogóle przpraszam. Później nie weim dlaczego usunełam komentarz i znowu napisałam jako anoimowy. Przpraszam. A czasu to mam dużo... :D Życzę ci żebyś robiła nadal takie piękne szablony jak teraz!

      Usuń
    6. Dziękuję! :) I życzę powodzenia!

      Usuń
  22. Dziękuje za odpowiedź. Jak na razie nie ogarniam tego wszystkiego, ale mam nadzieję, że jak kilka razy przeczytam to będzie ok.
    Jeszcze raz dzięki za odpowiedź i życzę ci żebyś nadal robiła tak piękne szablony:)

    OdpowiedzUsuń
  23. Moje pytanie nie dotyczy tego postu, ale w regulaminie jest by pisać pod najnowszym, więc to robię :D To znowu ja, jak coś :D Przejrzałam jeszcze raz całą stronkę, przeczytałam regulamin itd. i już wcześniej informowałam Cię, że pobrałam kilka tekstur, ale chcę zapytać o coś co nazywa się "credits". Może jestem niezorientowana, bo mam za mało do czynienia z tego rodzaju blogami, ale o co w tym chodzi? Zrozumiałam, że jeśli używam coś z twojej strony to muszę to zaznaczyć na swoim blogu, że to od Ciebie. A czy jeszcze coś znajduje się coś w tych zasadach, czego może nie zrozumiałam (bo nie chciałabym pogwałcać twoich reguł). ;)

    OdpowiedzUsuń
    Odpowiedzi
    1. Credits to kredyty, linki do źródeł, w ramach zapożyczenia są stosowane na znak tego, że nie wszystko w pracy zrobiliśmy sami. Tak jak tutaj:
      http://graphicpoison.blogspot.com/
      To, co użyli, podają pod pracą. Ponieważ ja korzystam cały czas z tych samych na ogół materiałów (tzn. źródła się nie zmieniają) mam swoje "credits" w menu zbiorczo i nie muszę dawać pod każdą pracą:) Możesz zobaczyć, jak ja to zrobiłam:)

      Usuń
    2. Ok, nieco mi się już rozjaśniło :D Dzięki, choć wiem, że to pewnie było głupie pytanie xD Podziwiam, jak szybko dajesz odpowiedzi na zadanie pytania, naprawdę :D :)

      Usuń
    3. Nie głupie. Przecież nie każdy musi wiedzieć, co to. No udaje mi się teraz szybko, bo akurat tu siedzę teraz i piszę arkusze CSS do szablonów;p

      Usuń
  24. W 3 punkcie w tym background-image: url(‘adres zalinkowanego obrazka’); (tłem będzie obrazek) to w jakim miejscu to dokładnie wstawić w html? Bo jest tam trochę tych background i w końcu nie wiem gdzie to wstawić. Na razie nie mam zamiaru nic dodawać, tylko zorintować co robić. Pomożesz?

    OdpowiedzUsuń
    Odpowiedzi
    1. Bo wszędzie sa tylko background.color albo zamiast color gardier i nie wiem o co chodzi...

      Usuń
    2. Dodaj arkusz CSS:) Wybierz, gdzie ma być tło (w jakim gadżecie, czy blogu, znajdź jego selektor (w kodzie lub na stronie układ - wystarczy czy nazwa ramki) wprowadź ten selektor do css'a i tam wstaw background-image:) Wszystko wpisujesz w Projektancie szablonów > Zaawansowane > Dodaj arkusz CSS:)

      Usuń
    3. Dziękuje bardzo. Życie mi ratujesz... :D

      Usuń
    4. Nie ma za co:) Służę pomocą:)

      Usuń
  25. Jak to robisz że miksujesz w nagłówku kilka zdjęć na raz i wszystko ze sobą współgra?No bo bp. jak się robi nagłówekto uzywa się kilku zdjęć a ty je tak fajnie łączysz..?

    OdpowiedzUsuń
    Odpowiedzi
    1. Tryby mieszania w okienku warstwy. Pozwalają one właśnie tak fajnie wszystko miksować:) Kombinujesz z Łagodnym Światłem, Jaśniej i innymi... i patrzysz co Ci wychodzi:) Ja tak robię:)

      Usuń
    2. Dyikuje napewno skoryzstam y twoich instrukcji :D

      Usuń
    3. Ups... przpraszam zklawiaturą miałam coś nie tak.. :) Dziękuje napewno skorzystam z twoich instrukcji :D *

      Usuń
    4. te na nagłówki jeszcze muszę opublikować na starym blogu na razie, bo chwilowo te linki nie działają (na onecie przed zmianą systemu nie trzeba było publikować żeby notka mogła się wyświetlić, a teraz w nowym systemie nie opublikowanych notek na blogu nie ma). Jest jeden tutorial opublikowany, z Kristen Stewart, proszę o cierpliwość, postaram się jak najszybciej to zmienić;*

      Usuń
  26. Czy Adobe PhotoShop CS6 też będzie się nadawał do utworznia nagłówka? Bo nigdzie nie moge znaleźć CS3?
    Dziękuje z góry za odpowiedź :). Pozdrawiam ;D

    OdpowiedzUsuń
    Odpowiedzi
    1. Chciałabym jeszcze spytać w jaki sposób wykonujesz tekstury. Jeśli to oczywiście nie problem... :D

      Usuń
    2. Oczywiście, że się będzie nadawał!:) Moim zdaniem te programy niczym się nie różnią. Może jakieś tam nowe funkcje, kilka, ale nie jakieś niezbędne;p ja odkąd wyszedł CS3 na nim pracuję i nie czuję, bym potrzebowała CS6:) Tekstury... To zależy jakie:p najprostsze wychodzą chyba w łączeniu stocków z weheartit na niepełnym kryciu, na czarnym tle, mnóstwo osób na DA i tutaj nawet tak robi:) A te bardziej skomplikowane tworzę tak jak nagłówek - mieszam różne elementy (tryby mieszania w okienku warstwy).

      Usuń
    3. Bardzo ci dziękuje! Dopiero zaczynam z blogspotem i w ogóle, więc naprawdę mi pomagasz odpowiadając na te wszystkie pytania. Jeszcze raz ogromnie ci dziękuje i życzę żebyś robiła jak najwięcej takich pieknych szablonów...:D

      Usuń
    4. Haha, ja też zaczęłam z blogspotem dopiero trzy tygodnie temu:p Bardzo Ci dziękuję za ciepłe słowa i pozdrawiam!

      Usuń
    5. Wiem, że wcześniej zadałam podobne pytanie, ale czy Gimp działa podobnie? Nie chodzi mi o to czy da się na nim zrobić to samo, ale czy tak samo się go obsługuje?
      Strasznie dużo pytań zadaje, ale nie jestem raczej obeznana w komputerach...

      Usuń
    6. Gimp działa na podobnej zasadzie. Również masz możliwość dodawania elementów na warstwach, jest okienko z warstwami, pędzle chyba też... Kiedyś do niego zaglądałam z ciekawości i z tego co pamiętam też ma nawet tryby mieszania warstw takie podstawowe, najpotrzebniejsze, co prawda trochę mniej niż Photoshop, ale znam osoby, które potrafiły w Gimpie takie cuda zdziałać, że nigdy bym nie pomyślała, że nie pracują w photoshopie ;D Kwestia wypracowania, nauki programu. Ja osobiście w Gimpie nie potrafię nic sensownego zrobić - tylko w Photoshopie :P Polecam więc Photoshopa, no ale jeśli zaczynasz, to w sumie bez różnicy, jaki program wybierzesz - tak czy siak musisz go poznać a wtedy będziesz tworzyć cuda:) Poszukaj w google instrukcji do danego programu i naprawdę sporo się nauczysz:) Także mogłabyś skorzystać z moich na nagłówki, ale te są tylko do Photoshopa niestety. Pozdrawiam!

      Usuń
    7. Jeszcze rqaz dziekuje ci za wszystkie odpowiedzi. Od dzisiaj zaczynam próbowac tworzyć szablony i oczywiście kiedy już może coś sensownego wstawie i dodam na bloga, dodam też twój link, bo wcześniej bylam w tym wszystkim zielona. Ogromnie ci dziękuje i Pozdrawiam D.:D

      Usuń
  27. Ja mam problem. Właśnie opracowuję szablon na http://szablontester1.blogspot.com/.
    Chcę uzyskać taki sam efekt stron pod nagłówkiem jak na http://katalog-graficzny.blogspot.com/ Tylko żeby górne rogi nie były zaokrąglone. Nie potrafię tego zrobić :( Proszę o pomoc.

    OdpowiedzUsuń
    Odpowiedzi
    1. No dobrze to tak. Żeby między wszystkimi kartami był odstęp wprowadzasz selektor wszystkich kart:

      .tabs-inner .widget li a

      no i po nim dajesz kolor tła kart, odstęp w pikselach (ile ma być między jedną kartą a drugą), zaokrąglenie na dole, jeśli chcesz efekty tekstu itd. Cały kod wygląda tak:

      .tabs-inner .widget li a {
      background-color: #ffffff;
      margin: 2px;
      border-radius: 0 0 15px 15px;
      }

      Zamiast koloru białego #ffffff możesz wprowadzić jakiś swój, margin: 2px oznacza odstęp między kartami w pikselach, a border radius to zaokrąglenie. Żeby górne rogi były ostre wprowadzasz wartości 0 dla lewego górnego rogu i 0 dla prawego górnego. Kolejne wartości to rogi na dole. Wpisujesz zaokrąglenie w pikselach (im mniejsze wartości tym mniejsze zaokrąglenie, ja wybrałam przykładowo 15px).
      Jeśli chcesz dodać inne ustawienia do karty, na którą się najedzie myszką, wybierasz selektor:
      .tabs-inner .widget li a:hover
      Selektor dla karty wybranej (tej, w której jesteś, po kliknięciu):
      .tabs-inner .widget li.selected a

      Powodzenia!

      Usuń
  28. Heeeeej, odwiedza cię tutaj osób, a przyznam, że mnie malutko, dlatego myślałam o współpracy, co ty na to? :)
    Chodziłoby mi bardziej o umieszczenie buttonu na stronie głównej, oczywiście zrobiłabym to samo. ;>

    OdpowiedzUsuń
    Odpowiedzi
    1. ah, nie dałam linku do bloga, bleachowa-sensei.blogspot.com

      Usuń
    2. No właśnie ja nie wiem co tu się stało. Nie wiem, czy to przez katalog graficzny, czy przez moją grafikę, czy przez ten nowy szablon, bo w sumie stało się to zaraz po jego zamontowaniu!;p Ale możesz najpierw spróbować z katalogiem - niech Cię dodadzą do spisu blogów i poczekaj dwa dni na taki efekt... Na stronie głównej raczej buttonów nie będę umieszczać, myślałam o stworzeniu zakładki w menu "współpraca", wiesz, tak jak na innych blogach:) Tak jest dużo bardziej przejrzyście:)

      Usuń
    3. Okej rozumiem, więc informuję, że jesteś u mnie w takiej zakładce :D

      Usuń
    4. Cieszę się bardzo! Dodam Cię jeszcze dzisiaj, co Ty na to?;)

      Usuń
  29. Pobrałam sygnatury na bloga flammaincordemeo.blogspot.com nie wiem czy ich użyje, ponieważ już mam gotowy szablon, ale Cię informuję :)

    OdpowiedzUsuń
    Odpowiedzi
    1. spectrum zapomniałam hasła ::D

      Usuń
  30. Dlaczego gdy pobieram sygnatury wyskakuja one w WIndows Media Player?

    OdpowiedzUsuń
    Odpowiedzi
    1. To najprawdopodobniej wina Twojego komputera. Jeśli chcesz ją podejrzeć normalnie możesz zrobić tak: kliknij prawym na pobraną sygnaturę (tą, co już masz w komputerze), wybierz Otwórz za pomocą i tam z listy wybierz podgląd obrazów... coś tam;p ja np. mam na kompie takie jajo od nero zainstalowane (jak chciałam mieć nero do nagrywania to się to razem z nero zainstalowało) i jak klikam dwukrotnie na obrazki w kompie to, zamiast w tym normalnym systemowym podglądzie, otwierają się w tym jaju całe zniekształcone, rozmazane... I muszę klikając prawym:p

      Usuń
  31. A jak się pozbyć takiej obwódki wokół grafik jakie wstawia się do postów, wszędzie się ona pojawia, taka ramka biała.

    OdpowiedzUsuń
    Odpowiedzi
    1. Jeśli masz szablon Rewelacja czarny na przykład to tam w projektancie będzie zakładka obraz w zaawansowanych. Tam usuniesz tło, wybierz przezroczyste.

      Usuń
  32. Oh. w końcu przeczytałam w całości :D
    Dziękuję Ci za tą instrukcje kochana :* teraz będę mogła zmodyfikować trochę bloga. :)
    I może w końcu uda mi się zakodować szablon np. do wordpress'a :P hihi :D

    kassfelis

    OdpowiedzUsuń
  33. Hej. Kody są świetne, tylko nie bardzo rozumiem, jak zrobiłaś to, że pod gadżetami w kolumnach masz tło i obramowanie?
    Pozdrawiam, Ilona.

    OdpowiedzUsuń
    Odpowiedzi
    1. We wszystkich ramkach mam takie same ustawienia, jak dla postów. Ramki są osobno, bo dodałam kody do każdej z nich, a nie do całej kolumny. Jeśli chcesz mieć i tło, i obramowanie ramki, musisz połączyć kody, tzn. dodać zarówno na tło jak i na obramowanie właśnie:) Na przykład:

      #Stats1 {
      background-image: url('adresobrazka');
      border: 1px solid #ffffff;
      }

      To przykładowy kod dla ramki ze statystyką. Border to obramowanie: kolejno grubość w pikselach, styl, kolor. No a background-image to tło:)

      Usuń
    2. Jesteś genialna... Dziękuję :)

      Usuń
  34. W dniu dzisiejszym jesteś moim Bohaterem!!! Od trzech dni walczyłam z wiatrakami, a po przeczytaniu powyższej instrukcji załapałam, o co chodzi. BARDZO DZIĘKUJĘ:) D.

    OdpowiedzUsuń
    Odpowiedzi
    1. Nie ma za co, cieszę się, że mogłam pomóc:)

      Usuń
  35. W jakim to robisz programie ? ;D

    OdpowiedzUsuń
    Odpowiedzi
    1. Sam nagłówek, czyli podstawa graficzna do stworzenia szablonu, robię w Adobe Photoshop CS3. Kod CSS piszesz do każdego szablonu z osobna w projektancie szablonów (Szablon > Dostosuj > Zaawansowane > Dodaj arkusz CSS).

      Usuń
  36. Super wytłumaczyłaś.
    Ja bałam się w to zagłębiać, a okazuje się że z twoją pomocą wszystko jest łatwe, proste i możliwe. ;D Dziękuję Ci. ♥

    OdpowiedzUsuń
  37. Właśnie wzięłam się za CSS wszystko pięknie ładnie. :)
    Ale powiesz mi jak robić takie linki do stron jak np. w tym szablonie http://img152.imageshack.us/img152/756/prev1a.png albo tym http://img823.imageshack.us/img823/1222/prev4a.png ?
    Bardzo Cię proszę.

    OdpowiedzUsuń
    Odpowiedzi
    1. Budujesz dla dwóch różnych menu jakby, raz piszesz kod dla tych nienajechanych stron, drugi raz - dla najechanych. Selektory to #PageList1 li a:link (to dla tych normalnych) oraz #PageList1 li a:hover (to dla najechanych). Łatwizna:)

      Usuń
    2. Ahaś dziękuję. ;*
      Jak coś to jeszcze pomarudzę. Ale wątpię, bo tu wszystko jest przejrzyste...
      Chyba, że....
      A jak zmienić wygląd komentarzy? To znaczy mniej więcej wiem, jakie kodziki, ale jak nazywają się komentarze (chyba tak to można nazwać).

      Usuń
    3. Selektor to .comment i tyle:)

      Usuń
    4. Dziękuję Ci aniele. ♥

      Usuń
    5. Aniołku. wypisałabyś selektroy, bo ja nie wiem jak zdobyć ich nazwę, a tak to będę Ci marudzić. ^^

      Usuń
    6. Chyba nie ma takiej potrzeby. Są na innych blogach, poza tym tu opisałam, jak zdobyć większość:

      "III. w wybranym przez Ciebie szablonie (obojętnie, czy to jest Prosty, Okno obrazu czy jakiś inny) wszystkie elementy, które chcesz edytować, mają swoje nazwy, zapisane w specjalny sposób. To selektory. Edytując kod HTML możesz je podejrzeć już na początku, w tych wszystkich linijkach zaczynających się od:
      Group description="Tabs Text" selector=".tabs-inner .widget li a"
      Dlatego dla kart mamy tutaj selektor: .tabs-inner .widget li a, bo taki został wprowadzony w group description. Poza tym możemy je podpatrzeć w Układzie. Najeżdżamy myszką na hasło Edytuj dla danej ramki i pokazuje nam się w lewym dolnym rogu przeglądarki adres linku. Interesuje nas ten fragment linku: "widgetId=Blog1", a konkretnej to, co stoi za znakiem równa się (czyli Blog1). Dopisujemy do tego # i mamy selektor bloga: #Blog1."

      Usuń
    7. Ahaś. Dziękuję. ♥ Już skumałam to.

      Usuń
    8. Mówiłam, że to jest bardzo proste <3 Tylko trzeba na spokojnie chwilkę przy tym posiedzieć, przeanalizować :)

      Usuń
  38. Świetne porady, skorzystałam z niektórych♥ Możesz mi tylko powiedzieć, jak zrobić, aby posty były tak jakby ze sobą złączone? Bo u mnie między postami jest taka przerwa - mój blog i-am-butterfly.blogspot.com
    chciałabym, aby w to miejsce albo wszedł kolor biały, albo jakoś połączyć posty aby tej takiej dziury nie było. Dałabyś radę coś z tym zrobić? :)) :***

    OdpowiedzUsuń
    Odpowiedzi
    1. Ponieważ nie dodałaś nigdzie kodu do post-outer (ustawienia postów pod tym selektorem powodują taką dziurę właśnie), myślę, że wystarczy ten kod:

      #Blog1 {
      background: #ffffff !important;
      }

      Gdy ustawiam tło dla postów selektorem #Blog1 to nie ma takiej przerwy, np. u mnie na głównym tak właśnie zrobiłam.

      Pozdrawiam!

      Usuń
  39. Hej, hej.
    To, co napisałaś powyżej jest genialne, ale ja kompletnie nie wiem, jak się do tego zabrać!
    Niby coś tam szperam, ale w ogóle nie mam pojęcia, gdzie wpisać kody, a ten cały arkusz CSS [jak już napisałaś] -czarna magia!
    I mam do Ciebie taką ogromną prośbę:
    Napisałabyś mi krok po kroku, gdzie mam wejść i co zrobić?
    Siedziałam i szukałam, ale to na nic [czytaj: dziwadło bez mózgu]

    PS. Mogłabyś tak w skrócie wyjaśnić co to jest ten arkusz CSS?

    OdpowiedzUsuń
    Odpowiedzi
    1. To są specjalne komendy, które wpisujesz. Wchodzisz w Szablon>Dostosuj>Zaawansowane>Dodaj arkusz CSS. Samego CSS'a trzeba się jednak nauczyć:)
      Polecam też tą stronę:
      http://pl.html.net/tutorials/css/

      Usuń
    2. Dziękuję, na pewno skorzystam :D

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

    OdpowiedzUsuń
  41. Mam problem, a mianowicie nie wiem jak podnieść posty żeby bardziej nachodziły na nagłówek tzn. wyżej.

    OdpowiedzUsuń
    Odpowiedzi
    1. Ujemną wartość margin-top daj do selektora #Blog1 :)

      Usuń
    2. tak to ma wyglądać, np:
      #Blog1
      {
      margin-top: -200px
      }

      dotychczas zamawiałam szablony, a chciałbym sama sobie zrobić.

      Usuń
    3. jeszcze średnik na końcu po pikselach:)

      Usuń
  42. Chce dodać obrazek ''obserwatorzy'' nad tym okienkiem z nimi, ale tak żeby był max 5 mm nad oknem i co mam zrobić? I jeszcze żeby ten pasek boczny kończył się wraz z brakiem dodatków, jest na to jakiś kod?

    OdpowiedzUsuń
    Odpowiedzi
    1. Obrazek ma być w tytule ramki? Jeśli tak, to kod wygląda następująco:

      #Followers1 h2 {
      background: url('adresobrazka') !important;
      margin-top: -5px !important;
      }

      Margin-top ujemny podniesie obrazek.

      Co do paska bocznego - nie wiem, o co Ci chodzi. Musiałabym zobaczyć na blogu.

      Usuń
    2. Chodzi o coś takiego http://weeronika-blog.blogspot.com/ jak na tym blogu żeby połączyć wszystkie elementy paska bocznego ze sobą w szablonoie rewelacja

      Usuń
  43. A jakie wymiary ma mieć szablon [tło]

    OdpowiedzUsuń
    Odpowiedzi
    1. Duże, żeby nigdzie nie ucinało w przypadku różnych rozdzielczości odwiedzających bloga:)
      Ja zawsze daję 1600x900 przynajmniej.

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

      Usuń
    3. A tło ma być od razu z nagłówkiem czy jak

      Usuń
    4. Jeśli chcesz zrobić szablon bez nagłówka, który będzie jednym wielkim obrazem w tle, to tło musi być bardzo duże. Jeśli chcesz sam nagłówek - może być mniejszy. Ale jeśli chcesz duże, nieruchome tło pod całym blogiem, to koniecznie zrób o rozmiarze 1600x900.

      Usuń
    5. I jak już nałożyłam nagłówek to to wszystko? co z blogiem nie za bardzo kumam CSS nie umiem tego zrobić ;/

      Usuń
    6. Po pierwsze - musisz wiedzieć, co właściwie chcesz z tym zrobić. Jaki ma być efekt całości. Musisz zaprojektować własny design w głowie:p Powyższy tutorial uczy CSS'a. Na jego podstawie można naprawdę ten język zrozumieć - wiem, bo sporo osób z pomocą tego tekstu napisało własne kody:) Wystarczy, że będziesz czytać i analizować linijkę po linijce. Warto czytać i jednocześnie szukać tego, o czym jest mowa u siebie, na blogu. Poradzisz sobie, tylko oczywiście nic nie przyjdzie samo, od razu. Musisz z tym popracować dzień, góra dwa i zrozumiesz wszystko:)

      Usuń
    7. Wiem jak chce zrobić ale nadal nie umiem tego próbuje i nic

      Usuń
  44. A jak połączyć pasek boczny w szablonie rewelacja? Chodzi o kod

    OdpowiedzUsuń
    Odpowiedzi
    1. Nie bardzo rozumiem, co masz na myśli. Można prosić o przykład?

      Usuń
  45. Mam pytanie co zrobić, żeby nagłówek był tak jakby z boku strony? Np tak jak tutaj: http://zaczarowane-instrukcje.blogspot.com/2012/12/rotator-bannerow.html ? :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Ten nagłówek to chyba zwyczajne tło pod całym blogiem, takie wielkie:p wstawiane za pomocą selektora body.

      Usuń
    2. Ok, dzięki i sory za kłopot ja to się na html ani na css niestety nie znam dlatego takie głupie pytania zadaję ;)

      Usuń
    3. A ja się znam?;p Po prostu dużo czytam o HTML i CSS i już trochę zrozumiałam ten język:p

      Usuń
  46. Gdzie się na bloggerze edytuje css? To co Ty tu piszesz wcześniej było określane jako edycja html, ale od niedawna kompletnie się wszystko pozmieniało i ja się teraz połapać nie mogę. A chciała bym tylko do szablonu dodać tło główne (strony?) półprzezroczyste, tak żeby pod paskami bocznymi było, bo go tam nie ma pierwotnie.

    OdpowiedzUsuń
    Odpowiedzi
    1. Wchodzisz w szablon > dostosuj > zaawansowane > dodaj arkusz css. I tam wklejasz kod:)

      Usuń
  47. Udało mi się zrobić osobne ramki,dodać obrazek i obramowanie.Jak dodać jakieś efekty.np.kropki?Albo zaokrąglić ramkę,np.statystyki?

    OdpowiedzUsuń
    Odpowiedzi
    1. Zależy gdzie te kropki chcesz.
      A na zaokrąglenie statystyki to:

      #Stats1 {
      border-radius: 20px;
      }

      Usuń
  48. Hej.Czy można rozciągnąć tło, ponieważ nie chcę by się powielało, bądź jakie rozmiary w pikselach powinno mieć tło? :)

    OdpowiedzUsuń
  49. Mam mały problem.
    W gadżetach (chociaż wiem na 100%, że wpisuję dobrze, bo tka jak u ciebie tutaj) nie chcą mi się boki zaokrąglić ani dodać żadne kolory w tle.
    Może wiesz co z tym zrobić, bo ja już się poddaję.

    OdpowiedzUsuń
  50. Ten komentarz został usunięty przez autora.

    OdpowiedzUsuń
    Odpowiedzi
    1. Polecam lekturę instrukcji "Ciekawy pomysł na menu". Tam jest to, co opisałaś z przykładem:)

      Usuń
  51. Jestem na prawdę nieogarniętym dzieckiem i ostatnio zachciewało mi się samej robić szablony i twoje instrukcje bardzo mi się przydały dziękuję :) Ale mam jeden problem, nie wiem gdzie jest ten cały got HTML który się edytuje np. z tym za dużym tłem :/ Jakbyś mi powiedziała jak mam jakby do niego... 'dotrzeć'. Byłabym wdzięczna bo to mi wszystko utrudnia :(

    OdpowiedzUsuń
    Odpowiedzi
    1. Właśnie uświadomiłam sobie jakim jestem debilem :P Już nie trzeba.

      Usuń
  52. Wow *.* ostatnio postanowiłam, że sama spróbuję chociaż zrobić szablon, więc weszłam tutaj i... wow. Bardzo przydatny poradnik i na pewno się do niego zastosuję. Mam tylko małą radę: niektóre osoby (czyt. ja) są debilami w tej dziedzinie i gdy piszesz w takim "naukowym" języku, ciężko jest to zrozumieć. Nigdy nie miałam styczności z CSS i czasami wolałabym przeczytać "kliknij na to małe okienko w lewym, górnym rogu", niż te skomplikowane nazwy... Jednak jestem świadoma, że to potrzebne, więc się nie czepiam, gratuluję dobrej roboty i... lecę spróbować. :)

    Kukardka, xoxo

    OdpowiedzUsuń
  53. Hej, chciałam się ciebie o coś zapytać.
    Bo jak obniżyłam kolumny z postami i dodatkami, to wszystko jest z tym ok, ale data postu zostaje w tym samym miejscu. Nie wiem co mam wpisać, by też obniżyć tę datę...

    OdpowiedzUsuń
    Odpowiedzi
    1. Ten komentarz został usunięty przez autora.

      Usuń
    2. O, i zapomniałabym o komentarzach. One też zostają w tym samym miejscu i "leżą" na kolumnie postów...

      Usuń
    3. I przepraszam za to, że jeszcze się pytam, ale... kolumna na posty leży na swoim miejscu, ale jak kliknę na byle jaką stronę w menu to kolumna z postami wraca na swoje miejsce, nie jest w tym samym miejscu co bym kliknęła "menu główne" na którym posty widnieją. Co zrobić?

      Usuń
    4. Ciężko mi pomóc, bo nie widzę u Ciebie wprowadzonego kodu CSS... Czyżbyś go wprowadzała w edycji kodu HTML?
      Na przyszłość polecam po prostu Szablon>Dostosuj>Zaawansowane>Dodaj arkusz CSS. Tam wpisujemy kody, wtedy jest łatwiej je edytować i sprawdzać w razie błędów:)
      Jeśli używasz pozycjonowania relatywnego i podnosisz blog1 to nie powinny się strony wyświetlać wyżej. Może dlatego, że wkleiłaś kod w niewłaściwym miejscu (nie widzę kodów CSS, jakie wprowadziłaś tam, gdzie normalnie powinny być). Jedyne, co mogę polecić w tej sytuacji, to powrócić do szablonu blogspotowego Rewelacji i od nowa zacząć wprowadzać te kody w okienku na dodatkowy arkusz CSS, a nie w kodzie HTML. Tak właśnie ja bym zrobiła, bo zbyt wiele rzeczy Ci wysiadło, by to naprawiać, a jak będziesz chciała na tym szablonie robić kolejne, to będzie tylko coraz więcej błędów.
      Pozdrawiam!

      Usuń
  54. Wiesz jak połączyć pasek boczny bloga (kolumnę) w jedną całość,zeby nie było odstępów ?

    OdpowiedzUsuń
  55. Ten komentarz został usunięty przez autora.

    OdpowiedzUsuń
  56. hej mogę sobie pobrać jakiś szablon ? ;*

    OdpowiedzUsuń
  57. Hej, a na jakim programie najlepiej to robić ?;d

    OdpowiedzUsuń
  58. Hej, a na jakim programie najlepiej to robić ?;d

    OdpowiedzUsuń
  59. Hej, a na jakim programie najlepiej to robić ?;d

    OdpowiedzUsuń
  60. Hej, a na jakim programie najlepiej to robić ?;d

    OdpowiedzUsuń
  61. Hej, a na jakim programie najlepiej to robić ?;d

    OdpowiedzUsuń
  62. Ja nic nie rozumiem a czy mogłabyś mi wytłumaczyc osobiście np przez fb google albo skype prosze :(

    OdpowiedzUsuń
  63. Dzięki Ci kobieto! Że się tak wyrażę, kocham Cię za te instrukcje!
    Byłam tu raz kiedyś, ale nie zwróciłam uwagi na CSS. Ale teraz zaczęłam w to bardziej wnikać, bo jestem niecierpliwą osobą i nie chce mi się czekać na jakikolwiek szablon z szabloniarni. Ratujesz mi życie... tłumaczysz na tyle dobrze, że muszę przyznać, że rozumiem (jesteś o ogrom lepsza od mojej nauczycielki z matematyki).
    Dobra... czytam dalej. Zaciekawiłaś mnie :D

    OdpowiedzUsuń
  64. Hej mam pytanie. Ten post jest świetny i wgl ale czy można zaokrąglić rogi? Tak żeby było wyświetlane, a nie najechanie na to.

    OdpowiedzUsuń
    Odpowiedzi
    1. Jasne, że można:) A co byś chciała zaokrąglić?

      Usuń
  65. Mam maleńki problem... Kiedy chcę znaleźć w kodzie nazwę tła, to nie mogę. Wyskakuje mi 0 z 0... Co mogę z tym zrobić?

    OdpowiedzUsuń
  66. Chciałam się zapytać jakiego programu używasz do robienia szablonów:) Byłabym wdzięczna za szybką odpowiedź ;) Chciałam zrobić własny szablon, a prawie niczego z tego nie rozumiem:P Przepraszam jeśli robię problem ;)
    Pozdrawiam Lil;*

    OdpowiedzUsuń
  67. a jaki program używasz???????????

    OdpowiedzUsuń
  68. Dzięki wam zrobiłam szablon! Kocham was :)

    OdpowiedzUsuń
  69. Hej, twój tutorial niezwykle mi pomógł przy tworzeniu mojego pierwszego szablonu na blogspot. Wiem, że czeka mnie jeszcze dużo pracy przy nim zwłaszcza, iż nie moge sobie poradzic z menu. Utorzyłam je w postaci graficznej jako obrazki odsyłające do podstron, chciałabym jednak żeby były ułożonej kaoś bardziej niestandartowo, a nie jeden pod drugim jak jest obecnie. Może znasz sposób by temu zaradzić?
    Z góry dziękuje za każda pomoc. Wrazie gdybym nie wyraziła się jasno wstawiam linka:http://the-way-to-dreamland.blogspot.com

    OdpowiedzUsuń
  70. No fajnie :) Tylko ja mam pytanie jak zmienić wygląd profilu np.jak jest w tym blogu http://onlydreams8.blogspot.com/ z góry dzięki za odpowieź :) Fajny blog ;)

    OdpowiedzUsuń
  71. Nie wiem czy ktoś tu już zamieszczał to pytanie, ale jak zrobić tak, by karty (mam pionowe) układały się tak jak na twoim szablonie?
    Próbowałam sama ale ciągle wychodzą mi w równiutkim rzędzie i nic nie chce mi się zmienić. Pewnie to moja wina, bo coś źle wpisuję, ale już nie mam pomysłu. xd

    OdpowiedzUsuń
  72. Ja nawet nie wiem co to jest CSS i do czego ma to służyć. No i jeszcze nie za bardzo rozumiem tej instrukcji. Myślę że będę musiała baaaaaardzo długo nad tym posiedzieć żeby zrozumieć chociaż część :-( No trudno
    Ale powiedz mi jak zrobić te "zakładki" na blogu (u ciebie to są takie kółka nie wiem jak to się właściwie nazywa)

    OdpowiedzUsuń
  73. Mam problem z kolumnami.
    Chodzi o to, że kody, które piszę pod .column-right/left-inner nie działają i nie wiem jak to naprawić :(
    Reszta kodów mi działa i nie wiem o co chodzi.
    Byłabym wdzięczna za pomoc :)

    OdpowiedzUsuń
  74. Na pewno skorzystam ;)
    Zapraszam do mnie nasza-przygoda-w-obozie-herosow.blogspot.com

    OdpowiedzUsuń
  75. Hej! Moim problemem jest naglowek. Dodałam go z folderu (kolory się zgadzają i w szablonie wszystko jest ok) ale kiedy ściągnęłam szablon i dodałam Jja innego bloga był on bez nagłówka. Czemu? :/
    Jak dodać nagłówek zeby po ściągnięciu był on na szablonie?
    Gdybyś mogła to dopisz mi na gmaila bo nie przyjdzie mi powiadomienie: layniikiii@gmail.com

    OdpowiedzUsuń
  76. Hej, ja właśnie mam problem z css, a mianowicie chciałabym aby nagłówek był otoczony ramką z powójną linią czyli dashed, ale aby odstępy jednej linii od drugiej były większe niż te, które się tworzą z dashed.
    Czy wiesz jak to rozwiązać?
    Pozdrawiam.

    OdpowiedzUsuń
  77. Witam!
    Mam już wgrany szablon i wszystko działa pięknie, tyle że mam problem z czcionką. Do szablonu była dopasowana śliczna czcionka, która po prostu się nie wgrała. A kiedy próbuję zapisać ją w projektancie szablonów, nadal mam inną. Nie mam pojęcia co z tym zrobić, a autorka bloga już nie kontaktuje się z ludźmi, którzy ściągają jej szablony ;;

    OdpowiedzUsuń
  78. Witam,chcę zacząć pisać bloga,ale zupełnie nie wiem jak.Nie wiem,jak stworzyć stronę w internecie,jak ją edytować?Czy mogę w prosty sposób zacząć pisać blog?

    OdpowiedzUsuń
  79. Mogła byś mi powiedzieć jak wgrać sam nagłówek? Bo z resztą sobie poradzę tylko jak próbuje ustawić nagłówek nie chce mi się tak zrobić i wychodzi mi pod tłem posta. Jak mogę temu zaradzić? Proszę o pomoc i pozdrawiam.

    OdpowiedzUsuń
  80. Cóż, nie wiem jak ty nowa w blogowaniu byłaś, ale ja jestem totalnie nowa i absoloutnie nic nie rozumiem.

    OdpowiedzUsuń

Obserwatorzy