May 5,2005

CSS 延續教學 ( 連結區前置圖法 )


你想要像我一樣,在邊欄每一項連結前加上圖樣嗎?
( 請看下圖↓)


大部份的人
都只有辦法在自己新增加的「自由欄位 & 連結書籤」前面加上圖樣

我想一定有人想像我一樣
在連結前面加個小標誌吧

這個方法請在CSS 裡面找到↓

.sidebody
.sidebody 的下方加入下列語法
background:url(圖檔網址) no-repeat;

我也有發現
有些版面並沒有.sidebody 這一串CSS 語法
如果你的版版剛好是屬於這一種的
請在CSS 〝.side〞所有語法的下方補上下列整串語法
.sidebody{
padding:1px 5px 1px 13px;
margin:0px 0px 5px 0px;
background:url(圖檔網址) no-repeat;}

不過建議大家別找太大張的標誌圖
這樣的話,版面會變得很醜唷~

不過這種圖有一個小缺點
那就是,若是自己設的「自由欄位」只有辦法出現一個標誌圖
因為在CSS 的認定裡,那是屬於單一物件的欄位

仔細看我的版版就會知道其意思了 ^_^

Posted by happy1211230 at 樂多Roodo! │01:41 │回應(9)Miss. 分享
樂多分類:日記/一般 工具:編輯本文
Ads by Roodo! 
回應文章
coco is ban da!
i dont know ur mean....>_<

can u explain to careful for me?


回覆:

coco 是哪裡不懂?
這樣我很難作解說耶 ^^"
Posted by cocochang at May 11,2005 21:06
留言框右下角置圖...
你好,我想請問如果想像你一樣在留言框的右下角放圖,那該怎麼做才好呢?
如果圖是在左邊,要怎麼加上移位置的語法呢?
謝謝


回覆:

嗯~
如果是要放在回應框裡的圖不建議用太大的圖
至於放置的位置我並沒有做修改耶 ^^"

我只是單純的把一張正方形的圖放進去
其實我比較建議找小圖樣的可愛圖,否則太大會擴張唷

至於如何放置,我有寫這方面的教學文,請到如何在回應框裡放置圖片?尋找答案吧 ^_^
Posted by sophia at June 16,2005 20:19
版面要怎麼用?
Posted by 呆﹏玲ㄦ* at September 3,2005 19:52
回覆:

>> 呆﹏玲ㄦ*

嗯~不懂妳要問的問題
版面就是版面,不用怎麼用

就妳現在看到的所有東西都統稱叫「版面」

就是一個網頁的整體樣式‧‧
Posted by 版主 at September 4,2005 00:51
請問一下可以將文字連結變成圖片連結嗎?

如果看不太懂還請見諒
因為正忙著找答案呢...
Posted by 墜落天使 at May 1,2006 23:38
● 墮落天使
你好,把文字連結變成圖片連結,我把我大概解讀的方法告訴你,但是不太清楚你是否想要這樣的答案?
--
文字連結語法↓
<a href="想連結的網址">網址 or 文字</a>
--
圖片連結語法↓
<a href="想連結的網址"><img src="圖片網址" border="0"></a>
--
希望有幫上你的忙 ^_^
Posted by 版主 at May 8,2006 13:01
請問要怎樣把你回答墮落天使的連結語法用在yam網上呢?也就是,html語法怎麼用在css上呢?比如我想在網誌副標上放一個小的「回首頁」icon,但用你教的,好像都不被接受。

謝謝。
Posted by marcopola at June 16,2006 06:01
謝謝,我的問題已經解決了。有網友直接copy他的給我改,其實語法就跟你教的一樣,不知為何我照那樣做卻被說該網頁已經移除,轉到樂多首頁去。可能我哪兒弄錯而不自覺吧。
Posted by marcopola at June 17,2006 05:09
[URL=http://www.wertino.cn/centri-dimagrimento] centri dimagrimento [/URL] centri dimagrimento [URL=http://www.wertino.cn/erik-truffaz] erik truffaz [/URL] erik truffaz [URL=http://www.wertino.cn/atlante-stradale] atlante stradale [/URL] atlante stradale
Posted by Juan at June 15,2008 15:22