有好多朋友都跟我一樣,很喜歡在部落裡放上一些小玩意
但是通通擺上去,又會佔了左右欄位很大的空間
我們可以將它放在捲軸裡。
或者是圖片要分享,好站連結,都是可以放在捲軸裡的唷!

下列是最基本的捲軸樣式,可以寫上文字與語法,但不能呈現出原始碼
若要呈現原始碼的捲軸框,需使用另外一種!



捲軸的顏色會跟你網頁裡的捲軸是一樣的
若要更改,可自行再加入捲軸顏色語法

語法說明:
<div style="OVERFLOW: auto; WIDTH: 180px; HEIGHT: 150px; background-color:#ffccff; color:#cc0000; font-size: 10pt; border:2px solid #ff0000;">可寫上文字與語法</div>

WIDTH: 180px; HEIGHT: 150px    框的大小
background-color:#ffccff;    框內背景色
border:2px solid #ff0000;    邊框大小與顏色
color:#cc0000; font-size: 10pt;    框內文字顏色與大小


若是無名朋友,可將語法放在資料夾管理裡:
在要加捲軸的資料夾那裡點選【新增連結】,排列順序改成第一個
然後把以下語法複製在新增連結的名稱裡,再按【確定】即可。




意思是這句語法要放在那個資料夾的最上面,大小請自行調整!


無名的朋友也可在最新文章,最新的回應,我的訂閱裡加上捲軸
這需將語法加在CSS裡,在CSS裡找......

最新文章的標籤    .boxNewArticle1
最新的回應的標籤    .boxNewComment1
我的訂閱的標籤    .boxRssList1

在括號裡加上  {height: 220px; overflow: auto;}

例:要在最新文章裡加上捲軸
.boxNewArticle1{height: 220px; overflow: auto;}

註:如果一直找不到標籤,那麼就自己將整句給它加進去囉!

cm788847 發表在 痞客邦 PIXNET 留言(20) 人氣()


留言列表 (20)

發表留言
  • kk
  • 那維甚麼打上與法後再html上面<br />
    他的大小在返回後會不見 然後跟版面一樣大呢?
  • kk
  • 不好意思 那版大 yahoo的部落有辦法使用嗎<br />
  • kk
  • 是喔 難怪我搞了老半天<br />
    一直無法用 暈倒
  • kk
  • 版大 我已填上BLOG了<br />
    麻煩您嚕^^<br />
    <br />
    <br />
    <br />
  • kk
  • 請問板大的框+捲軸的語法是什麼呢^^?<br />
    我覺得很好看 是否能告訴我呢?
  • 路
  • <p>確定是無名的限制,那就只有如此了,謝謝妳願意回覆。</p>
  • 路
  • 這個語法現在好像不適用了,我右邊連結列在很早以前放的語法沒問題,但新增的資料夾就不行,我想網頁高手的情意應該知道原因,可否告知?謝謝!
  • 陌念心
  • 你好,我用這個語法<div style="OVERFLOW: auto; WIDTH: 180px; HEIGHT: 150px; background-color:#ffccff; font-size: 10pt">在這裡可以任意寫上文字與語法</div>&nbsp; 雖然無名有支援,但我要在上面放小玩意讓人複製語法,可是那語法有效,就是沒辦法讓人複製到。無名都不行嗎? 想考慮用痞客幫了
  • 云
  • 情意,你的部落格真的造福了很多人~!<br />
    我已經把你家當作我的百科全書了!<img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/embaressed_smile.gif" />
  • yanmon
  • 真的很方便我放一些小玩意耶~~<br />
    謝謝分享唷^^
  • mylias00011
  • <p>拿走囉~~~如果有不會的地方在請教妳</p>
  • Kirei_漾
  • <p>好實用喔^^<br />
    我帶走惹~<br />
    謝謝^^</p>
  • takumi
  • <p>真的很謝謝你提供的語法<br />
    讓我可以更隨心使用部落格</p>
  • 小希
  • 版主你好唷<br />
    我原本是用全部地區的氣象+滾軸<br />
    可是下麵小圖的氣象會重複滾軸<br />
    那怎麼辦阿<br />
    是不是我語法哪裡用錯了呢??<br />
    還有如果我不想要看到滾軸可以嗎?(就是隱藏)<br />
    有辦法嗎??<br />
    謝謝
  • 南十字星
  • 請問♬╮哩哩扣扣裡的框框的怎麼用
  • sunny118
  • <p>謝謝你..真的是非常實用!!<br />
    造福了我們^.^</p>
  • 阿WEI
  • <p>感謝版主<br />
    這很實用唷!!<br />
    也講的很詳細.易懂.<br />
    也試過很多小玩意.<br />
    但有些複雜難懂所以放棄.<br />
    所以只能用些簡單易懂的.<br />
    讓我這電腦白痴的部落格變豐富了.<br />
    超開心發現這裡的.<br />
    </p>
  • 小綠
  • 可以給我放原始碼的捲軸框嗎=//////////=<br />
    我很需要她XDDD<br />
    <br />
  • 喜愛豬
  • 原來 要改一下大小,呼!<br />
    謝謝你,讓我學到東西哩^____^<br />
    <br />
    好人會有好報!