Bookmark: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl Bookmark to:YouPush Bookmark to:你推我報


HTML語法部份:


範例:
<DIV style="top :20px; left : 8px; position : absolute;" id="TEST">內容</DIV>


其中「top :20px; left : 8px; 」是用來定位物件的位置!(top:與頂部的距離;left:與右側的距離)
ID="XXX" => 可以任意取名,不要重複到現有的就可以了!


CSS語法部份:

範例:
#box370874 .box-title {
display:none;
font-size:11px;
font-family:Verdana;
}
#box370874 {
position:absolute;
top:292px;
margin-left:-352px;
font-size:11px;
font-family:Verdana;
}



例如新增一個版位「ABC」並且按下「儲存版面」
然後重讀部落格主頁並搜尋原始碼…
找到以下的語法片段,並將id的名稱「box370874」記錄下來…

<div id="box370874" class="box folder">
<h4 class="box-title">ABC</h4>

再修改上方的CSS語法範例…

-----------------------------

#box370874 .box-title
#box370874


box370874 .box-title => 設定標題
box370874 => 設定內容
 

-----------------------------

display:none;

設定不顯示內容!


-----------------------------


position:absolute;
top:292px;
margin-left:-352px;


是用來定位物件的位置!(其中: top指與頂部的距離;left指與右側的距離)

------------------

font-size:11px;
font-family:Verdana;


設定文字的大小與字型。

-----------------------------


Posted by tzoyiing at 痞客邦 PIXNET Comments(0) Trackback(0) Hits(395)