zamknij

Z cyklu porad - CSS (komentarze)

Dawno temu opublikowałam ostatnią instrukcję dlatego warto by dodać kolejną. Dziś przytoczę wam kody CSS dotyczące tylko i wyłącznie komentarzy. Standardowo ikonki od Carllton
Poziom trudności: [**]

   

Tła:
a) kolor:
.comment p {background-color: #5a5555;}
b) obrazek w tle:
.comment p {background-image: url(http://s6.ifotos.pl/img/guiguojhj_xxenawe.png);}

Przezroczystość:
.comment p {opacity: 0.7;}

Cienie:
a) tekstu:
.comment p {text-shadow: 2px 2px 5px #5a5555 }
b) ramki:
.comment p{box-shadow:0px 0px 2px black}

Zaokrąglone rogi:
.comment p{border-radius: 90px 90px 5px 5px;}
UWAGA: parametry odpowiadają wszystkim czterem rogom. Można zostawić tylko jeden i będzie się wtedy odnosić do całej ramki.

Marginesy:
.comment p {padding: 20px;}

Obramowanie:
a) linia ciągła:
.comment p {border-style: solid;}

b) linia kreskowa:
.comment p {border-style: dashed;}

c) linia kropkowana:
.comment p {border-style: dotted;}

d) linia podwójna:
.comment p {border-style: double;}

Grubość obramowania:
a) cienkie:
.comment p {border-width: thin;}

b) średnie:
.comment p {border-width: medium;}

c) grube:
.comment p {border-width: thick;}

Awatary
Zaokrąglone rogi:
.avatar-image-container {border-radius: 90px 90px 5px 5px;}

Obramowanie:
a) linia ciągła:
.avatar-image-container {border-style: solid;}

b) linia kreskowa:
.avatar-image-container {border-style: dashed;}

c) linia kropkowana:
.avatar-image-container {border-style: dotted;}

d) linia podwójna:
.avatar-image-container {border-style: double;}

Grubość obramowania:
a) cienkie:
.avatar-image-container {border-width: thin;}

b) średnie:
.avatar-image-container {border-width: medium;}

c) grube:
.avatar-image-container {border-width: thick;}

Cienie:
.avatar-image-container {box-shadow:0px 0px 2px black}

Instrukcję opracowała Elfaba.
Szczerze powiedziawszy poziom trudności nie jest za specjalnie trudny. Jednak dla bloggera, który na aplikacji blogspot pracuje z tydzień wydawać to się może skomplikowane. Tymczasem buziaczki ;* Za 3 tygodnie wakacje!

10 komentarzy:

  1. Ale czesto tu sie cos pojawia! :) fajnie:)

    Chcialam powiedziec, ze akurat tych ikon nie wykonala Carllton. Owszem, wstawila je do postu, ale z tego co pamietam napisala, czyje one sa:p dwie ciemne (1 i 3) zostaly zrobione przez Herbatke z Missteasleep, natomiast zielone przez Frigg, autorke bloga Shimmyshame:) wiec trzeba troszke zmienic ten kredyt:p mam nadzieje, ze sie nie gniewasz. Nie mam zlych intencji, po prostu wole sama zareagowac niz wejsc tu jutro czy pojutrze i patrzec jak hejterstwo cieszy sie z tego bledu:p :* przepraszam za bledy, pisze z telefonu:*

    OdpowiedzUsuń
  2. a co należy zrobić, aby pod komentarzem (tak jak u was) był teks od autorki tak jak wy zrobiłyście z tym "Każdy komentarz jest dla nas iskierką. Iskierką, dzięki której powstaje małe ognisko. Ognisko naszego skupienia,uwagi i zaangażowania. Morał bajki krótki: komentuj jak najwięcej i nakarm głodnych redaktorów miłym wpisem :)" Proszę powiedzcie !

    OdpowiedzUsuń
    Odpowiedzi
    1. Wchodzisz w Projekt >> Ustawienia >> Posty i komentarze po czym na samym dole widnieje opcja Wiadomość do formularza komentarzy - z opcji wybierasz dodaj i już :) Piszesz tam co chcesz po czym zapisujesz :)

      Usuń
    2. dzięki!:*

      Usuń
  3. Co do wczesniejszego postu J a to bym wolala przeczytac wywiad z Jill. a nie znowu z yass... bez obrazy.

    OdpowiedzUsuń
    Odpowiedzi
    1. Spokojnie, z Jill też planuję wywiad.

      Usuń
  4. Miałam dziś tak męczący dzień, że nawet nie pomyślałam o tym, by zajrzeć tu wcześniej, dlatego jestem teraz :3 Z zapytaniem - co będzie w nowym poście, bo nie mogę się doczekać, zwłaszcza przeglądów xD Naprawdę można tu zobaczyć fajne prace:)
    Pamiętasz, co Ci mówiłam?:p Aż mi się ciśnie na usta zacne: "A nie mówiłam?" :p xD Nudzi mnie już ta przewidywalność :3
    Co do wywiadu - nie musisz go publikować, serio, nie musisz też się bać, że będzie mi przykro - nic z tych rzeczy;* Nie wiem, czemu się tak na to uparłaś, ale chcę, byś wiedziała, że zawsze możesz zmienić zdanie:)
    Pozdrawiam ze słonecznego miejsca, w którym akurat jestem;* <3

    OdpowiedzUsuń
    Odpowiedzi
    1. Wiesz ja również miałam nie lada dzień. Praktycznie od 8:00 do 20:00 w szkole. Miałam wieczorek poetycki (znowu). Jutro środa? A tak tak, jutro. No więc pojawi się pierwsza część wywiadu, w czwartek druga, a w piątek przegląd :)

      Zdradzisz może jakie to słoneczne miejsce? Bo u mnie niestety deszcz, "mini" trąba powietrzna, grad i liczenie strat więc... nie za ciekawie. Chciałabym uciec od tego wszystkiego i poczuć na swoim ciele promyki słońca. Oj jak ja bym tego chciała ...

      Pozdrawiam ;*

      Usuń
  5. Witam. Chciałabym się zapytać, dlaczego blog prywatny Dusza Anayi został usunięty ze spisu? Były jakieś generalne porządki z jakiegoś powodu?

    OdpowiedzUsuń
    Odpowiedzi
    1. Owszem porządki były. Przywrócę dopiero późnym południem kiedy znajdę czas. Przepraszam za niedogodności.

      Usuń