lambang @ pada internet

Kita tentu sudah sangat familiar dengan penggunaan internet, terutama email. Memang, teknologi ini sangat membantu dalam banyak hal. Betapa tidak, dokumen-dokumen penting yang dulu jika dikirimkan dengan cara konvensional bisa memakan waktu berhari-hari, dengan email hanya butuh beberapa menit, bahkan detik!

Teknologi email kini juga tak hanya bisa mengirimkan data berupa dokumen dan foto. Bahkan, file-file berukuran besar berisi hal penting, mulai dari film hingga berbagai catatan penting lain juga bisa dikirim via email. Tak heran, email kini menjadi salah satu teknologi andalan untuk berbagai kepentingan. Tentu, kita juga tak bisa menafikan beberapa hal negatif karena email, seperti spam dan junk mail alias email sampah yang tak kita butuhkan.

Lepas dari semua sensasi dan kemudahan dari penggunaan email, tahukah Anda jika ada satu huruf penentu dalam email yang sangat penting? Yah, pasti Anda mengenal tanda huruf @ atau sering dilafalkan dengan kata “at”. Tanpa menggunakan huruf @, alamat email yang kita tuju bisa jadi tak kan sampai pada sasaran.

Tapi, tahukah Anda jika sang penemu lambang itu, justru tidak membayangkan jika huruf @ itu akan menjadi ikon penting dalam dunia teknologi internet secara keseluruhan. Adalah Ray Tomlison, seorang insinyur pendiam yang menemukan lambang tersebut. Ia bekerja pada sebuah organisasi bernama BBN. Di perusahaan itulah, pada tahun 1972, Ray berhasil menjadi orang pertama yang sukses mengirimkan email pertama antara dua mesin. Tentu, pada masa itu, Ray belum berpikir bahwa email yang diciptakannya akan menjadi salah satu penemuan penting di dunia.

Karena itu, ia pun tak perlu bersusah-susah saat memilih pungtuasi alias tanda yang dibutuhkan sebagai kode untuk pengiriman email tersebut. Maka, Ray mengaku dirinya tak berpikir panjang untuk memilih lambang @ saat itu. “”Karena saya yang pertama [menemukan], jadi saya bisa leluasa memilih pungtuasi yang saya inginkan. Saya memilih lambang @ karena lambang ini, lumayan membantu, sebab mirip huruf a untuk address atau alamat lembaga pemilik e-mail yang dituju,” sebut Ray dalam sebuah catatan yang ditulis Katie Hafner dan Matthew Lyon dalam bukunya: Where Wizards Stay Up Late: The Origins of the Internet.

Apapun alasan yang disebut Ray, yang jelas, lambang @ saat ini telah menjadi lambang yang sangat penting dalam dunia internet. Dan, lebih jauh dari itu, lambang itu kini bisa jadi adalah lambang yang telah mengubah peta teknologi dunia secara umumnya. Jadi, jangan anggap remeh penemuan yang Anda lakukan, bisa jadi, suatu saat kelak, apapun bentuk penemuan itu, asal berguna bagi orang lain, akan berguna juga bagi dunia.
(dari andriwongso.com)

css

