捲軸篇

1. 基本設定
2. 變色
3. o係 subscriptions list 加條 scroll bar
4. SHOW唔哂長日記內容時加入捲軸
5. 個人資料加scrollbar code
6. Blogrings加scrollbar code

基本設定

Header

<!-- begin code provided by kkx3.com -->
<style>
body{
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #999999;
scrollbar-highlight-color: #ffffff;
scrollbar-face-color: #999999;
scrollbar-track-color: #cccccc;
scrollbar-shadow-color: #666666;
scrollbar-darkshadow-color: #000000;
}
</style>
<!-- end code provided by kkx3.com -->

Remarks

回到最上


變色

Header

<!-- begin code provided by kkx3.com -->
<script language="JavaScript">
<!--
colours = new Array('#000000', '#999999', '#6699ff', '#fcc0e5', '#ff409f', '#cc99ff')
function flash()
{
var clrPos = Math.floor(Math.random() * colours.length)
with(window.document.body.style)
{
scrollbarFaceColor = document.bgColor;
scrollbarTrackColor = document.bgColor;
scrollbarArrowColor = colours[clrPos];
scrollbarHighlightColor = document.bgColor;
scrollbar3dLightColor = colours[clrPos];&nbsp;
scrollbarShadowColor = document.bgColor;
scrollbarDarkShadowColor = colours[clrPos];
borderWidth = 2;
borderStyle = 'solid';
borderColor = colours[clrPos];
}
}
if (document.all)window.document.body.onscroll = flash;
//-->
</script>
<!-- end code provided by kkx3.com -->

Remarks

remarks:
color 方面, 可就自己o既喜好, 加多或減少,
只需要加多幾個 '# ' 即可
border 可用 solid / dotted / dashed / double / groove / ridge / inset / outset
document.bgColor 即你o個頁o既 background color
colours[clrPos] 即其中一種你輸入o既 color

如果想變色o既部分唔同顏色, 你可以...
example:

scrollbarFaceColor = document.bgColor;
scrollbarTrackColor = document.bgColor;
scrollbarArrowColor = colours[clrPos+1];
scrollbarHighlightColor = colours[clrPos];
scrollbar3dLightColor = colours[clrPos+2];
scrollbarShadowColor = colours[clrPos];
scrollbarDarkShadowColor = colours[clrPos+3];

回到最上


o係 subscriptions list 加條 scroll bar

Website stat

<!-- begin code provided by kkx3.com -->
<script type="text/javascript">
function adjustSirListHeight()
{

// 請修改下列數值
var sirListHeight = '90px';

var allTables = document.getElementsByTagName('tbody');
for (i=0; i < allTables.length; i++)
{
if ((allTables[i].innerHTML.indexOf('Sites I Read') != -1) &&
(allTables[i].innerHTML.toUpperCase().indexOf('<TABLE') == -1))
{
sirlist = allTables[i].lastChild;
temp = sirlist.firstChild.innerHTML;
sirlist.removeChild(sirlist.firstChild);
td = document.createElement('td');
div = document.createElement('div');
div.style.width = '165px';
div.style.height = sirListHeight;
div.style.overflow = 'auto';
div.innerHTML = temp;
td.appendChild(div);
sirlist.appendChild(td);
break;
}
}
}
if (navigator.userAgent.indexOf('Mac') == -1)
if ((document.URL.indexOf('weblogs') == -1) &&
(document.URL.indexOf('guestbook') == -1) &&
(document.URL.indexOf('events') == -1) &&
(document.URL.indexOf('reviews') == -1))
adjustSirListHeight();
</script>
<!-- end code provided by kkx3.com -->

Remarks

---

回到最上


SHOW唔哂長日記內容時加入捲軸

Entry [tick edit html]

<!-- code provided by kkx3.com -->

<DIV style="OVERFLOW-Y: scroll; HEIGHT: 340px;" border="0">

<Pre>

腥架教室
日記內容














</pre>

</div>

<!-- code provided by kkx3.com -->

Remarks

用透明框時就唔怕show唔哂日記

回到最上


個人資料加scrollbar code

