NotesWhat is notes.io?

Notes brand slogan

Notes - notes.io

Popular notes
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>








<script src='http://static.tumblr.com/uiqhh9x/1bDm26c5c/rainbow.js' type='text/javascript'></script>










<script type="text/javascript">
// <![CDATA[
var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
var sparkles=50;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();

window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
rats.style.zIndex="999";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
rats.style.zIndex="999";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}

function sparkle() {
var c;
if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y+1)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}

function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
starx[i]+=(i%5-2)/5;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}

function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
tinyx[i]+=(i%5-2)/5;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}

document.onmousemove=mouse;
function mouse(e) {
if (e) {
y=e.pageY;
x=e.pageX;
}
else {
set_scroll();
y=event.y+sdown;
x=event.x+sleft;
}
}

window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=='number') {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}

window.onresize=set_width;
function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)=='number' && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min;
shigh=sh_min;
}

function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
return (div);
}

function newColour() {
var c=new Array();
c[0]=255;
c[1]=Math.floor(Math.random()*256);
c[2]=Math.floor(Math.random()*(256-c[1]/2));
c.sort(function(){return (0.5 - Math.random());});
return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
}
// ]]>
</script>






<script type="text/javascript">
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new tb8_makeArray(3);
tb8_messages[0] = "♥have you ever";
tb8_messages[1] = "really danced";
tb8_messages[2] = "on the edge?";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 150;
tb8_delay = 500;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>



<meta name="image:topbarpicture" content="1"/>
<meta name="if:show topbarpicture" content="1">
<meta name="if:show customize cursor" content="1"/>
<script type="text/javascript" src="http://static.tumblr.com/wgdkvue/rM1m5z3ur/jquery-v1.7.1.js"></script>
<title>{title}</title>
<link rel=�shortcut icon� href=�{Favicon}�/>
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}



<style type="text/css">
body{
background-image:url(http://www.wallcg.com/images/2012/12/background-winter-cloud-newest-andreasz-showing.jpg);
color:#000000;
font-family:verdana;
font-size: 10px;
background-color: #ffffff;
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
text-align:justify;
{block:ifshowcustomizecursor}
cursor: url(http://static.tumblr.com/f3gdoib/H37m3ntx5/cursor.png), auto;
{/block:ifshowcustomizecursor}
}
a:link, a:active, a:visited{
color: #000000;
text-decoration:none;
}
a:hover{
color:{color:hover};
{block:ifshowcustomizecursor}
cursor: url(http://static.tumblr.com/f3gdoib/H37m3ntx5/cursor.png), auto;
{/block:ifshowcustomizecursor}
}
#page{
font-family:verdana;
font-size: 10px;
width:800px;
height:400px;
margin-top:30px;
background-color: #ffffff;
border: solid 1px #E1DFDF;
position:relative;
padding-left:3px;
padding-right:1px;
padding-top:150px;
padding-bottom:3px;
overflow:scroll;
overflow-x:hidden;
}
#entrybox {
font-family:verdana;
font-size: 10px;
background: #ffffff;
border: 1px solid #E1DFDF;
margin:2px;
overflow-x: hidden;
float:left;
width:250px;
height:166px;
padding:2px;
{block:IndexPage}
{/block:IndexPage}
{block:permalinkpage}
border: 0px solid #000000;
margin-left:140px;
width:500px;
height:100%;
margin-bottom:10px;
{/block:permalinkpage}
overflow:hidden;}

#entrybox .perma a
{color:#ffffff;}
#entrybox .perma
{width: 250px;
position: absolute;
margin-top:151px;
font-family: verdana;
font-size: 10px;
line-height: 15px;
color: #ffffff;
text-align: center;
overflow:hidden;
opacity: 0.0;
background-color:#000000;
-moz-border-radius:0px;
-webkit-border-radius:0px;}

#entrybox:hover .perma
{opacity:1;overflow:visible;
-webkit-transition-duration: 0.4s;
-moz-border-radius:0px;
-webkit-border-radius:0px;
z-index: 2;}


div.navigate a{
background: transparent;
text-transform: uppercase;
color: #000000;
display:block;
width: 124px;
height: 10px;
text-align: center;
margin-top:1px;
padding-top:2px;
padding-bottom:2px;
position:relative;
text-align: center;
z-index:1;
display: inline-block;
border: 1px solid #E1DFDF;
-webkit-transition: opacity 0.7s linear;
opacity: 1;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
div.navigate a:hover{
font-weight: bold;
-webkit-transition: opacity 0.7s linear;
opacity: 0.6;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
#topbar{
background-color:#ffffff;
width:775px;
height:140px;
margin-top:-150px;
margin-left:0px;
position:fixed;
padding:3px;
}
#sidebar{
background-color: #ffffff;
border:1px solid #E1DFDF;
width:450px;
height:112px;
margin-top:0px;
margin-left:0px;
position:fixed;
padding:3px;
}
#sidebar2{
background-color: #ffffff;
border:1px solid #E1DFDF;
width:305px;
height:112px;
margin-top:0px;
margin-left:462px;
position:fixed;
padding:3px;
}
#title{
color: #000000;
font-family: georgia;
font-size: 20px;
text-align:center;
letter-spacing: -2px;
font-style: italic;
}

