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...

Important Information

This community uses essential cookies to function properly. Non-essential cookies and third-party services are used only with your consent. Read our Privacy Policy and We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue..