Wpisy oznaczone tagiem "emotikony" (21)  

imvu-world
 
Codzienne kręcenie kołem, można wygrać credits, ubranie albo emotikony WithMoji.

Opcja ta dostępna jest po uruchomieniu Imvu NEXT dla nowszych użytkowników imvu.


Daily Spin znajdziemy po kliknięciu w ikonę "CREDITS".
01.jpg

Naszym oczom ukaże się koło z nagrodami, klikamy "CLICK TO SPIN".
02.jpg

Na koniec oczywiście zostaniemy poinformowani o tym co udało nam się wylosować.
03.jpg
 

sansziii
 
frenetycznie: Kropki dodają znacznej powagi wpisom,a nie przepadam za  dodawaniem emotek na tej stronie,ponieważ nie wyglądają dobrze.
 

lovehorses
 
✔ αℓi sє נєstєм ✔: Co tam u was ??

Do mnie przyszedł kuuzyn i teraz gra na moim fonie w POU :3

A ja sb tak pisze i publikuje zestawy z LOVEITA

Lubie to co robie :3

Piszcie komenty . please .... :D
 

lovehorses
 
✔ αℓi sє נєstєм ✔: No hejka chyba szykuje sie jakieś spacerek .. :DD

Aha i dzięki bardzo za komenty pod poprzednim postem

Thank you very much ! <3 ;)


images (10).jpg
 

pinio
 
Dominik Panek: Emotikony mają 30 lat - Wiadomości - polskieradio.pl rdir.pl/1p3k1l #emotikony
 

emoty
 
Nie od dziś wiemy, iż mowa niewerbalna ma dużo większą moc oddziaływania aniżeli werbalna. W obecnych czasach idziemy jednak o krok dalej. Teraz coraz częściej posługujemy się mediami  aby usprawnić komunikację, która niekiedy nie jest możliwa twarzą w twarz.  

Wyrażanie emocji za pomocą odpowiednich symboli, to teraz standard. Praktycznie zawsze, gdy wysyłamy sms-a albo rozmawiamy ze sobą korzystając z komunikatorów internetowych, dodajemy uśmieszki, smutne buźki lub pocałunki. Takie znaki to emoty – wejdź na (www.emotikony.com/gry-do-sciagniecia-na-telefon) gry do ściągnięcia na telefon. Dzięki nim mamy możliwość zgadnąć w jakim nasz rozmówca jest nastroju. Jest to duże uproszczenie, ponieważ jeden znak potrafi przekazać emocje bez niepotrzebnego ich opisywania.  

Słowo emotikon, składa się z dwóch członów: emotion i icon.   Jak zatem sama nazwa wskazuje owe znaki graficzne mają na celu oddanie naszych emocji. Pomysł użycia znaków przestankowych, jako czegoś, co ma wyrazić nasze samopoczucie oraz uczucia do drugiej osoby, zrodził się w już 1881 roku, a pierwszy emotikon został użyty w 1981 roku. Podstawowe znaki graficzne mocno się rozwinęły dlatego dziś mamy całe mnóstwo emotikonów, które wyrażają przeróżne stany oraz emocje takie, jak, uśmiech, płacz, znudzenie, senność, radość, itd. Dodatkowo nie są to już tylko połączone ze sobą znaki przestankowe, lecz także animacje, które się ruszają, np. skaczą albo biją brawo. Powstają już również znaki które wydają dźwięki. Wprowadzenie do użytku takich symboli ma na celu uproszczenie naszego życia. Bowiem zamiast pisać komuś, jak bardzo się go kocha albo za nim tęskni, wystarczy przesłać dobrze dobrany do kontekstu emotikon.
 

pingback
 
Zrobiłem małe narzędzie pomocne przy wprowadzaniu własnych emotikon do blogu.
Adres: 'pingback.pl/2011/11/15/wlasne-emotikony/'
 

csslab
 
Metoda na zastosowanie własnych obrazków emotikon sprowadza się do napisania w miarę prostej reguły CSS. Selektor do niej tworzy się korzystając z informacji zawartych w tym wpisie: 'csslab.pinger.pl/(…)zabawy-z-emotikonami-ustalanie-…' oraz z poniższej tabelki.
emoty.png

