2011年3月13日 星期日

[blogspot]文章加上重點底線


我想在BLOG上劃重點,但又不想要只讓文字呈現顏色的區分.想要在文字底下劃上不一樣的底線,以增加閱讀的樂趣。

可以跟著[Blog語法研究室 ]動手做看看。



]嘗試著做做看。



1) 取得底線的圖檔,也可以自己畫。




要 gif 格式喔,而且要設定底色為透明。這裡先提供一個粉紅色底線的圖
檔,有需要的可以在這個圖示上面pink1_underline按滑鼠右鍵另存圖檔,也希望你可以自己畫出你自己的底線。




2) 將圖檔放到網路可以讀取的地方。



3)選取【版面配置】或【設計】,然後點選【修改HTML】,記得先下載備份完整範本。



然後在「修改範本」中找到【body{…}】,在其前面加上一段程式碼。



  • 其中
    【PINK_UNDER】就是關鍵字,可以自訂,這裡的大小寫必須完全正確,也就是說後面引用的時候,必須跟這裡所定義的大小寫一模一樣。


  • 【http://…】所跟著的網址要指到底線圖檔所擺放的網路空間。












.PINK_UNDER
{

text-decoration: none;

background:
url(
http://i607.photobucket.com/albums/t7/BlogScriptStudy/pink_underline.gif) repeat-x 100% 100%;

padding-bottom:
0px;

}



4)用法

比如說這段文字的【粉紅色底線】要加底線,就
要寫成



比如說這段文字的【class="PINK_UNDERLINE">粉紅色底線</span>】要加底線










Related Posts:

  • Blogger - sidebar-wrapper code這個是控制Sidebar的元素之一.可以由改width得知,可把數字改大一點.#sidebar-wrapper { width: 220px; float: $endSide; word-wrap: break-word; /* fix for long text breaking sideb… Read More
  • CSS 教學CSS teach stuff : HTML and CSS Tutorials. And Stuff… Read More
  • CSS - 自訂 物件自訂 選擇器[1][2]Number of elements 種類一:CLASS="名稱" <style type="text/css"> <!-- .one{ color : #cc6699 ; /*文字色彩*/ font-size : 9… Read More
  • [blogspot]文章加上重點底線我想在BLOG上劃重點,但又不想要只讓文字呈現顏色的區分.想要在文字底下劃上不一樣的底線,以增加閱讀的樂趣。可以跟著[Blog語法研究室 ]動手做看看。 ]嘗試著做做看。1) 取得底線的圖檔,也可以自己畫。 要 gif 格式喔,而且要設定底色為透明。這裡先提供一個粉紅色底線的圖 檔,有需要的可以在… Read More
  • [Blogger] content word size change Read More

0 意見:

張貼留言