Website stat

<!-- begin code provided by kkx3.com -->
<script type="text/javascript">
function adjustSirListHeight()
{

&nbsp;// 高度
&nbsp;var sirListHeight = '120px';

&nbsp;var allTables = document.getElementsByTagName('tbody');
&nbsp;for (i=0; i < allTables.length; i++)
&nbsp;{
if ((allTables[i].innerHTML.indexOf('Profile') != -1) &&
&nbsp;&nbsp;&nbsp;(allTables[i].innerHTML.toUpperCase().indexOf('<TABLE') == -1))
{
&nbsp;&nbsp;&nbsp;sirlist = allTables[i].lastChild;
&nbsp;&nbsp;&nbsp;temp = sirlist.firstChild.innerHTML;
&nbsp;&nbsp;&nbsp;sirlist.removeChild(sirlist.firstChild);
&nbsp;&nbsp;&nbsp;td = document.createElement('td');
&nbsp;&nbsp;&nbsp;div = document.createElement('div');
&nbsp;&nbsp;&nbsp;div.style.width = '190px';
&nbsp;&nbsp;&nbsp;div.style.height = sirListHeight;
&nbsp;&nbsp;&nbsp;div.style.overflow = 'auto';
&nbsp;&nbsp;&nbsp;div.innerHTML = temp;
&nbsp;&nbsp;&nbsp;td.appendChild(div);
&nbsp;&nbsp;&nbsp;sirlist.appendChild(td);
&nbsp;&nbsp;&nbsp;break;
}
&nbsp;}
}
if (navigator.userAgent.indexOf('Mac') == -1)
&nbsp;if ((document.URL.indexOf('weblogs') == -1) &&
(document.URL.indexOf('guestbook') == -1) &&
(document.URL.indexOf('events') == -1) &&
(document.URL.indexOf('reviews') == -1))
adjustSirListHeight();
</script>
<!-- end code provided by kkx3.com -->

Remarks

---

回到最上


Blogrings加scrollbar code

Website stat

<!-- begin code provided by kkx3.com -->
<script type="text/javascript">
function adjustSirListHeight()
{


&nbsp;//請自行修改高度
&nbsp;var sirListHeight = '200px';


&nbsp;var allTables = document.getElementsByTagName('tbody');
&nbsp;for (i=0; i < allTables.length; i++)
&nbsp;{
if ((allTables[i].innerHTML.indexOf('Blogrings') != -1) &&
&nbsp;&nbsp;&nbsp;(allTables[i].innerHTML.toUpperCase().indexOf('<TABLE') == -1))
{
&nbsp;&nbsp;&nbsp;sirlist = allTables[i].lastChild;
&nbsp;&nbsp;&nbsp;temp = sirlist.firstChild.innerHTML;
&nbsp;&nbsp;&nbsp;sirlist.removeChild(sirlist.firstChild);
&nbsp;&nbsp;&nbsp;td = document.createElement('td');
&nbsp;&nbsp;&nbsp;div = document.createElement('div');
&nbsp;&nbsp;&nbsp;div.style.width = '190px';
&nbsp;&nbsp;&nbsp;div.style.height = sirListHeight;
&nbsp;&nbsp;&nbsp;div.style.overflow = 'auto';
&nbsp;&nbsp;&nbsp;div.innerHTML = temp;
&nbsp;&nbsp;&nbsp;td.appendChild(div);
&nbsp;&nbsp;&nbsp;sirlist.appendChild(td);
&nbsp;&nbsp;&nbsp;break;
}
&nbsp;}
}
if (navigator.userAgent.indexOf('Mac') == -1)
&nbsp;if ((document.URL.indexOf('weblogs') == -1) &&
(document.URL.indexOf('guestbook') == -1) &&
(document.URL.indexOf('events') == -1) &&
(document.URL.indexOf('reviews') == -1))
adjustSirListHeight();
</script>
<!-- end code provided by kkx3.com -->

Remarks

---

回到最上


聯絡我們
如有錯漏,歡迎來信賜教

E-mail : kkx3@kkx3.com 標題請註明 Xanga教室