SWING RAN!! ラジオ

回覆留言實在是件榮幸但是麻煩的事情
直接使用留言功能,就會變成分辨不出來哪一個是主人的留言
回覆的又是哪個留言

前導：:: Mr. 戀上 Miss. ::中的如何在回應裡直接回覆別人的留言?

● 在看延伸教學前請先了解前導部落格的說明,才能懂延伸說的東西喔

延伸：
學會了<div>語法怎麼用在回應後,
現在可以在對方留言裡作出像是版主回應的樣子.
回應變得更方便
但是每一次都要打上一大堆語法
每次都會忘記,還滿討厭的

教你如何讓長長的語法
<div style="background-color:#F0FDCC; margin:0px 10px; padding:5px;border-top: 1px dashed #535353 ;font size:10px; color:#493330;">回覆的內容 </div>

變得這樣短
<div class=reply> 回覆的內容 </div>
卻是一樣的效果


善用CSS的功能
去看樂多CSS的最下方會看到這些
●●●●●●●●●●●●●●
img {BORDER: 0px;}
.pict {MARGIN: 5px 5px 5px 5px;}
.photo {TEXT-ALIGN: center}
.nickname {FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 10px 0px; COLOR: #7f8eb7}
.message {FONT-SIZE: 12px}
●●●●●●●●●●●●●●

這些都是針對不同的部份的顯示設定
例如圖片的顯示設定(.photo), 引用文的顯示設定(.quote)
所以我們也可以自行增加一個類別,作為回應文章的顯示設定
就暫時取名為 reply 好了
(可自由取名,注意不要跟已經有的名字重複)

一個類別的方式長得像這樣
.reply {}
前面有個一點( . )的其實就是代表一個類別
而 { } 中間,則是打入想要的語法
以swing部落格的為例：
<div style="background-color:#F0FDCC; margin:0px 10px; padding:5px;
border-top: 1px dashed #535353 ;font size:10px; color:#493330;">
原來的語法是長這樣

把這些設定放到.reply {}這個類別下面就可以了
像是這樣：
.reply {
background-color:#F0FDCC;
margin:0px 10px; padding:5px;
border-top: 1px dashed #535353;
font size:10px; color:#493330
}


嗯!這樣做好以後
我們就有一個叫做.reply 的樣式可以運用了

之後在回覆的時候,只要打上<div class=reply>回覆的內容</div>
就會讀取我們剛剛在CSS裡設定的結果
最後出現的樣子就是一樣的啦

這樣就再也不用記一長串語法了
理解他的操作以後,同樣也可以運用在插入圖片或是引用文的時候
大家可以多加利用喔!!!

● 重點提醒：在 <div class=xxx> 裡的名稱要跟你所設定的類別名一樣喔