[修改] 登入&登出頁面修正


涅魂
 
文章: 4463
註冊時間: 2004-01-04 11:17 am
來自: Taiwan
性別: 男生

[修改] 登入&登出頁面修正

文章涅魂 » 2011-01-17 3:47 pm

目前在遊戲登入後再做登出動作時,登出後的頁面會與登入首頁有所差異,這個修改能將登出後頁面修正

開啟檔案 css/li.css 寫:Goal: 將對樣式表的調整統一透過CSS來處理

尋找
代碼: 選擇全部
.div_main{
   ...
}


覆蓋為
代碼: 選擇全部
.div_main{
   border-bottom:1px solid #004080;
   border-top:1px solid #004080;
   width:798px;
   height:557px;
   background-repeat:no-repeat;
}
/** 遊戲背景 **/
.div_main.game-bg-1 { background-image: url(../images/bgmap_1.jpg);}
.div_main.game-bg-2 { background-image: url(../images/bgmap_2.jpg);}

/** 場景長寬調整 **/
.div_main.adjust {
   width: 985px !important;
   height: 411px !important;
}
.div_border.adjust { width: 985px !important; }
.ac.adjust { left: 123px !important; }


開啟檔案 index.html 寫:Goal: 將背景的控制從div_main分離出來
尋找
代碼: 選擇全部
<div style="position: relative;" class="div_main" id="div_main">


覆蓋為
代碼: 選擇全部
<div style="position: relative;" class="div_main game-bg-1" id="div_main">


開啟檔案 js/li_chara.js 寫:Goal: 對樣式表的調整改由CSS來管理,並將登出功能的callback轉由prepareLogin()來處理特別事件
尋找
代碼: 選擇全部
$game_view.loadCache(__TPL__+'ui_map_'+data.bgmap+'.html', function() {

覆蓋為
代碼: 選擇全部
$game_view.show().loadCache(__TPL__+'ui_map_'+data.bgmap+'.html', function() {


尋找
代碼: 選擇全部
      //場景載入 begin
      $('body').css("background","url('./images/kikub"+data.season+".jpg')");
      $div_main.css("background","url('./images/bgmap_"+data.bgmap+".jpg') no-repeat");
      switch(data.bgmap)
      {
         case 1:
            break;
         case 2:
            $div_main.css({"width":"985px","height":"411px"});
            $('.div_border').css({"width":"985px"});
            $('.ac').css({"left":"123px"});
            break;
      }
      //場景載入 end


覆蓋為
代碼: 選擇全部
      //場景載入 begin
      $('body').css("background","url('./images/kikub"+data.season+".jpg')");
      $div_main.removeClass('game-bg-1').addClass("game-bg-"+data.bgmap);
      switch(data.bgmap)
      {
         case 1:
            $div_main.removeClass("adjust");
            $('.div_border, .ac').removeClass("adjust");
            break;
         case 2:
            $div_main.addClass("adjust");
            $('.div_border, .ac').addClass("adjust");
            break;
      }
      //場景載入 end

尋找
代碼: 選擇全部
success: showLogin

覆蓋為
代碼: 選擇全部
success: prepareLogin


開啟檔案 js/li_function.js 寫:Goal: prepareLogin(): 將CSS恢復成登入前的狀態
尋找
代碼: 選擇全部
function showLogin()


上方,加上
代碼: 選擇全部
//showLogin for logout
function prepareLogin() {
   $div_main.removeClass().addClass("div_main game-bg-1");
   $game_view.hide();
   $('.div_border, .ac').removeClass("adjust");
   showLogin();
}


以上,有缺漏或任何問題請提出~~


最後由 涅魂 於 2011-01-18 10:52 am 編輯,總共編輯了 1 次。
圖檔


ETERNAL
 
文章: 2937
註冊時間: 2003-12-03 11:08 pm
性別: 男生

Re: [修改] 登入&登出頁面修正

文章ETERNAL » 2011-01-18 10:38 am

蠻好的 改掉登出問題

修正一下上面尺寸
代碼: 選擇全部
height: 441px !important;

改成
代碼: 選擇全部
height: 411px !important;


修正浮動提示窗位置問題
js/li_ui_tool.js
尋找
代碼: 選擇全部
a2+=(ui.window_w/2)-(800/2);[code]
改成
[code]a2+=(ui.window_w/2)-($div_main.width()/2);



水色論壇 http://www.et99.net
簡恩峻分享


涅魂
 
文章: 4463
註冊時間: 2004-01-04 11:17 am
來自: Taiwan
性別: 男生

Re: [修改] 登入&登出頁面修正

文章涅魂 » 2011-01-18 10:55 am

ETERNAL 寫:修正一下上面尺寸
代碼: 選擇全部
height: 441px !important;

改成
代碼: 選擇全部
height: 411px !important;

已修正原文~


圖檔


回到 最果物語 - LOST Island

誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 7 位訪客