スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
-- ----- スポンサー広告

語法筆記:預讀按鈕

  之前有用過類似的語法,本來想這要寫一篇紀錄,結果忘了。最近恰好有網友cat提起,於是回頭去挖出很久沒用的這段語法,在現在這個版型上試過,一樣是ok的,就請有需要的網友按照這個方式操作囉。
先在<head>與</head>中間填上這些程式碼: 
<script type="text/javascript">
<!--
function showMore(varA1, varB1){
var123 = ('varXYZ' + (varA1));
varABC = ('varP' + (varA1));
if( document.getElementById ) {
if( document.getElementById(var123).style.display ) {
if( varB1 != 0 ) {
document.getElementById(var123).style.display = "block";
document.getElementById(varABC).style.display = "none";
} else { document.getElementById(var123).style.display = "none";
document.getElementById(varABC).style.display = "block"; }
} else { location.href = varB1;
return true; }
} else { location.href = varB1;
return true; }
}
//-->
</script>


然後在<body></body>中找到<!--more_link--> ,和<!--/more_link-->。然後把下面這段刪掉(如果怕刪錯,建議可以先開筆記本將這段存下來。)

<div class="more"><a href="<%topentry_link>#more">..... read more</a><div class="fc2_footer" style="text-align:right;vertical-align:middle;"><a href="http://blogvote.fc2.com/pickup/xxx/xxx"><img src="http://xxx.blogxx.fc2.com/file/iwebclap2b.gif" style="border:0;" /></a></div></div>


然後,在剛剛那邊貼上以下這一段程式碼。紅字的地方就是按鈕,可以填上你喜歡的稱號,或是換成圖片。

<!--BisEntryIfExtended-->
<span id="varP<%topentry_no>">
<a href="<%topentry_link>#<%topentry_no>" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;">open</a>
</span>
<div id="varXYZ<%topentry_no>" style="display: none">
<%topentry_more><br clear="all">
<a href="#<%topentry_no>" onclick="showMore(<%topentry_no>,0);return true;">close</a>
</div>
<!--/BisEntryIfExtended-->


不過在使用上,建議若站上都是短文章會比較適合喔。因為這種方式是讓瀏覽器預先讀下所有文章,所以在剛開始讀的時候會比較慢。若文章篇幅很長,那麼總共要讀的時間也會就拖很久了。
22 10-2007 [blog]語法倉庫 Trackback:0Comment:13

コメント

很謝謝你告訴我:)
可是我找部到要從哪裡找到這些語法。
去刪掉然後改新的= =
可以麻煩告訴我去哪裡改嗎?
我找很久還是摸不著頭緒:P
很感謝!
  1. 2007/10/27(土) 00:21:29 |
  2. URL |
  3. cat #-
  4. [ 編集 ]
嗯嗯,不客氣:p

更改語法的話,你在進到管理畫面的時候,右邊的選單中有一項[環境設定],裡面有一個選項是[テンプレートの設定],點選進去之後就會看到你所使用的版型(有紅色旗子的那個),然後按[編集],下面就會出現兩個框架,分別是此一版型的html(上面的框架)和css設定(下面的框架)。我們現在做的更動,是要改html的部份。所以是要到上面的那個框架去找。

如果是找不到標籤的話,建議可以按鍵盤上的ctrl鍵加上f鍵,開啟搜尋功能,應該就可以輕鬆的找到要改的地方了:)

ps.剛剛發現漏了一段程式碼。現在補上囉。
  1. 2007/10/29(月) 20:31:19 |
  2. URL |
  3. lunaj #-
  4. [ 編集 ]
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
  1. 2007/10/30(火) 22:02:17 |
  2. |
  3. #
  4. [ 編集 ]
>cat:
我可以幫你,不過你要再給我你的blog網址喔!不然我也是沒辦法的:p
  1. 2007/10/30(火) 23:44:42 |
  2. URL |
  3. lunaj #-
  4. [ 編集 ]
http://willa523.blog123.fc2.com/

