W tej witrynie są wykorzystywane pliki cookie, których google używa do świadczenia swoich usług i analizowania ruchu. Twój adres ip i nazwa klienta użytkownika oraz dane dotyczące wydajności i bezpieczeństwa są udostępniane firmie google, by zapewnić odpowiednią jakość usług, generować statystyki użytkowania oraz wykrywać nadużycia i na nie reagować.

Logo

Witaj na Katalogu Grafików , w sercu grafikosfery, gdzie wspieramy i doceniamy każdego grafika. Znajdziesz tu aktualności, artykuły oraz przeglądy pełne różnorodnych i ciekawych prac.

TŁO

POZNAJ NASZYCH GRAFIKÓW

KATALOGI

— 11 czerwca 2013
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!
Podziel się tym postem na:
Wiemy jak ważny jest czas. Dlatego też stworzyliśmy formę, dzięki której można podesłać do nas swoje prace, bez zbędnego logowania się na maila.
Jedyne co musisz zrobić, by twoja praca została poprawnie zakwalifikowana
Życzymy powodzenia!
-Załoga Katalogu.



Szukajka

graphic-luna
© 2020 | graphic-luna