body {
background-image: url(http://i265.photobucket.com/albums/ii207/Maryahlity08/blue.jpg);
background-attachment: fixed;
background-repeat: repeat top center;
}
.rail {
background:none;
padding-right: 10px;
width: 160px;
}
.railstart {
background-image: none;
height: 130px;
width: 160px;
padding-top: 20px;
}
td.rail {
background:url(http://i265.photobucket.com/albums/ii207/Maryahlity08/dragon01.jpg);
background-color: transparent;
background-position: top center;
background-repeat: repeat;
padding: 0;
margin: 0;
color:#AFCBFC;
}
td.rail div#rail div.userlogo a {
color: #C5DAFF;
}
.railsep {
background:none;
height: 1px;
margin:12px 0pt;
}
.rail .userlogo {
background:#03235B;
border: 10px groove #012A71;
padding-right:10px;
margin-right:10px;
}
/*global navigation*/
.header .globalnav ul.gnopt a {
color: #7DCFFE;
}
div.owner_nav {
background-image: url(http://img443.imageshack.us/img443/2991/419660866877387nq2.jpg);
background-position: center;
background-repeat: no-repeat;
background-color: transparent;
border: 13px solid #02177E;
border-bottom: 10px solid #02177E;
height: 325px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
padding: 25px 0 0 0;
width: 753px;
}
div#subnavc {
padding: 1px 0 0 0;
background-image: none;
background-color: transparent;
border: #000;
padding-top: 5px;
margin-top: 140px;
margin-bottom: 0px;
height: auto;
width: auto;
}
div#subnav {
background-image: none;
color: #666;
background-color: transparent;
margin-top: 15px;
padding-bottom: 10px;
border: none;
height: auto;
width: auto;
padding: 2px 0 2px 0;
}
h1#page_owner_title {
background: transparent none repeat scroll 0%;
border: medium none;
color: #3C78E0;
font-size: 40px;
font-family: Century Gothic;
font-weight: bold;
margin: 0pt auto;
padding: 45px 0pt 0pt;
text-align:left;
width: 752px;
}
a.toptsel, a.toptsel:visited {
color: #3C78E0;
display: block;
float: left;
font-size: 15px;
font-weight: bold;
height: auto;
line-height: 1.2em;
margin-left: 5px;
margin-right: 5px;
padding: 2px;
text-align: center;
width: auto;
}
a.topt, a.topt:visited {
color: #8AAAE1;
display: block;
float: left;
font-size: 15px;
height: auto;
line-height: 1.2em;
margin-left: 5px;
margin-right: 5px;
padding: 2px;
text-align: center;
width: auto;
}
div#page_start {
background: url();
background-color: transparent;
border: 13px solid #02177E;
border-top: none;
border-bottom: none;
height: 1%;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding: 0px;
width: 755px;
}
div#ownedfooter {
margin: 0 auto;
padding: 0px;
width: 650;
height: 100px;
font-size: 11px;
text-align: center;
color: #AAD2F9;
background: url(http://i265.photobucket.com/albums/ii207/Maryahlity08/bluedragonftrbg.gif);
background-color: transparent;
border: 12px solid #02177E;
}
div.stats {
border-bottom: none;
}
div#ownedfooterc {
background: none;
height: 10px;
}
div#ownedfooter a, div#ownedfooter a:visited, div#ownedfooter a:link {
color: #C9E4FE;
text-decoration: none;
cursor: default;
border: none;
font-size: 9px;
font-weight: normal;
text-transform: lowercase;
}
.itemboxsub {
color: #81AFFF;
font-weight: bold;
font-size: 24px;
border: none;
padding: 20px;
margin: 5px;
background: none;
background: url(http://i265.photobucket.com/albums/ii207/Maryahlity08/dragon-1.gif) no-repeat left;
/* display: none; */
max-width: 560px;
height: 0px;
}
.itemsubsub {
color: #5D90E8;
font-size: 12px;
font-weight: normal;
line-height: 12px;
text-align: right;
}
.itembox {
background-image:url();
background-color:#02205E;
border:1px dashed #021CC6;
margin: 10px;
margin-top: 30px;
color: #E7EFFE;
height: 1%;
line-height: 1.2;
padding: 4px;
max-width: 600px;
}
div#mainbox_1 .itembox, div#mainbox_2 .itembox, div#mainbox_3 .itembox, div#mainbox_4 .itembox, div#mainbox_5 .itembox, div#mainbox_6 .itembox, div#mainbox_7 .itembox, div#mainbox_8 .itembox, div#mainbox_9 .itembox, div#mainbox_10 .itembox, div#mainbox_11 .itembox {
-moz-opacity:0.70;
filter:alpha(opacity=70);
opacity:0.70;
-khtml-opacity:0.70;
}
div.tablediv1 {
border: none;
padding: 0px;
color: #B5D6FC;
}
.tablediv1 {
background: #023977;
border: none;
padding: 1px;
margin: 0px;
}
.tablediv1 tr {
background: #4097FB;
color: #C8E1FC;
border: 1px solid #999;
}
.tablediv1 tr:hover {
background: #4FA0FE;
color: #0169E0;
border: 1px solid #0355B3;
}
.tablediv1 th {
background: #024592;
color: #ABD2FF;
font-size: 11px;
font-weight: normal;
text-align: center;
border: 1px solid #ABD2FF;
max-width : 580px ;
}
div.relatedlinks {
color: #fff;
font-size: 11px;
text-align: left;
}
.infobox {
padding: 1px;
margin: 20px;
overflow: visible;
border: 7px groove #015FB1;
background: none;
background-color: #303030;
text-align: justify;
max-width: 540px;
}
div.infobox .boxbody {
background: #01174B;
color: #AAD4FE;
}
div.infobox .userlogo a, div.infobox .userlogo a:link, div.infobox .userlogo a:visited {
color:#DDECFB;
background-photo:transparent;
}
div.infobox a, div.infobox a:link, div.infobox a:visited {
color: #7FBEFC;
text-align: left;
margin-left: auto;
}
a, a:visited, a:link {
color: #C7E4FF;
}
a.mine, a.mine:link, a.mine:visited {
color: #CACACC;
font-size: 11px;
padding: 0pt 2px;
background: transparent none repeat scroll 0%;
float: right;
margin: 0pt 0pt 0pt 4px;
}
.litemactions a, .litemactions a:visited, .litemactions a:link {
background-color: transparent;
border: medium none;
margin-top: 1px;
}
/*other pages - visitor post functions*/
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
color: #eee;
font-size: 11px;
padding: 0pt 2px;
background: transparent none repeat scroll 0%;
border: medium none;
float: right;
margin: 0pt 0pt 0pt 4px;
}
/*table view*/
bodysummary {
color: #D9D9DA;
}
table.indextitle {display: none;}
td#maincontent { padding: 0 25px 0 0; margin: 0; background:url(http://i265.photobucket.com/albums/ii207/Maryahlity08/dragon1.jpg);
background-repeat: repeat;
background-position: top center;
}
.caldiv1 { background-color: #01438E; }
div.caldiv1 td.calday {
font-size: 10px;
background-color: #022B5B;
color:#89BEFB;
}
.caldate {
font-size: 13px;
font-weight: bold;
}
.cald {
float:right;
text-align: center;
background-color: transparent;
padding: 0px 4px 0px 4px;
margin: -3px -3px 3px 3px;
border: 1px solid #51A1FC;
width: 20px
}
.calevent { margin: 0px 0px 8px 0px; }
div.caldiv1 td.calday:hover { background: transparent; }
.caldiv1 th {
background-color: transparent;
color:#B5D6FC;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited { color: #B5D6FC; }
table.globalnav {
border: none;
background: none;
}
.replybox, .replyboxread, .quotet {overflow: auto;}
.replybox {
border: 1px ridge #02509F;
background-color: #013160;
color: #D8EBFE;
}
.quotet {
background:#013160 none repeat scroll 0%;
border: 1px ridge #02509F;
color: #0060BF;
margin: 5px 5px 5px 20px;
padding: 5px;
}
div.actionlinks a.mine, div.actionlinks a.mine:link, div.actionlinks a.mine:visited {
color: #84C0FB;
font-size: 13px;
margin: 0pt;
padding: 0pt 10px 0pt 0pt;
}
a.vopt, a.vopt:link, a.vopt:visited {
color: #84C0FB;
padding: 0pt 5px;
}
a.voptsel, a.voptsel:link, a.voptsel:visited {
border: 1px ridge #02509F;
background-color: #013160;
color: #D8EBFE;
}
.voptlabel {
color: #D8EBFE;
font-weight: bold;
margin-right: 10px;
}
div.albumthumbnails {
padding: 30px 20px 20px 20px;
margin: 0px;
overflow: visible;

text-align: justify;
max-width: 560px;
}
.album {
border: 1px ridge #02509F;
background-color: #013160;
color: #D8EBFE;
font-size: 12px;
text-align:center;
padding: 5px;
margin: 10px;
overflow: center;
}
div.contactbox {
border: 1px ridge #02509F;
background-color: #013160;
color: #D8EBFE;
padding: 6px 6px 0px 6px;
text-align: center;
margin: 10px;
}
table.miniprofilebodytable {
border: 2px double #02509F;
background-color: #013160;
color: #D8EBFE;
font-size: 10px;
-moz-opacity:0.70;
filter:alpha(opacity=70);
}
div#miniprofile_div a, div#miniprofile_div a:visited, div#miniprofile_div a:link {
text-decoration: none;
color: #D8EBFE;
}
.userlogo {
border: 2px double #02509F;
background-color: #013160;
color: #D8EBFE;
padding: 10px 10px 3px 10px;
width: 100px;
text-align:center;
}
div#home_guestbook td#cell_submit input {
background: #013285;
width : 85px;
height: 30px;
border : none;
font-family: georgia;
border: 10px groove #0553D9;
color: #CEDFFE;
font-weight: bold;
font-size: 12px;
text-align: center;
padding:5px 15px 15px 15px;
}
div#home_guestbook td#cell_submit input:hover {
background-color:#4286FC;
width : 85px;
height: 27px;
border: 7px groove #034CC9;
font-family: Century Gothic;
color: #012F80;
font-weight: bold;
font-size: 11px;
text-align: center;
padding:5px 15px 15px 15px;
}
.header .globalnav ul.gnopt img {
display: none;
}
.replydeleted {
display:none;
}
span.signoutid a, span.signoutid a:visited, span.signoutid a:link, span.signoutid:hover, a.signoutid, a.signout, a.signout:visited, a.signout:link {
color: #8FC7FF;
}
/*Theme Author http://maryahlity.multiply.com*/
/*Blue Dragon Theme@2008…..