Kabuntu! - 在場外卡卡卡的衍生物
(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('');
NOTIFY_getnum();
run30 = setInterval("NOTIFY_getnum()",60000);
else
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
作者：玄暗烏黛墨縲黑黓焦皂│2018-11-29 08:13:25│贊助：2│人氣：148
因為厭倦了熱門串因誘因造成底下整排卡的景象
【初版】
一個僅需25秒的仿終端機樣式 - kadouka
![]()
(我絕對不會說我為了實現這個樣子花了兩個多小時)
(當練習吧 不然永遠不會進步)
![]()
備註：
喜歡1
收藏
0
引用
0
留言
推上首頁
檢舉
引用網址：https://home.gamer.com.tw/TrackBack.php?sn=4210121
All rights reserved. 版權所有，保留一切權利
相關創作
偽娘專案!!在GitHub超過5000星星，不會寫程式也能成為專案的貢獻者!?
【巴哈JS腳本】手機版網頁自動轉跳電腦版
[達人專欄] 自製 YouTube-OBS 跑馬燈外掛！在實況顯示影片標題（Golang + JavaScript）
新的Google Chrome攻擊可能會讓Win10設備發生假死
Google Chrome发现新Bug CPU使用率飙升至100%
還可以：
蛤
玄暗烏黛墨縲黑黓焦皂：
?12-20 02:46
平凡人：
這是？？
玄暗烏黛墨縲黑黓焦皂：
胡搞瞎搞而已，什麼都不是12-20 17:38
(๑•́ ₃•̀){影ﾖ⁆：
第壹個項目，也算是 https://upload.wikimedia.org/wikipedia/commons/2/25/Aa_example1.png 的囉？
玄暗烏黛墨縲黑黓焦皂：
識貨喔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 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';);
);
未分類 (32)
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);
黑色沙漠手遊伺服器是巴雷諾斯公會缺人名稱是GO歡迎大家查詢到後加入
This page is only for reference, If you need detailed information, please check here
![The name of the picture]( "Creative")
if (User.Login.isLogin())
var BAHAID = User.Login.getUserid(),
BAHAIDlow = BAHAID.toLowerCase();
document.write('
');
document.write('
');document.write('
');
');%20+%20'/'%20+%20BAHAIDlow.substr(1,%201)%20+%20'/'%20+%20BAHAIDlow%20+%20'/'%20+%20BAHAIDlow%20+%20'_s.png?x=201901310856)
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('
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)
(施工中，目前僅有初步預覽)
目前已知問題：
- 當前將視窗移至最上層的手法只是假象，待解決。
- !!! [#5] 的修改導致上述的假象手法也壞掉了XD (12/17)
待追加 (依序處理)：
表現出 "卡" 的具體 Demo
(好像這個才是重點XD)- 應用程式的圖示..... 這個很麻煩
- 右上角齒輪功能
(詳細功能還沒想好) - 暫時還沒想到
隨記：
- [#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:46
平凡人：
這是？？
玄暗烏黛墨縲黑黓焦皂：
胡搞瞎搞而已，什麼都不是12-20 17:38
(๑•́ ₃•̀){影ﾖ⁆：
第壹個項目，也算是 https://upload.wikimedia.org/wikipedia/commons/2/25/Aa_example1.png 的囉？
玄暗烏黛墨縲黑黓焦皂：
識貨喔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 = /
var html = '
確定要刪除嗎？';
var width = '200px';
if(content.match(pattern))
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 加入廣告阻擋工具的白名單中，謝謝 !【教學】
黑色沙漠手遊伺服器是巴雷諾斯公會缺人名稱是GO歡迎大家查詢到後加入This page is only for reference, If you need detailed information, please check here
