Kabuntu! - 在場外卡卡卡的衍生物

Multi tool use
Multi tool use
(function(w,d,s,l,i)w[l]=w[l])(window,document,'script','dataLayer','GTM-KDKMGT');
(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 = "//connect.facebook.net/zh_TW/all.js#xfbml=1&appId=668497826514848"; fjs.parentNode.insertBefore(js, fjs); (document, 'script', 'facebook-jssdk'));






if (User.Login.isLogin())
var BAHAID = User.Login.getUserid(),
BAHAIDlow = BAHAID.toLowerCase();

document.write('');

document.write('

');
document.write('');
document.write('');
document.write('');
document.write('

');

document.write('
');
document.write('
');
document.write('
');
document.write('
');
document.write('
');
document.write('
');
document.write('
');
NOTIFY_getnum();
run30 = setInterval("NOTIFY_getnum()",60000);

else
document.write('
');
document.write('');
document.write('
    ');
    document.write('
  • 我要登入
  • ');
    document.write('
  • 註冊
  • ');
    document.write('
  • ');
    document.write('
');
document.write('
');


document.write('
');

document.write(' ');

(function()
var cx = 'partner-pub-9012069346306566:kd3hd85io9c';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
)();

service = new rsearch('rsearch');

function insideSecondaryfunc(frm, evt){
if( 0
















breadCrumbs(122, '', 'homeuid=LianSheng142')








    breadCrumbs_listMenu(122, 0, 'homeuid=LianSheng142')





    創作內容





    1 GP


    Kabuntu! - 在場外卡卡卡的衍生物


    作者:玄暗烏黛墨縲黑黓焦皂│2018-11-29 08:13:25│贊助:2│人氣:148

    注意:本條目的主旨不是印尼的城市 Kabuntu

    注意:本條目的主旨不是 Ubuntu 的衍生發行版 Kubuntu




    因為厭倦了熱門串因誘因造成底下整排卡的景象

    不想要與其他人一樣,缺乏新意

    於是想搞一個用來卡位卻又不失創意的靜態網頁





    【初版】
    一個僅需25秒的仿終端機樣式 - kadouka




    (已經不會再更新了 雖然有些小錯誤)


    (我絕對不會說我為了實現這個樣子花了兩個多小時)
    (當練習吧 不然永遠不會進步)



    【再版】

    一個效仿 Ubuntu 16.04 預設桌面的樣式 - Kabuntu (Preview: 5)




    (施工中,目前僅有初步預覽)



    目前已知問題:


    1. 當前將視窗移至最上層的手法只是假象,待解決。

    2. !!! [#5] 的修改導致上述的假象手法也壞掉了XD (12/17)

    待追加 (依序處理):




    1. 表現出 "卡" 的具體 Demo
      (好像這個才是重點XD)

    2. 應用程式的圖示..... 這個很麻煩

    3. 右上角齒輪功能
      (詳細功能還沒想好)

    4. 暫時還沒想到



    隨記:


    • [#1] 由於點擊劫持(Clickjacking)的因素,現在大多數網站已經不支援 iframe 的連結了。
      這表示,起先我想要把 Mozilla Firefox 嵌入網頁來演示瀏覽器的樣子
      如今是辦不成了... 於是我只能折衷放上同源的頁面 readme.html
      相當可惜。

    • [#2] 貌似是字體問題,預覽用預留空間的文字描述似乎最小就那樣了 (font-size: small)
      有嘗試過 x-small 與 xx-small,不過似乎沒有差別。

    • [#3] 原先想要全篇使用原生 JavaScript 的,只是看到部分功能在實現上,jQuery 真的易寫太多太多,於是,又混用了XD

    • [#3] 在使用 jQuery selector 時,真的很常忘記加上 "#" 或者 "." 來表示 id 或 class,常常就因為這個疏忽,而多了十分鐘的 debug = =


    • [#4] 為 git commit 添加完整註釋,必須先在設定中指明使用哪個編輯器並記得放上 -w,格式如下:git config --global core.editor "editor -w"。其中,editor 須更換為指定編輯器。


    • [#5] 這回加入了結構化的概念。因為是靜態網頁所以 php 啥的都是辦不到的,而我也沒有使用任何框架,所以結構化的部分是採用 XHR,以 GET 的方式取得外部模組檔案。但是又因為極度要求先後順序,所以逼不得已只能採用同步,而且是在主執行緒上。雖然會被瀏覽器警告影響使用者體驗之類的,但實際操作起來幾乎是沒有感覺。


    • [#5] 雖然修正了視窗拖曳問題 (針對 onmouseup 在卡頓時導致鼠標偏到 iframe 時放開鼠鍵不能中止拖曳行為),但在移動時還是會有不定期發作的卡頓。不曉得是不是我的電腦太爛:拖曳視窗時 CPU 都會將近滿載= = 改天再去找台高級的電腦操作看看才知道了。

    • (本篇文章會不定期更新)



    更新紀錄 (含沿路截圖):


    • [#5] 2018-12-11 09:02 編輯:
      結構化。
      修正了視窗拖曳問題。
      修正了一些預設樣式、修正 iframe 超出視窗底部的問題。
      附圖壓縮。提高網頁載入速度。
      (本次改動幾乎是看不出來的,因此略過截圖)
      .


    • [#4] 2018-12-03 12:35 編輯:
      修正了一些預設樣式。
      修正了 Firefox 視窗中,點擊 iframe 不能將視窗提到最上層的問題。
      新增了視窗開啟功能。(由側欄開啟,除了搜尋)
      新增了 nautilus, trush, setting 視窗,但預設隱藏。
      移除了因網頁上傳更改過路徑之檔案的造成的重複檔案。

      .

    • [#3] 2018-11-30 23:52 編輯:

    • 微調視窗樣式。選中的視窗會被提到最上層。
      視窗可以關閉 (開啟功能待補)、視窗關閉按鈕滑鼠懸浮樣式。
      修正了本篇創作的一些用詞。

      .
    • [#2] 2018-11-30 01:10 編輯:
      新增了側邊欄、預留側邊圖示空間。
      修正了 Terminal 透明度、addEventListener、視窗初始位置

      .

    • [#1] 2018-11-29 08:13 初次發布:僅有基本樣貌







    備註:



    上面有提到的熱門串在場外到處都是,然而真的讓我開工的是這篇:


    【閒聊】來抽 mycard / Gash 500點(更新加碼內容)  

    (#1184, #1769, #3428, #3628, #4187, #4626)

    原先是真的想要把這個 Kabuntu 搞定然後再去卡一篇的...

    但事與願違,憑我這三腳貓功夫,想要在截止前殺青基本是不可能



    那就慢慢弄吧,反正場外能卡的東西一大堆XD










    喜歡1
    收藏
    0
    引用
    0
    留言
    推上首頁



    檢舉








    引用網址:https://home.gamer.com.tw/TrackBack.php?sn=4210121

    All rights reserved. 版權所有,保留一切權利





    相關創作

    同標籤作品搜尋:Kabuntu|GitHub|JavaScript|Just4Fun





    偽娘專案!!在GitHub超過5000星星,不會寫程式也能成為專案的貢獻者!?




    【巴哈JS腳本】手機版網頁自動轉跳電腦版




    [達人專欄] 自製 YouTube-OBS 跑馬燈外掛!在實況顯示影片標題(Golang + JavaScript)




    新的Google Chrome攻擊可能會讓Win10設備發生假死




    Google Chrome发现新Bug CPU使用率飙升至100%


    留言共 3 篇留言





    還可以:

    12-20 02:34





    玄暗烏黛墨縲黑黓焦皂:
    ?12-20 02:46







    平凡人:
    這是??

    12-20 17:27





    玄暗烏黛墨縲黑黓焦皂:
    胡搞瞎搞而已,什麼都不是12-20 17:38







    (๑•́ ₃•̀){影ヨ⁆:
    第壹個項目,也算是 https://upload.wikimedia.org/wikipedia/commons/2/25/Aa_example1.png 的囉?

    12-29 16:00





    玄暗烏黛墨縲黑黓焦皂:
    識貨喔XD 正是如此12-29 22:53






    Util.ChangeText('replys', Util.ChangeText.FLAG_LAZYLOAD|Util.ChangeText.FLAG_MAX_SIZE|Util.ChangeText.FLAG_BALA_PLAYER);

    我要留言提醒:您尚未登入,請先登入再留言


    1喜歡★LianSheng142 可決定是否刪除您的留言,請勿發表違反站規文字。



    前一篇:【信念】我願失一切上風,...

    後一篇:關於我...








    egg('.MSG-list8C img').each(function(elem)
    elem.className = elem.className + ' lazyload';
    );

    egg('.gallery-image').imageGallery();

    function deleteCreation(vCode)
    var content = egg('.MSG-list8C').html();
    var pattern = /]*?>/i;
    var html = '
    確定要刪除嗎?';
    var width = '200px';
    if(content.match(pattern))
    html += '
    ';

    var boxConfig =
    'closeButton': false,
    'css':
    'width': width

    ;

    egg.mutbox(html, '訊息',
    '確定': function()
    if(egg('#chkDelTruthImage:checked').size())
    egg('[name=delTruthImage]').val('yes');


    egg.cookie.del('ckHOME_CREATION','home.gamer.com.tw','/');
    egg.cookie.set('ckHOME_CREATION',vCode,'home.gamer.com.tw','/');
    document.getElementById('frmDel').submit();
    egg.lightbox.close();
    ,
    '取消': function()
    egg.lightbox.close();

    ,boxConfig);

    var buttonOk = egg('.BH-popbtns :button:eq(0)');
    if(buttonOk.size())
    buttonOk.get(0).focus();



    resizeImage(627);

    egg('.btnGp').click(function()
    $.mutbox('請先登入才能進行此動作', '訊息', '確定':function()location.href='https://user.gamer.com.tw/login.php';);
    );







    追蹤私訊


    作品資料夾


    ?????? (1)


    About (2)


    生火要領 (1)

    【Computer】 (1)

    #1_Portfolio (0)

    #1_Linux (6)

    #1_Windows (2)

    #1_Java (1)

    #1_Chrome (2)

    #2_Tampermonkey (6)

    #1_Just4Fun (5)

    #1_MySQL (1)

    #1_Draft (4)

    【ComeDown】 (4)

    【XQ Playbook】 (0)

    #1_Mine (0)

    #1_Master (Sim.) (1)

    【Misc】 (0)

    #1_59225883 (2)


    Misc. (16)


    Epic Music (1)

    Navigation (2)

    Cinematic (1)

    Instrumental (3)

    Choir (6)

    Vocal (1)


    未分類 (32)


    ching0926大家
    小屋內新增一篇文章,是該說文章還是記錄自己的戀情呢XD?歡迎蒞臨:D喜歡給我個GP唷~看更多我要大聲說昨天23:22







    googletag.cmd.push(function() googletag.display('div-gpt-ad-1489070677458-0'); );



    (function(window, $)
    var $window = $(window);
    var $document = $(document);
    var $BH_slave = $("#BH-slave");
    var $BH_master = $("#BH-master");
    var $flySalve = $("#flySalve");
    var posY = $flySalve.position().top;
    var fad_style = document.getElementById("flySalve").style;
    var BH_wrapper_width = $('#BH-wrapper').width();
    var BH_topBar_height = $('.TOP-bh').height();
    $(window).on("scroll", function()
    posY = $BH_slave.height() - (fad_style.position === 'fixed' ? 0 : $flySalve.height());

    if ($document.scrollTop() > (posY + $BH_slave.offset().top - BH_topBar_height) && $BH_slave.height() < $BH_master.height())
    fad_style.position = 'fixed';
    fad_style.top = BH_topBar_height + 'px';
    if ($(window).width() < BH_wrapper_width)
    fad_style.left = (BH_wrapper_width - $BH_slave.width() - $document.scrollLeft())+'px';

    else
    fad_style.position = '';

    ).on("resize", function()
    fad_style.left = null;
    );
    )(window, jQuery);
















    face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】





    The name of the picture黑色沙漠手遊伺服器是巴雷諾斯公會缺人名稱是GO歡迎大家查詢到後加入

    This page is only for reference, If you need detailed information, please check here
    The name of the pictureThe name of the picture

    uccyWH0h2StitopK8
    Li3AprfLTQD d

    Popular posts from this blog

    【攻略】陳戈-謝勒汗智慧的古書 (完成)

    胡安·格里斯

    屏東縣