Jump to content

Recommended Posts

Posted

 

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:

5d561f560800.png

 

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:

width=1024 height=23http://s018.radikal.ru/i512/1208/b7/af602d04468b.png[/img]

 

 

Question:

What code should be inserted in the HTML that is displayed?

 

 

  • 5 weeks later...
  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×
×
  • Create New...

AdBlock Extension Detected!

Our website is made possible by displaying online advertisements to our members.

Please disable AdBlock browser extension first, to be able to use our community.

I've Disabled AdBlock