Styled calendar

Developer

Size

7,526 Kb

Views

28,336

Styled calendar Previews
Styled calendar HTML Codes
Styled calendar CSS Codes
Styled calendar JS Codes

How do I make an styled calendar?

What is a styled calendar? How do you make a styled calendar? This script and codes were developed by Jaflo on 12 September 2022, Monday.

Styled calendar Previews

Styled calendar - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Styled calendar</title> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ html, body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size: 16px; margin: 0; padding: 10px;
}
/*! * FullCalendar v1.6.4 Stylesheet * Docs & License: http://arshaw.com/fullcalendar/ * (c) 2013 Adam Shaw */
.fc {	direction: ltr;	text-align: left; max-width: 480px; margin: auto;	}
.fc table thead {	border: 0;	}
html .fc,
.fc table {	font-size: 1em;	}
.fc td,
.fc th {	padding: 0;	vertical-align: top;	}
/* Header
------------------------------------------------------------------------*/
.fc-header td {	white-space: nowrap;	}
.fc-header-left {	width: 25%;	text-align: left;	}
.fc-header-center {	text-align: center;	}
.fc-header-right {	width: 25%;	text-align: right;	}
.fc-header-title {	display: inline-block;	vertical-align: top;	}
.fc-header-title h2 {	margin-top: 0;	white-space: nowrap; font-weight: 300;	}
.fc .fc-header-space {	padding-left: 10px;	}
.fc-header .fc-button {	margin-bottom: 1em;	vertical-align: top;	}
/* buttons edges butting together */
.fc-header .fc-button {	margin-right: -1px;	}
.fc-header .fc-corner-right, /* non-theme */
.fc-header .ui-corner-right { /* theme */	margin-right: 0; /* back to normal */	}
/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {	z-index: 2;	}
.fc-header .fc-state-down {	z-index: 3;	}
.fc-header .fc-state-active,
.fc-header .ui-state-active {	z-index: 4;	}
/* Content
------------------------------------------------------------------------*/
.fc-content {	clear: both;	zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */	}
.fc-view {	width: 100%;	overflow: hidden;	}
/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header {	border-width: 0 0 1px 0 !important; padding-bottom: 10px !important;	}
.fc-widget-header, /* <th>, usually */
.fc-widget-content { /* <td>, usually */	border: 1px solid #ddd;	}
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */	background: #fcf8e3;	}
.fc-cell-overlay { /* semi-transparent rectangle while dragging */	background: #bce8f1;	opacity: .3;	filter: alpha(opacity=30); /* for IE */	}
/* Buttons
------------------------------------------------------------------------*/
.fc-button {	position: relative;	display: inline-block; padding: 0 5px;	overflow: hidden;	height: 1.9em;	line-height: 1.9em;	white-space: nowrap;	cursor: pointer;	}
.fc-state-default { /* non-theme */	border: 1px solid;	}
.fc-state-default.fc-corner-left { /* non-theme */	border-top-left-radius: 4px;	border-bottom-left-radius: 4px;	}
.fc-state-default.fc-corner-right { /* non-theme */	border-top-right-radius: 4px;	border-bottom-right-radius: 4px;	}
/*	Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;	and we'll try to make them look good cross-browser.
*/
.fc-text-arrow {	margin: 0 .1em;	font-size: 2em;	font-family: "Courier New", Courier, monospace;	vertical-align: baseline; /* for IE7 */	}
.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow { /* for &lsaquo; &rsaquo; */	font-weight: bold;	}
/* icon (for jquery ui) */
.fc-button .fc-icon-wrap {	position: relative;	float: left;	top: 50%;	}
.fc-button .ui-icon {	position: relative;	float: left;	margin-top: -50%;	*margin-top: 0;	*top: -50%;	}
/* button states borrowed from twitter bootstrap (https://twitter.github.com/bootstrap/)
*/
.fc-state-default {	background-color: #f5f5f5;	border-color: #bfbfbf;	border-color: rgba(0, 0, 0, 0.2);	color: #333;	}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {	color: #333333;	background-color: #e6e6e6;	}
.fc-state-hover {	color: #333333;	text-decoration: none;	}
.fc-state-down,
.fc-state-active {	background-color: #cccccc;	background-image: none;	outline: 0;	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);	}
.fc-state-disabled {	cursor: default;	background-image: none;	opacity: 0.65;	filter: alpha(opacity=65);	box-shadow: none;	}
/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-container > * {	z-index: 8;	}
.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {	z-index: 9;	}
.fc-event {	border: 1px solid #3a87ad; /* default BORDER color */	background-color: #3a87ad; /* default BACKGROUND color */	color: #fff; /* default TEXT color */	font-size: .85em;	cursor: default;	}
a.fc-event {	text-decoration: none;	}
a.fc-event,
.fc-event-draggable {	cursor: pointer;	}
.fc-rtl .fc-event {	text-align: right;	}
.fc-event-inner {	width: 100%;	height: 100%;	overflow: hidden;	}
.fc-event-time,
.fc-event-title {	padding: 0 1px;	}
.fc .ui-resizable-handle {	display: block;	position: absolute;	z-index: 99999;	overflow: hidden; /* hacky spaces (IE6/7) */	font-size: 300%; /* */	line-height: 50%; /* */	}
/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {	border-width: 1px 0;	margin-bottom: 1px;	}
.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {	border-left-width: 1px;	border-top-left-radius: 3px;	border-bottom-left-radius: 3px;	}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {	border-right-width: 1px;	border-top-right-radius: 3px;	border-bottom-right-radius: 3px;	}
/* resizable */
.fc-event-hori .ui-resizable-e {	top: 0 !important; /* importants override pre jquery ui 1.7 styles */	right: -3px !important;	width: 7px !important;	height: 100% !important;	cursor: e-resize;	}
.fc-event-hori .ui-resizable-w {	top: 0 !important;	left: -3px !important;	width: 7px !important;	height: 100% !important;	cursor: w-resize;	}
.fc-event-hori .ui-resizable-handle {	_padding-bottom: 14px; /* IE6 had 0 height */	}
/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {	border-collapse: separate;	}
.fc-border-separate th,
.fc-border-separate td {	border-width: 1px 0 0 1px;	}
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {	border-right-width: 1px;	}
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {	border-bottom-width: 1px;	}
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {	border-top-width: 0;	}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {	text-align: center;	}
.fc .fc-week-number {	max-width: 22px;	text-align: center;	}
.fc .fc-week-number div {	padding: 0 2px;	}
.fc-grid .fc-day-number { text-align: center; line-height: 55px;	}
.fc-grid .fc-other-month .fc-day-number {	opacity: 0.3;	filter: alpha(opacity=30); /* for IE */	/* opacity with small font can sometimes look too faded might want to set the 'color' property instead making day-numbers bold also fixes the problem */	}
.fc-grid .fc-day-content {	clear: both;	padding: 2px 2px 1px; /* distance between events and day edges */	}
/* event styles */
.fc-grid .fc-event-time {	font-weight: bold;	}
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {	float: left;	}
.fc-rtl .fc-grid .fc-event-time {	float: right;	}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {	border-collapse: separate;	}
.fc-agenda-days th {	text-align: center;	}
.fc-agenda .fc-agenda-axis {	width: 50px;	padding: 0 4px;	vertical-align: middle;	text-align: right;	white-space: nowrap;	font-weight: normal;	}
.fc-agenda .fc-week-number {	font-weight: bold;	}
.fc-agenda .fc-day-content {	padding: 2px 2px 1px;	}
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {	border-right-width: 1px;	}
.fc-agenda-days .fc-col0 {	border-left-width: 0;	}
/* all-day area */
.fc-agenda-allday th {	border-width: 0 1px;	}
.fc-agenda-allday .fc-day-content {	min-height: 34px; /* TODO: doesnt work well in quirksmode */	_height: 34px;	}
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {	height: 2px;	overflow: hidden;	}
.fc-widget-header .fc-agenda-divider-inner {	background: #eee;	}
/* slot rows */
.fc-agenda-slots th {	border-width: 1px 1px 0;	}
.fc-agenda-slots td {	border-width: 1px 0 0;	background: none;	}
.fc-agenda-slots td div {	height: 20px;	}
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {	border-top-width: 0;	}
.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {	border-top-style: dotted;	}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {	*border-top-style: solid; /* doesn't work with background in IE6/7 */	}
/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {	border-width: 0 1px;	}
.fc-event-vert.fc-event-start {	border-top-width: 1px;	border-top-left-radius: 3px;	border-top-right-radius: 3px;	}
.fc-event-vert.fc-event-end {	border-bottom-width: 1px;	border-bottom-left-radius: 3px;	border-bottom-right-radius: 3px;	}
.fc-event-vert .fc-event-time {	white-space: nowrap;	font-size: 10px;	}
.fc-event-vert .fc-event-inner {	position: relative;	z-index: 2;	}
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */	position: absolute;	z-index: 1;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: #fff;	opacity: .25;	filter: alpha(opacity=25);	}
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {	display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */	}
/* resizable */
.fc-event-vert .ui-resizable-s {	bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */	width: 100% !important;	height: 8px !important;	overflow: hidden !important;	line-height: 8px !important;	font-size: 11px !important;	font-family: monospace;	text-align: center;	cursor: s-resize;	}
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */	_overflow: hidden;	} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div id="calendar"></div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.4/fullcalendar.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Styled calendar - Script Codes CSS Codes

html, body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size: 16px; margin: 0; padding: 10px;
}
/*! * FullCalendar v1.6.4 Stylesheet * Docs & License: http://arshaw.com/fullcalendar/ * (c) 2013 Adam Shaw */
.fc {	direction: ltr;	text-align: left; max-width: 480px; margin: auto;	}
.fc table thead {	border: 0;	}
html .fc,
.fc table {	font-size: 1em;	}
.fc td,
.fc th {	padding: 0;	vertical-align: top;	}
/* Header
------------------------------------------------------------------------*/
.fc-header td {	white-space: nowrap;	}
.fc-header-left {	width: 25%;	text-align: left;	}
.fc-header-center {	text-align: center;	}
.fc-header-right {	width: 25%;	text-align: right;	}
.fc-header-title {	display: inline-block;	vertical-align: top;	}
.fc-header-title h2 {	margin-top: 0;	white-space: nowrap; font-weight: 300;	}
.fc .fc-header-space {	padding-left: 10px;	}
.fc-header .fc-button {	margin-bottom: 1em;	vertical-align: top;	}
/* buttons edges butting together */
.fc-header .fc-button {	margin-right: -1px;	}
.fc-header .fc-corner-right, /* non-theme */
.fc-header .ui-corner-right { /* theme */	margin-right: 0; /* back to normal */	}
/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {	z-index: 2;	}
.fc-header .fc-state-down {	z-index: 3;	}
.fc-header .fc-state-active,
.fc-header .ui-state-active {	z-index: 4;	}
/* Content
------------------------------------------------------------------------*/
.fc-content {	clear: both;	zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */	}
.fc-view {	width: 100%;	overflow: hidden;	}
/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header {	border-width: 0 0 1px 0 !important; padding-bottom: 10px !important;	}
.fc-widget-header, /* , usually */
.fc-widget-content { /* , usually */	border: 1px solid #ddd;	}
.fc-state-highlight { /*  today cell */ /* TODO: add .fc-today to  */	background: #fcf8e3;	}
.fc-cell-overlay { /* semi-transparent rectangle while dragging */	background: #bce8f1;	opacity: .3;	filter: alpha(opacity=30); /* for IE */	}
/* Buttons
------------------------------------------------------------------------*/
.fc-button {	position: relative;	display: inline-block; padding: 0 5px;	overflow: hidden;	height: 1.9em;	line-height: 1.9em;	white-space: nowrap;	cursor: pointer;	}
.fc-state-default { /* non-theme */	border: 1px solid;	}
.fc-state-default.fc-corner-left { /* non-theme */	border-top-left-radius: 4px;	border-bottom-left-radius: 4px;	}
.fc-state-default.fc-corner-right { /* non-theme */	border-top-right-radius: 4px;	border-bottom-right-radius: 4px;	}
/*	Our default prev/next buttons use HTML entities like ‹ › « »	and we'll try to make them look good cross-browser.
*/
.fc-text-arrow {	margin: 0 .1em;	font-size: 2em;	font-family: "Courier New", Courier, monospace;	vertical-align: baseline; /* for IE7 */	}
.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow { /* for ‹ › */	font-weight: bold;	}
/* icon (for jquery ui) */
.fc-button .fc-icon-wrap {	position: relative;	float: left;	top: 50%;	}
.fc-button .ui-icon {	position: relative;	float: left;	margin-top: -50%;	*margin-top: 0;	*top: -50%;	}
/* button states borrowed from twitter bootstrap (https://twitter.github.com/bootstrap/)
*/
.fc-state-default {	background-color: #f5f5f5;	border-color: #bfbfbf;	border-color: rgba(0, 0, 0, 0.2);	color: #333;	}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {	color: #333333;	background-color: #e6e6e6;	}
.fc-state-hover {	color: #333333;	text-decoration: none;	}
.fc-state-down,
.fc-state-active {	background-color: #cccccc;	background-image: none;	outline: 0;	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);	}
.fc-state-disabled {	cursor: default;	background-image: none;	opacity: 0.65;	filter: alpha(opacity=65);	box-shadow: none;	}
/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-container > * {	z-index: 8;	}
.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {	z-index: 9;	}
.fc-event {	border: 1px solid #3a87ad; /* default BORDER color */	background-color: #3a87ad; /* default BACKGROUND color */	color: #fff; /* default TEXT color */	font-size: .85em;	cursor: default;	}
a.fc-event {	text-decoration: none;	}
a.fc-event,
.fc-event-draggable {	cursor: pointer;	}
.fc-rtl .fc-event {	text-align: right;	}
.fc-event-inner {	width: 100%;	height: 100%;	overflow: hidden;	}
.fc-event-time,
.fc-event-title {	padding: 0 1px;	}
.fc .ui-resizable-handle {	display: block;	position: absolute;	z-index: 99999;	overflow: hidden; /* hacky spaces (IE6/7) */	font-size: 300%; /* */	line-height: 50%; /* */	}
/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {	border-width: 1px 0;	margin-bottom: 1px;	}
.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {	border-left-width: 1px;	border-top-left-radius: 3px;	border-bottom-left-radius: 3px;	}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {	border-right-width: 1px;	border-top-right-radius: 3px;	border-bottom-right-radius: 3px;	}
/* resizable */
.fc-event-hori .ui-resizable-e {	top: 0 !important; /* importants override pre jquery ui 1.7 styles */	right: -3px !important;	width: 7px !important;	height: 100% !important;	cursor: e-resize;	}
.fc-event-hori .ui-resizable-w {	top: 0 !important;	left: -3px !important;	width: 7px !important;	height: 100% !important;	cursor: w-resize;	}
.fc-event-hori .ui-resizable-handle {	_padding-bottom: 14px; /* IE6 had 0 height */	}
/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {	border-collapse: separate;	}
.fc-border-separate th,
.fc-border-separate td {	border-width: 1px 0 0 1px;	}
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {	border-right-width: 1px;	}
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {	border-bottom-width: 1px;	}
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {	border-top-width: 0;	}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {	text-align: center;	}
.fc .fc-week-number {	max-width: 22px;	text-align: center;	}
.fc .fc-week-number div {	padding: 0 2px;	}
.fc-grid .fc-day-number { text-align: center; line-height: 55px;	}
.fc-grid .fc-other-month .fc-day-number {	opacity: 0.3;	filter: alpha(opacity=30); /* for IE */	/* opacity with small font can sometimes look too faded might want to set the 'color' property instead making day-numbers bold also fixes the problem */	}
.fc-grid .fc-day-content {	clear: both;	padding: 2px 2px 1px; /* distance between events and day edges */	}
/* event styles */
.fc-grid .fc-event-time {	font-weight: bold;	}
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {	float: left;	}
.fc-rtl .fc-grid .fc-event-time {	float: right;	}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {	border-collapse: separate;	}
.fc-agenda-days th {	text-align: center;	}
.fc-agenda .fc-agenda-axis {	width: 50px;	padding: 0 4px;	vertical-align: middle;	text-align: right;	white-space: nowrap;	font-weight: normal;	}
.fc-agenda .fc-week-number {	font-weight: bold;	}
.fc-agenda .fc-day-content {	padding: 2px 2px 1px;	}
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {	border-right-width: 1px;	}
.fc-agenda-days .fc-col0 {	border-left-width: 0;	}
/* all-day area */
.fc-agenda-allday th {	border-width: 0 1px;	}
.fc-agenda-allday .fc-day-content {	min-height: 34px; /* TODO: doesnt work well in quirksmode */	_height: 34px;	}
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {	height: 2px;	overflow: hidden;	}
.fc-widget-header .fc-agenda-divider-inner {	background: #eee;	}
/* slot rows */
.fc-agenda-slots th {	border-width: 1px 1px 0;	}
.fc-agenda-slots td {	border-width: 1px 0 0;	background: none;	}
.fc-agenda-slots td div {	height: 20px;	}
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {	border-top-width: 0;	}
.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {	border-top-style: dotted;	}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {	*border-top-style: solid; /* doesn't work with background in IE6/7 */	}
/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {	border-width: 0 1px;	}
.fc-event-vert.fc-event-start {	border-top-width: 1px;	border-top-left-radius: 3px;	border-top-right-radius: 3px;	}
.fc-event-vert.fc-event-end {	border-bottom-width: 1px;	border-bottom-left-radius: 3px;	border-bottom-right-radius: 3px;	}
.fc-event-vert .fc-event-time {	white-space: nowrap;	font-size: 10px;	}
.fc-event-vert .fc-event-inner {	position: relative;	z-index: 2;	}
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */	position: absolute;	z-index: 1;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: #fff;	opacity: .25;	filter: alpha(opacity=25);	}
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {	display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */	}
/* resizable */
.fc-event-vert .ui-resizable-s {	bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */	width: 100% !important;	height: 8px !important;	overflow: hidden !important;	line-height: 8px !important;	font-size: 11px !important;	font-family: monospace;	text-align: center;	cursor: s-resize;	}
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */	_overflow: hidden;	}

Styled calendar - Script Codes JS Codes

$(document).ready(function() { $("#calendar").fullCalendar();
});

Home Page	Home
Developer	Jaflo
Username	jaflo
Uploaded	September 12, 2022
Rating	4
Size	7,526 Kb
Views	28,336

Do you need developer help for Styled calendar?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Jaflo (jaflo) Script Codes

Name	Size
SimpleGroove bookmarklet	263,204 Kb
A Pen by jaflo	2,066 Kb
Resizable mail icon	2,826 Kb
Moving picture header	2,984 Kb
Little loader	1,979 Kb
Random symbols	2,001 Kb
Dialogue boxes	3,897 Kb
Map animation	4,533 Kb
Icon wiggle animation	2,169 Kb
Scroll bar manipulation	2,344 Kb

Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!

Similar Scripts & Codes

Name	Username	Size
Use the Twitchtv JSON API	Roksanaop	3,561 Kb
Welcome	Nakome	6,076 Kb
Cant get enough icecream in pure css3	Melawire	4,322 Kb
Elon Musk - Tribute Page - FreeCodeCamp	Yunnimun	8,615 Kb
SVG Playground	Roygwells	1,834 Kb
Price	Catcode	2,623 Kb
A Pen by Bryan	Brydave	2,286 Kb
HTM5 picture dropzone	Jaysalvat	2,576 Kb
A simple log in form made with css	Mayurelbhar	2,160 Kb
Responsive scrolling text	Ashdurham	2,259 Kb

Do you want hide your ip address?

Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!