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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...