This is JavaScript on my index.html:
<script>
$(document).ready(function(){
//Initialize dimebar
var dimebarparams = {
currentLang : "en",
"rightItems" : ["myAccount","accountMenu", "supportMenu"],
"leftItems" : ["corporateLink", "gamesMenu"],
"corporateLink" : "http://lineage2.com",
"myAccountLink" : "?p=report",
"localization" : {
"support" : "<img scr="img/ge.png" align="absmiddle" style="width:16px; height:11px; background:url(img/ge.png); border:none"> ქართული",
"myAccount" : "მოგვწერეთ",
"account" : "ექაუნტი"
},
"accountOptions" : {
"createAccount": {
"label" : "ექაუნტის შექმნა",
"url" : "?p=registration"
},
"passwordRecovery" : {
"label" : "პაროლის აღდგენა",
"url" : "?p=password_recover"
},
"passwordChange" : {
"label" : "პაროლის შეცვლა",
"url" : "?p=password_change"
}
},
"supportOptions" : {
"en": {
"label" : "<img scr="img/us.png" style="width:16px; height:11px; background:url(img/us.png); border:none"> English",
"url" : "java[ertad]script:setLang('en')"
},
"ru": {
"label" : "<img scr="img/ru.png" align="absmiddle" style="width:16px; height:11px; background:url(img/ru.png); border:none"> Русский",
"url" : "java[ertad]script:setLang('ru')"
}
},
"otherGames": {
"games" : "თამაშები",
"hard" : "http://lineage2.com",
"reborn" : "http://lineage2.com",
"cstrike" : "http://lineage2.com",
"wow" : "http://lineage2.com"
}
};
$().dimeBar(dimebarparams);
initDimebar();
});
function setLang(lang){
$.cookie('l', lang, {expires:365});
document.location.href = 'http://lineage2.com';
}
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1&appId=116780258428320";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
This is the place where the script should be reflected in the results:
Here is the script style (CSS):
body {
margin-top: 0;
margin-right: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-left: 0;
}
/********************************************/
/*** Reset ***/
/********************************************/
#db-container * {
margin: 0;
padding: 0;
border: 0;
outline: none;
}
/********************************************/
/*** Common Styles ***/
/********************************************/
#db-container {
width: 100%;
font-family: arial, Helvetica, sans-serif;
color: #D2D2D2;
background: #000 url('../img/template-items/dimebar/dimebar-bg.jpg') repeat-x scroll 0 1px;
border-bottom: 1px solid #383838;
position: absolute;
left: 0;
right: 0;
z-index: 175
}
#db-container #db-inner-container {
width: 960px;
height: 30px;
margin: 0 auto;
padding: 0 8px;
text-align: left;
/*background: url('../img/template-items/dimebar/bg.png') no-repeat scroll 0 1px;*/
}
#db-container .left-items {
margin-left: -5px;
float: left
}
#db-container .right-items {
float: right
}
#db-container .item-wrapper {
background: transparent url('../img/template-items/dimebar/sep.gif') no-repeat scroll 100% 1px;
float: left;
padding: 0 14px;
position: relative;
z-index: 109;
}
#db-container .left-items .item-wrapper {
background-position: 0 1px;
}
/***| Links |****/
#db-container a {
color: #ccc;
font-size: 12px;
text-decoration: none;
border: none
}
#db-container a:hover {
color: #0CEDFF
}
#db-container a.has-icon, #db-container .has-icon-hover {
padding-right: 17px;
background: transparent url('../img/template-items/dimebar/has_menu.gif') no-repeat scroll right 13px;
}
#db-container a.has-icon-hover {
background-position: right -13px;
}
#db-container a.reg-link {
padding-top: 8px;
height: 23px;
display: inline-block
}
/***| NCsoft Logo |****/
#db-container #db-corporate-link {
background: #CCC url('../img/template-items/dimebar/swipe.png') no-repeat 100px 1px;
padding: 0;
width: 102px;
height: 30px;
display: block;
}
#db-container .db-corporate-link {
padding-right: 1px;
padding-left: 11px;
}
#db-container #db-corporate-link span {
background: transparent url('../img/template-items/dimebar/ncsoft.png') no-repeat top left;
height: 30px;
display: block;
text-indent: -5000px;
cursor: pointer;
}
/********************************************/
/*** dropdown menu ***/
/********************************************/
#db-container .db-dropDown {
width: 140px;
display: none;
position: absolute;
top: 30px;
right: -1px;
list-style-type: none;
padding: 0 1px 0;
background-color: #101010;
border: 1px solid #383838;
border-top: none;
}
#db-container #db-sup-menu .db-dropDown {
width: 146px;
}
#db-container .left-items .db-dropDown {
left: -1px;
right: 0;
}
#db-container .db-dropDown li {
background: transparent url('../img/template-items/dimebar/horz_sep.png') no-repeat scroll 0 0;
padding: 1px 0 0;
margin: 1px 0;
}
#db-container .db-dropDown li:first-child {
background-image: none;
padding-top: 0;
margin-top: 0;
}
#db-container .db-dropDown li a {
display: block;
padding: 5px 9px;
margin-top: 1px;
}
#db-container .db-dropDown li:first-child a {
margin-top: 0;
}
#db-container .db-dropDown li a:hover {
background-color: #242424;
}
/********************************************/
/*** Games Menu ***/
/********************************************/
#db-container #db-games-menu ul {
width: 202px;
}
#db-container #db-games-menu li a {
background-image: url('../img/template-items/dimebar/games.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0 0;
overflow: hidden;
padding-top: 0;
padding-bottom: 0;
}
#db-container #db-games-menu li span {
display: block;
margin-left: -9999px;
}
/*** Individual Game Image Positioning ***/
#db-container #db-games-menu li a#db-aion {
height: 53px;
background-position: 0 10px;
}
#db-container #db-games-menu li a#db-aion:hover {
background-position: 100% 10px;
}
#db-container #db-games-menu li a#db-guildWars {
height: 48px;
background-position: 0 -46px;
}
#db-container #db-games-menu li a#db-guildWars:hover {
background-position: 100% -46px;
}
#db-container #db-games-menu li a#db-guildWarsTwo {
height: 48px;
background-position: 0 -98px;
}
#db-container #db-games-menu li a#db-guildWarsTwo:hover {
background-position: 100% -98px;
}
#db-container #db-games-menu li a#db-coh {
height: 55px;
background-position: 0 -145px;
}
#db-container #db-games-menu li a#db-coh:hover {
background-position: 100% -145px;
}
#db-container #db-games-menu li a#db-lineageOne {
height: 48px;
background-position: 0 -155px;
}
#db-container #db-games-menu li a#db-lineageOne:hover {
background-position: 100% -155px;
}
#db-container #db-games-menu li a#db-lineageTwo {
height: 52px;
background-position: 0 -206px;
}
#db-container #db-games-menu li a#db-lineageTwo:hover {
background-position: 100% -206px;
}
#db-container #db-games-menu li a#db-wildstar {
height: 52px;
background-position: 0 -252px;
}
#db-container #db-games-menu li a#db-wildstar:hover {
background-position: -204px -252px;
}
/********************************************/
/*** Account Menu ***/
/********************************************/
#db-container #db-acct-menu li {
background-position: -202px 0;
}
/********************************************/
/*** Lang Menu ***/
/********************************************/
#db-container #db-lang-menu li {
background-position: -321px 0;
}
#db-container #db-lang-menu ul {
width: 108px;
}
It must be the result of:
http://s018.radikal.ru/i512/1208/b7/af602d04468b.png[/img]
Question:
What code should be inserted in the HTML that is displayed?