este es el codigo q estoy usando en un archivo extension .js
var bookmarks = new Array();
bookmarks[0] = new Array(
'YouTube',
'http://youtube.com',
'you.png'
);
bookmarks[1] = new Array(
'OTFusion',
'http://otfusion.org',
'otfusion.png'
);
bookmarks[2] = new Array(
'Imageshack',
'http://imageshack.us',
'image.png'
);
bookmarks[3] = new Array(
'alfa91.3.fm',
'http://grc.mx/grc/gral.nsf/vwRadio/ESTA-4Z8TZB',
'alfa.png'
);
bookmarks[4] = new Array(
'twitter',
'http://twitter.com',
'twit.png'
);
bookmarks[5] = new Array(
'google',
'http://google.com',
'google.png'
);
bookmarks[6] = new Array(
'facebook',
'http://facebook.com',
'face.png'
);
bookmarks[7] = new Array(
'AnimesID',
'http://animeid.com',
'ani.png'
);
bookmarks[8] = new Array(
'SeriesID',
'http://seriesid.com',
'series.png'
);
y este el codigo en css
* {
margin: 0;
padding: 0;
border: 0;
font-family: sans-serif;
font-size: 1em;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
body{
background:url('../lib/fondo.png') no-repeat;
font-family: Tahoma, Arial, "MS Trebuchet", sans-serif;
}
#wrapper{
width:975px;
height:465px;
margin:0 auto;
position: relative;
margin-top:50px;
}
form{
width:635px;
height:30px;
position:absolute;
left:340px;
top:225px;
font-family: Tahoma, Arial, "MS Trebuchet", sans-serif;
text-align: center;
padding:0px;
}
input{
width:568px;
height:24px;
margin:5px 0px 5px 5px;
background:#fff;
border:2px #fff solid;
color:#333;
font-family: Tahoma, Arial, "MS Trebuchet", sans-serif;
font-size: 14px;
line-height:16px;
padding:1px;
}
input:focus{
border:2px #00aef0 solid;
}
button{
height:30px;
width:50px;
vertical-align: bottom;
background:url('../lib/arrow.png') no-repeat;
color:#333;
font-family: Tahoma, Arial, "MS Trebuchet", sans-serif;
font-size: 14px;
margin-bottom:5px;
margin-right: 5px;
text-transform:uppercase;
}
#wrapper div{
margin: 5px;
text-align: center;
}
#wrapper div img{
vertical-align:middle;
}
#thumb1{
width:215px;
height:103px;
position: absolute;
left:0px;
top:0px;
background:url('../lib/1.png')/*#409da5*/;
line-height: 103px;
}
#thumb1 img{
max-width: 215px;
max-height: 103px;
}
#thumb2{
width:215px;
height:102px;
position: absolute;
left:0px;
top:113px;
background:url('../lib/2.png')/*#4849a6*/;
line-height:102px;
}
#thumb2 img{
max-width: 215px;
max-height: 102px;
}
#thumb3{
width:140px;
height:65px;
position: absolute;
left:225px;
top:0px;
background:url('../lib/3.png')/*#cd432d*/;
line-height:65px;
}
#thumb3 img{
max-width: 140px;
max-height: 65px;
}
#thumb4{
width:140px;
height:65px;
position: absolute;
left:375px;
top:0px;
background:url('../lib/4.png')/*#da8515*/;
line-height:65px;
}
#thumb4 img{
max-width: 140px;
max-height: 65px;
}
#thumb5{
width:290px;
height:140px;
position: absolute;
left:225px;
top:75px;
background:url('../lib/5.png')/*#7d9f2a*/;
line-height:140px;
}
#thumb5 img{
max-width: 290px;
max-height: 140px;
}
#thumb6{
width:440px;
height:215px;
position: absolute;
left:525px;
top:0px;
background:url('../lib/6.png')/*#672c9b*/;
line-height:215px;
}
#thumb6 img{
max-width: 440px;
max-height: 215px;
}
#thumb7{
width:330px;
height:160px;
position: absolute;
left:0px;
top:225px;
background:url('../lib/7.png')/*#621354*/;
line-height:160px;
}
#thumb7 img{
max-width: 330px;
max-height: 160px;
}
#thumb8{
width:160px;
height:75px;
position: absolute;
left:0px;
top:395px;
background:url('../lib/8.png')/*#409da5*/;
line-height:75px;
}
#thumb8 img{
max-width: 160px;
max-height: 75px;
}
#thumb9{
width:160px;
height:75px;
position: absolute;
left:170px;
top:395px;
background:url('../lib/9.png')/*#7d9f2a*/;
line-height:75px;
}
#thumb9 img{
max-width: 160px;
max-height: 75px;
}
#thumb10{
width:420px;
height:205px;
position: absolute;
left:340px;
top:265px;
background:url('../lib/10.png')/*#03417a*/;
line-height:205px;
}
#thumb10 img{
max-width: 420px;
max-height: 205px;
}
#thumb11{
width:195px;
height:98px;
position: absolute;
left:770px;
top:265px;
background:url('../lib/11.png')/*#409da5*/;
line-height:98px;
}
#thumb11 img{
max-width: 195px;
max-height: 98px;
}
#thumb12{
width:195px;
height:97px;
position: absolute;
left:770px;
top:373px;
background:url('../lib/12.png')/*#da8515*/;
line-height:97px;
}
#thumb12 img{
max-width: 195px;
max-height: 97px;
}