Pozostaje określenie deklaracji naszej reguły. Sposób na podmianę obrazków sprowadza się do ukrycia buźki oryginalnej i osadzenia nowej emotikony w tle.
Na początku zmniejszamy oryginalny obrazek do zera za pomocą: 'width: 0' i 'height: 0'. Następnie musimy się dowiedzieć, jakie są rozmiary naszego nowego obrazka. Dane te posłużą nam do ustalenia wartości 'padding'. Ogólny zapis deklaracji wygląda tak: 'padding: 0 <szerokość>px <wysokość>px 0'. Jeśli nowy plik ma np. wymiary 25 pikseli na 20 pikseli, to tworzymy taką deklarację 'padding: 0 25px 20px 0'. Kolejna rzecz to umieszczenie samego obrazka w tle pisząc (bez spacji w adresie) np: 'background-image: url(http://www.pic4ever. com/images/Bananezorro.gif)'. W przykładzie skorzystałem z obrazka umieszczonego na stronie  'www.pic4ever.com', lecz to od was zależy, skąd będą pochodzić wasze mordki. Pamiętajcie tylko, że adres obrazka musi być absolutny, czyli 'http://' na początku. Ogólna składnia to: 'background-image: url( <adres absolutny> )'. To mogłoby w zasadzie wystarczyć, pod warunkiem, że wartości 'paddind' będą dokładnie takie same jak wymiary nowej buźki. Jeżeli jednak wartości 'padding' będą większe od wymiarów obrazka, zauważymy, że nasza mordka się powtarza. Unikniemy tego stosując kolejny zapis 'background-repeat: no-repeat' oraz 'background-position: center bottom'. Jeżeli wartości 'padding' będą z kolei mniejsze od obrazka, nasza buźka będzie 'ucięta'.
Oto przykład w całości:

img[alt="; )"] {
width: 0;
height: 0;
padding: 0 33px 35px 0;
background-image: url(http://www.pic4ever. com/images/Bananezorro.gif);
background-repeat: no-repeat;
background-position: center bottom
}

Uwaga! Zastosować bez dwóch spacji: jednej w selektorze i drugiej w adresie obrazka.

Od czasu wprowadzenia powyższego kodu CSS do ustawień bloga emotikona, która normalnie jest reprezentowana przez obrazek o nazwie 'wink.gif', będzie wyświetlana jako tańczący banan. Należy jednak wspomnieć, że wpisy umieszczone na stronie głównej 'pinger.pl', czytane na tej stronie m.in. przez osobę niezalogowaną, będą zawierały emotikony w formie oryginalnej.

Pod spodem znajdziecie adres wpisu z zastosowaną techniką, która opisałem powyżej. Wykorzystywane są tam obrazki ze strony 'www.pic4ever.com' oraz obrazki załączone do tamtego wpisu.

blog110801.pinger.pl/(…)wlasne-emotikony-na-blogu…
Pokaż wszystkie (1) ›
 

blog110801
 
Znudziły Ci się standardowe buźki? :( Jest na to sposób! :) Wystarczy trochę pokombinować... ;)
...i jest impreza! >:D :d :D
Czy to już koniec wpisu?! >:|
Acha, kod CSS blogu znajdziesz pod tym adresem.
'i.pinger.pl/(…)blog110801-css…' :)
Banany są z 'www.pic4ever.com/'.
Pod tym adresem opisałem technikę jaką tutaj zastosowałem: 'csslab.pinger.pl/(…)zabawy-z-emotikonami-wlasne-obr…'.
A na dole załączniki z obrazkami pozostałych mordek.
 

csslab
 
Selektory dla poszczególnych emotikon są tworzone w podobny sposób, jak to opisałem we wpisie pod tym adresem: 'csslab.pinger.pl/(…)zabawy-z-emotikonami-ustalanie-…', gdzie określany jest jeden selektor działający na wszystkie buźki. Różnica jednak polega na tym, że w tym przypadku w naszych selektorach wykorzystamy składnię 'x=y' zamiast 'x^=y' oraz atrybut 'alt' zamiast 'src', który również jest zawarty w znaczniku 'img' obrazka buźki. Zatem ogólny wygląd naszych selektorów przedstawia się tak: 'img[alt="<zawartość>"]', gdzie '<zawartość>' to pełna wartość atrybutu 'alt', która jest niczym innym jak tekstową reprezentacją naszej emotikony. Dla przykładu selektor mordki ':)' wygląda tak: 'img[alt=": )"]' (usuńcie spację w ': )'!), a selektor dla '>:o' wygląda tak: 'img[alt=">: o"]' (też bez spacji w środku!). Ze względu na to, że wspomniany wcześniej znacznik 'img' posiada również atrybut 'title' o wartości identycznej jak 'alt', nasz selektor można zapisać jako 'img[title=": )"]'.
Oto wszystkie emotikony, jakie można stosować na blogu:

:/  :(  :)  :*  :<  :0  :o  >:D  :d  :|  :x  ;)  ;(  :p  :s  >:d  :D  >:o  :]  :[  :P  >:|

Najedź wskaźnikiem myszy na emotikonę, aby ukazała się jej tekstowa reprezentacja.
A teraz przykład reguły CSS, której zadaniem jest powiększenie obrazka emotikony dającej całusa ':*':

img[alt=": *"]{
   width:24px
}

Jeśli ktoś chce, aby obrazek zmieniał się dopiero po najechaniu na niego wskaźnikiem myszy, musi dodać na koniec selektora pseudo-klasę ':hover', np. 'img[alt=": ("]:hover {width:24px}'.

Uwaga! Powyższe przykłady działają po usunięciu spacji z wnętrza selektora.
 

csslab
 
Wpis ten przeznaczony jest dla osób, które znudzone są standardowym wyglądem emotikon na blogu i chcą go zmienić przy pomocy CSS.
Na początku musimy poznać 'buźki' od strony technicznej. Emotikony to obrazki w formacie gif o wielkości 19 na 19 pikseli osadzane na stronie za pomocą znacznika 'img' posiadającego trzy atrybuty: 'src', który zawiera absolutny adres obrazka; 'alt', który określa alternatywny tekst przedstawiany w przypadku, kiedy obrazek nie może być wyświetlony; końcowy o nazwie 'title' zawierający w tym przypadku ten sam tekst co 'alt', a wyświetlany jest w postaci etykiety, gdy przytrzymamy kursor myszy nad obrazkiem.
Tak np. wygląda fragment kodu HTML dla emotikony ':)': '<img src="http://e.pinger .pl/smile.gif" alt=": )" title=": )" />'.
'Buźki' mogą występować w trzech miejscach na stronie bloga: we wpisach, w komentarzach oraz pod spodem pola edycji nowego wpisu.
Pierwszą rzeczą, którą będzie należało zrobić przy pisaniu kodu CSS, to powiedzieć przeglądarce, o które elementy nam chodzi, czyli musimy określić selektor dla naszej reguły.
Załóżmy, że chcemy wskazać wszystkie obrazki z buźkami, niezależnie od tego, gdzie się znajdują i jakie przedstawiają emocje. Informacje przedstawione na początku powinny nam w tym pomóc.
Jak wspomniałem wcześniej, nasze elementy to znaczniki 'img', a więc nasz selektor zaczynamy od wpisania 'img'. Niestety taki selektor oznaczałby, że interesują nas wszystkie obrazki na stronie, a nie o to nam przecież chodzi. Musimy więc go uściślić. Z tego co zdołałem się zorientować, tylko obrazki z emotikonami ładują się ze źródła 'e.pinger.pl'. Wykorzystajmy więc tą właściwość i uzupełnijmy nasz selektor do takiej postaci: 'img[src^="http://e.pinger .pl/"]'. Ten zapis oznacza, że chodzi nam o wszystkie znaczniki 'img', które posiadają atrybut 'src' o treści zaczynającej się od 'http://e.pinger .pl/'. Na marginesie wspomnę tylko, że nie zrozumie tego zapisu przeglądarka Internet Explorer 6, ale tym bym się nie przejmował. Mając już ustalony selektor jesteśmy w stanie stworzyć regułę, którą będziemy wypełniać deklaracjami CSS. Dla przykładu reguła z deklaracją ustalającą szerokość obrazka buźki na 30 pikseli (wysokość obrazka też się zmieni) wygląda tak:

img[src^="http://e.pinger .pl/"]{
   width: 30px;
}

Uwaga: Usunąć spację między 'e.pinger' a '.pl'.

Od chwili wprowadzenia tego kodu do ustawień naszego bloga wszystkie emotikony na stronie powinny być większe od buziek oryginalnych.
 

facebook
 
Jak w banalny sposób wprowadzić w zaciekawienie znajomych używając tylko chatu na facebooku? Pokazuję bardzo proste kombinacje znaków (które na facebooku zmieniają się w emotikony) aby móc szerzej wyrażać swoje emocje i uczucia.
8e0395a182a43ddb6dda7451b2f3d998.jpg.png

Krok 1

Każdy zna proste emotikony jak uśmiech :) i smutna buźka :(
Nie wiele osób potrafi jednak zrobić bardziej skomplikowane buźki, takie jak np robot, pingwin czy rekin.
Facebook.com umożliwia użytkownikom w miare szeroki dostęp do emotikon.

Krok 2

ZADOWOLENIE
:)
:P
:D
;)
^_^
krok 3

SMUTEK

:(
:\
:'(
krok 4

ZDZIWIENIE / BULWERS

:O
>:(
-_-
O.o
>:o
:v

MIŁOŚĆ

:*
krok 6

INNE

8)
8|
3:)
(^^^)
  • awatar Goofy♥: Mam pytanie jak sie robi np. jakaś strona ma @[798475] i jak sie to wklei to wyświetla się jego nazwa (danej strony) chciałabym zrobić to na swojej stronie ale nie wiem jak. ;D Pomożecie ?
Pokaż wszystkie (1) ›
 

banzajpl
 
Emotikony - gdzie ich nie ma? W zasadzie każdy komunikator, każde forum, każda księga gości umożliwia ich wstawienie. Nawet gdy piszemy do kogoś kartkę pocztową - bezwiednie - wstawiamy...
www.banzaj.pl/Emotikony-na-kazdy-dzien-roku-2091…
 

jamniczek-pl
 
(Jeśli to nie jest fretka to nie bijta!)
fretka.jpg
Pokaż wszystkie (8) ›
 

kciuk-pl
 
Niektórzy ludzie dostają >:o na widok emotikonek. Inni sądzą, że są B-). Dla tych pierwszych powstał =0 program zamieniający prawdziwy uśmiech z kamerki internetowej w :).

Link: www.kciuk.pl/Auto-Smiley-zamieni-usmiech-w-a8747
 

 

Kategorie blogów