#title2{
color: #000000;
font-family: verdana;
font-size: 10px;
text-align: justify;
letter-spacing: 0px;
}

#navbar{
background-color: transparent;
width:800px;
margin-top:125px;
margin-left:-13px;
position:fixed;
padding:0px;}

::-webkit-scrollbar {
width: 10px;
background: #ffffff;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 1px rgba(192,192,192,0.7);
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
border: 1px solid rgba(192,192,192,0.5);
border-radius: 10px;
-webkit-box-shadow: inset 0 0 1px rgba(192,192,192,0.7);
}

.footer {
margin-top:5px;
color: rgba(0,0,0,0.2);
background-color: rgba(235,235,235,0);
font-family: verdana;
font-size: 10px;
line-height: 16px;
margin-bottom:2px;
text-align:center;
text-transform: uppercase;
}

.footer a{
margin-top:5px;
color: rgba(0,0,0,0.2);
background-color: rgba(235,235,235,0);
font-family: verdana;
font-size: 10px;
line-height: 16px;
margin-bottom:2px;
text-align:center;
text-transform: uppercase;
}

.footer a:hover{
margin-top:5px;
color: rgba(0,0,0,0.25);
background-color: rgba(235,235,235,0);
font-family: verdana;
font-size: 10px;
line-height: 16px;
margin-bottom:2px;
text-align:center;
text-transform: uppercase;
}

{CustomCSS]
</style>
<style type="text/css">
#button {
width:96px;
height:20px;
position: absolute;
right: 3px;
top: 26px;
color: #ffffff;}
</style>

<div id="DoNotEditImportant">
<div id="button">
<a href="http://www.dolliecrave.com/floral-tumblr-themes.php" target="_blank" title="Floral Tumblr Themes"><img src="http://static.tumblr.com/wgdkvue/mmam6fcwv/install.png" border=0 alt="Floral Tumblr Themes"></a></div></div>
</head>
<body>
<center>
<table><tr><td>
<div id="page">
<div id="topbar">
<div id="sidebar">
<div style="overflow:auto; padding-left:0px; width: 445px; height: 112px; background-color: #ffffff;
font-family:verdana; font-size: 10px;">
{block:ifshowtopbarpicture}<img src="http://static.tumblr.com/c91ad911e05f7445614c0bbf8ddca0e3/hcxxihk/3MKms06v9/tumblr_static_tumblr_ltor9zdit41qml9lxo1_500.jpg" align="left" style="width: auto; height: 105px;">{/block:ifshowtopbarpicture}<table><tr><td align=justify><font size=1>Hold my heart it's beating for you anyway♥</font>
</tr></td></table>
</div>
</div>

<div id="sidebar2">
<table><tr><td align=justify>
</div>
<div style="overflow:auto; padding:0px; width: 295px; height: 112px; background-color: #ffffff;font-family:verdana;font-size: 10px;">✿welcome. i blog about ands and other stuff I come across.. just because i can.. i love bands like paramore, my chemical romance, muse, pierce the veil, bring me the horizon, of mice & men, tonight alive, all time low, and more. if you have any suggestions of good bands tell me. follow me - i follow back c;
</tr></td></table>
</div>

<div id="navbar"><center><div class="navigate">
<a href="/">♥Home</a>
<a href="/ask">♥Ask</a>
<a href="/archive">♥Archive</a>
<a href="/submitlink">♥Submit</a>
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" title="newer posts">♥Previous</a> {/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" title="older posts">♥Next</a>{/block:NextPage}
{/block:Pagination}