謝謝:)
萬分感謝:"D
  1. 2007/10/31(水) 22:02:59 |
  2. URL |
  3. cat #-
  4. [ 編集 ]
No title
請問一下,這樣處理了之後比如open和hide裏面的字體顔色什麽的都不符合前面的設置了怎麽改呢?是不是改css?
  1. 2007/11/30(金) 17:51:12 |
  2. URL |
  3. freya #-
  4. [ 編集 ]
No title
是指open和hide的字體顏色不對嗎?
如果是的話,在前面加上<font color=色碼 size=號碼>,後面加上<font>包起來就可以了。
如果指的是繼續閱讀的部份樣式跑掉,可能要看是不是在加程式碼的時候誤刪了什麼,又或是你所使用的樣板不支援這樣的更動,可能要換個樣板才能使用@@

因為就我所知,這個變動應該是不會改到字體和顏色的,也沒有改到css的部份(所以再改變css似乎也沒有用)

希望你能順利的解決問題。
  1. 2007/12/02(日) 00:39:16 |
  2. URL |
  3. lunaj #-
  4. [ 編集 ]
No title
非常感謝你還給我回復,我是改動了之後open和hide顔色大小都不一樣了,裏面的繼續閲讀的内容也是變成了大一號的字體還有只是色了
我用來試驗的那個模板它主背景不是單一的顔色,是信紙狀的,所以修改了之後它的信紙樣的條紋也不能出現在繼續閲讀的部分了
我嘗試在css部分body裏面加了字體大小和顔色的設定,這樣繼續閲讀裏面的字體大小和顔色就一樣了,但是它的背景還是沒有信紙的條紋狀
嗯我再自己琢磨琢磨看,還是謝謝你i-234
  1. 2007/12/02(日) 15:56:53 |
  2. URL |
  3. freya #-
  4. [ 編集 ]
No title
不好意思沒能幫上什麼忙i-230
原本我是想css裡面應該都至少寫了大小的部份,所以想說動了可能也沒用^^;
不曉得你用的是哪個模板呢?有空時我也想研究看看:p
  1. 2007/12/03(月) 06:03:52 |
  2. URL |
  3. lunaj #-
  4. [ 編集 ]
請問,我在使用預讀按鈕時,發現一把

<!--BisEntryIfExtended-->到<!--/BisEntryIfExtended-->

用上去時,整個部落格頁面都會變成紅色
http://wingdark.blog125.fc2.com/

請問一下,要怎麼把紅色給用掉?
ps。7樓的方法不會用,所以才這樣問

感謝
  1. 2009/09/21(月) 09:46:26 |
  2. URL |
  3. 櫻 #-
  4. [ 編集 ]
Re: タイトルなし
我用FF看,並沒有看到問題喔!
後來想想可能是瀏覽器的關係,切換了IE,才有看到你說的「整個版面都變成紅字」的情況。
這個我想應該是版型本身的問題,最好是換個可以相容的
(不然就換瀏覽器吧......)
如果不願意換版型的話,就要強制在每個會出現文字的地方加上語法,也就是(7)裡的方法了。
  1. 2009/09/22(火) 06:45:52 |
  2. URL |
  3. lunaj #-
  4. [ 編集 ]
喔喔,還是遊覽器的問題啊!當初我用火狐看,的確是一點問題也沒有,就是轉換到IE才囧到

我知道了,感謝︿︿~
以後就文字+語法就好哩
  1. 2009/09/22(火) 09:39:12 |
  2. URL |
  3. 櫻 #-
  4. [ 編集 ]
不客氣~
瀏覽器真是很麻煩的一件事orz
如果擔心客人會看到你不喜歡的版面配置的話,
可以設個欄位告知最佳瀏覽方式,
雖然不見得有用,不過總算是盡點人事:p
  1. 2009/09/22(火) 23:21:35 |
  2. URL |
  3. lunaj #-
  4. [ 編集 ]

コメントの投稿


管理者にだけ表示を許可する

トラックバック URL
http://lunaj.blog13.fc2.com/tb.php/983-90665003
この記事にトラックバックする(FC2ブログユーザー)
 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。