| CARVIEW |
Select Language
HTTP/2 200
date: Sun, 28 Dec 2025 22:28:20 GMT
content-type: text/html; charset=utf-8
vary: X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, X-Requested-With,Accept-Encoding, Accept, X-Requested-With
etag: W/"72853dfd05b6f3df71604f74821f3602"
cache-control: max-age=0, private, must-revalidate
strict-transport-security: max-age=31536000; includeSubdomains; preload
x-frame-options: deny
x-content-type-options: nosniff
x-xss-protection: 0
referrer-policy: no-referrer-when-downgrade
content-security-policy: default-src 'none'; base-uri 'self'; child-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com github.githubassets.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com wss://alive-staging.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com release-assets.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com marketplace-screenshots.githubusercontent.com/ copilotprodattachments.blob.core.windows.net/github-production-copilot-attachments/ github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com github.githubassets.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/
server: github.com
content-encoding: gzip
accept-ranges: bytes
set-cookie: _gh_sess=qA%2F2KZAenOxnC1wknIlbJ4g8xNFR3d8MTNX0aORuIdoCCyyBza%2BViqdp923gcHuFr5aSxLbeBeZJLWT0DHxDzPuSeYE6AzcmkAZ6NvM2ELA2m0eQ9QDohyqBH6QdqU04XRJyixA5vOGc6DBdz2IJ69Mb01Vo%2BfcPgsYjOwWs32lYE614X1u92mkr2Fmp51Xhwa7k3U8mHH58OxRqBKRnFlC6nkfAj9tiiEe2U%2BXYNIcLF9tfrIPi4zB7FCd0zsMnalrTnsWUThUzi8bHWmsp8A%3D%3D--VO9Q0OFcaNkoTtmk--VgMxa%2F4AyMShYxIJ6hk%2Bbg%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.1034839908.1766960900; Path=/; Domain=github.com; Expires=Mon, 28 Dec 2026 22:28:20 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Mon, 28 Dec 2026 22:28:20 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: E9FC:23526A:54F13AD:66D04BB:6951AF04
GitHub - JangoSteve/jQuery-CSSEmoticons: jQuery plugin to style emoticons with pure CSS3 properties (no images)
Skip to content
Navigation Menu
{{ message }}
-
Notifications
You must be signed in to change notification settings - Fork 35
JangoSteve/jQuery-CSSEmoticons
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
jQuery CSSEmoticons plugin 0.2.7 Copyright (c) 2010 Steve Schwartz (JangoSteve) Dual licensed under the MIT and GPL licenses: https://www.opensource.org/licenses/mit-license.php https://www.gnu.org/licenses/gpl.html ------------------------------------------------------------------------------------------- VIEW FULL DOCUMENTATION AND DEMOS AT: https://www.alfajango.com/blog/jquery-css-emoticons-plugin/ DOWNLOAD AND RATE JQUERY CSSEMOTICONS AT: https://plugins.jquery.com/project/cssemoticons FORK AND VIEW SOURCECODE AT: https://github.com/JangoSteve/jQuery-CSSEmoticons ------------------------------------------------------------------------------------------- Welcome to the homepage for the CSS Emoticons jQuery Plugin. If you are unsure what this is or why you would want to use pure CSS3/javascript to display emoticons, please see our introduction: https://www.alfajango.com/blog/the-perfect-application-for-css3-icons-emoticons (The Perfect Application for CSS3 Icons: Emoticons) The CSS Emoticons plugin is a simple jQuery plugin (and stylesheet) that allows you to turn any text emoticons on the page into cute little smiling faces with pure CSS3 styling (no images whatsoever). The result is great-looking emoticons that leave the text exactly as written (so that the text emoticons actually get copied and pasted with the text if you select a block of text from the page). This uses the CSS3 properties, transform, border-radius, box-shadow, gradient, and transition (when supported). So, you have a block of text like this: <div class="comment"> Hi, this is a great plugin! :-) </div> And in the head of your document, you include the files and cssEmoticonize the desired DOM elements: <html> <head> <link href="stylesheets/jquery.cssemoticons.css" media="screen" rel="stylesheet" type="text/css" /> <script src="javascripts/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="javascripts/jquery.cssemoticons.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $('.comment').emoticonize({ //delay: 800, //animate: false //exclude: 'pre, code, .no-emoticons' }); }) </script> </head> <body> ... </body> There are three optional parameters. One called animate (true by default), which animates the emoticons on page-load and when you hover over them to show you the transition from the original text to the stylized emoticon. To see this animation effect, view the demo with Chrome or Safari. The second parameter is delay (500 by default), which allows you to set how long the browser waits (in milliseconds) before styling up the emoticons (which makes the animation stand out more, otherwise it happens too quickly and loses some of its effect). That third parameter is exclude (''pre, code, .no-emoticons' by default), which allows you to exclude elements from being emoticonized using CSS selectors. If for some reason, you’d like to “unemoticonize” any of your elements, well there’s a function for that. $('.comment').unemoticonize(); I’d write more documentation, but really that’s all there is to it. Enjoy! View the Live Demo: https://www.alfajango.com/blog/jquery-css-emoticons-plugin/jquery-css-emoticons-demo/
About
jQuery plugin to style emoticons with pure CSS3 properties (no images)
Resources
Stars
Watchers
Forks
Packages 0
No packages published
You can’t perform that action at this time.