</div></center></div>
</div>
<div class="autopagerize_page_element">
{block:Posts}
<div id="entrybox">
{block:IndexPage}
<div class="perma">
<a href="{Permalink}">{NoteCountWithLabel} </a></span> - <a href="{ReblogURL}" target="_blank" class="details">Reblog</a></span></div>
{/block:IndexPage}
<div id="title">{block:Title}{Title}{/block:Title}</div>
{block:Text}{Body}{/block:Text}
{block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}

</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
{block:Photo}{block:IndexPage}<center>
<a href="{ReblogURL}" target="_blank"><img src="{PhotoURL-500}" style="width:250px; height:auto; overflow: hidden;"></a>{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500/>
{LinkCloseTag}
{/block:PermalinkPage}
{/block:Photo}
{block:Quote}
<div id="title2">"{Quote}"</div>
<div align="right">
{block:Source}<center>-{Source}</center>{/block:Source}
</div>
{/block:Quote}
{block:Video}
{Video-500}<br>
{PlayCountWithLabel}
{/block:Video}
{block:Link}
<div id="title"><a href="{URL}" class="link" {Target}>{Name}</a></div>
{block:Description}{Description}{/block:Description}
{/block:Link}
{block:Chat}
{block:Lines}
{block:Label}
<br>{Label}
{/block:Label}
&nbsp;{Line}
{/block:Lines}
{/block:Chat}
{block:Audio}
{AudioPlayerWhite}
<br><div align="right">{block:Artist}
Artist: {Artist}</div>
{/block:Artist}<br>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}
{block:Answer}
<img src="{AskerPortraitURL-16}"/> {Asker}: <b>{Question}</b><Br>
{Answer}
{/block:Answer}
{block:PostNotes}
<center>
{Caption}<br>
{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
{block:HasTags}
tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
{block:RebloggedFrom}
reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}<br>
posted on {Month} {DayofMonth}, {Year}
</center></span>
<BR>
<div id="postnotes">{PostNotes}</div><br>
<center>{block:ContentSource}
<br><a href="{SourceURL}">
{lang:Source}:
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}"
height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceLink}
{/block:NoSourceLogo}
</a>
{/block:ContentSource}</center>
{/block:PostNotes}
</div>
{/block:Posts}
</div>
{block:ifshowarrows}
<center>
{block:Pagination}
<div id="title">{block:PreviousPage}<a href="{PreviousPage}" title="newer posts">previous</a> {/block:PreviousPage}

{block:NextPage}<a href="{NextPage}" title="older posts">next</a>{/block:NextPage}</div>
{/block:Pagination}
</center>
{/block:ifshowarrows}
</div>


<div align="center">
<div class="footer"> Powered By: <a href="http://www.dolliecrave.com" target=_blank title="Tumblr Themes"><b>Tumblr Themes</b></a> | <a href="http://www.get-covers.com" target=_blank title="Facebook Covers"><b>Facebook Covers</b></a>
</div>
</div>
</div>

</tr></td></table></center>
</body>
</html>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/" target="_blank" title="Small Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

<object type="application/x-shockwave-flash" width="225" height="25" data="https://www.youtube.com/p/4rSgvr-8gSdxTANqFscYujssPc3Aupki?version=2&autoplay=1&hd=1&theme=light"><param name="movie" value="https://www.youtube.com/p/4rSgvr-8gSdxTANqFscYujssPc3Aupki?version=2&autoplay=1&hd=1&theme=light" /><param name="wmode" value="transparent" /></object>
     
 
what is notes.io
  

Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...

With notes.io;

  • * You can take a note from anywhere and any device with internet connection.
  • * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
  • * You can quickly share your contents without website, blog and e-mail.
  • * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
  • * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.

Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.

Easy: Notes.io doesn’t require installation. Just write and share note!

Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )

Free: Notes.io works for 12 years and has been free since the day it was started.


You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;


Email: [email protected]

Twitter: http://twitter.com/notesio

Instagram: http://instagram.com/notes.io

Facebook: http://facebook.com/notesio



Regards;
Notes.io Team

     
 
Shortened Note Link
  
 
Looding Image
 
     
 
Long File
  
 

For written notes was greater than 18KB Unable to shorten.

To be smaller than 18KB, please organize your notes, or sign in.

  
     

Notes

I'm Feeling Lucky

repost for Instagram

Paste Keyboard iOS - Quick Replies

v 2.7.3

We'd love to hear from you. Please email us at [email protected]

Copyright 2022 Metromedya

ios uygulama geliştirme