残缺の洋娃娃's profile○﹋ susie & elsa ❤ •۰· の努...PhotosBlogLists Tools Help

Blog


    19/10/2005

    关于如何扩宽日志版面

    2k 注: 最近一直有人再问如何扩宽日志的版面,让右面那空白看上去没有这么空。这里我实在懒得写教程了,而且已经有人写过了,请大家参考╮(╯▽╰)/夢與天堂の空想世界~的一篇文章吧。

     

    (原創 ╮(╯▽╰)/夢與天堂の空想世界~http://spaces.msn.com/members/young59tw/)  

     

    首頁的擴大語法 

     依首頁看到的版面狀態的分成兩類 1).模組(模块)在右,網誌在左  2)網誌在右,(模块)在左。  

    1).模組在右,網誌在左

     
    網誌擴大,把模組推到右邊空白的位置。
     
          網誌    

    模組

     
    1. 選擇 [ 3 欄;中寬 3欄中寬 ] 和 [ 兩欄;右窄 2欄右窄 ]的版面。  
    2. 調整[ Custom HTML模組 ]在[ 網誌 ]上方。
    3. Custom HTML填入以下語法後,儲存。
     出處:修改[­­Hack MSN Spaces]的[Custom Wider Blog Entries [IE]],此語法更短。

     

     </table></table><table width=998><td>

     

     width=998 998可以依自己喜好的寬度修改。

     
     

    2)網誌在右,模組(模块)在左 

     
    在首頁看到左邊有模組,右邊的網誌擴大到右邊的空白處。
     
    模組

              網誌     

    1. 選擇[ 兩欄;左窄 2欄左窄 ] 的版面。
    2. 在首頁日誌中加入以下語法(HTML模式)。

     

     

    編輯本日誌內容<HTML>

     

     

    編輯主內容完成後最後一行加入

    <PRE></TABLE>
    <TABLE   width=790  background="背景圖片連結"> <TBODY><TR><TD><DIV><TABLE style="DISPLAY: none"></PRE>
     

     

     
    語法說明:
     
    width=790                          790可以依自己喜好的寬度修改。
    style="DISPLAY: none"         關閉"回應鈕"(位置見下圖 :單篇日誌圖)選項,如不需要可以去除。
    background="背景圖片連結"  可為本日誌以下日誌添加一慣性相同的背景。   

    本日誌要添加背景,請[ 編輯本日誌內容<HTML> ]中使用<TABLE>表格語法(詳見教學),如下。

     

     

    <TABLE width=790 background="背景圖片路徑" border=1>
    <TBODY>
    <TR vAlign=top align=left>
    <TD>編輯本日誌內容 </TD></TR></TBODY></TABLE>

     

     

    編輯主內容完成後最後一行加入

    <PRE></TABLE>
    <TABLE   width=790  background="背景圖片連結"> <TBODY><TR><TD><DIV><TABLE style="DISPLAY: none"></PRE>
     

     

    border=1 顯示表格框的粗細,為了清楚知道編輯範圍,設定顯示框線,如不需外框要設為 0

    其他width=790 background="背景圖片路徑"用法跟上述一致。 

       

       3.完成後直接發佈文章,即可看到效果。

     

     

     

    單篇日誌擴大語法(如:留言板)

    圖: 單篇日誌圖

     

    這就沒有版面的問題,可以直接使用,此篇日誌不要在首頁(一直發新日誌就會把它推出去),以免跟

    首頁語法相衝突。

    依外框的型態,分別說明,取其一使用,當然沒外框的主題,可以使用任何一種都一樣。

     

    1)框框包含整個版面

    這語法跟[ 2)網誌在右,模組在左 ]一樣如下

     

     

    編輯本日誌內容<HTML>

     

     

    編輯主內容完成後最後一行加入

    <PRE></TABLE>
    <TABLE   width=988> <TBODY><TR><TD><DIV>

    <TABLE style="DISPLAY: none"></PRE> 

     

    語法設定跟上述的:[ 首頁: 2)網誌在右,模組在左 ]一樣。

     

     

    2)日誌內容在框內

     

     

    編輯本日誌內容<HTML>

     

     

    編輯主內容完成後最後一行加入

    <PRE></TABLE></TABLE>
    <TABLE   width=988 ><TBODY><TR><TD><DIV>

    <TABLE style="DISPLAY: none"></PRE> 

     

     語法設定跟說明上述的:[ 首頁: 2)網誌在右,模組在左 ]一樣。

     

     

    3)日誌內容在框框外

     <PRE></TABLE></TABLE>

     

     

    編輯本日誌內容<HTML>

    此內容版面可以任意擴大

     

     

     

     

       1.這語法就比較簡單,只要在最上面輸入<PRE></TABLE></TABLE>,版面就隨意編輯隨意

         擴如果本日誌要加上背景也可以使用上述的[ 使用<TABLE>表格語法 (詳見教學)]製作背景, 

         寬可以設定width=988 或適合的寬度。

       2.如果要關閉"回應鈕"(位置見上圖 :單篇日誌圖)選項,在HTML語法最後一行加入以下語法

         (詳見:密技~關閉回應(評論)終極技法)

          <PRE></TR></TD><DIV><TABLE style="DISPLAY: none"></PRE>

         或者,想把"留言回應內容處"(位置見上圖 :單篇日誌圖)關閉,可以使用

         (詳見:密技~關閉回應版跟實現首頁單篇日誌(危險語法))

      <PRE></TR></Table><TABLE style="DISPLAY: none"><TR><TD><DIV><TABLE></PRE>

         以上兩語法擇期一使用,勿混合

     

     <PRE></TABLE></TABLE>

     

     

    <TABLE width=790 background="背景圖片路徑" border=1>
    <TBODY>
    <TR vAlign=top align=left>
    <TD>編輯本日誌內容 </TD></TR></TBODY></TABLE>

     

    編輯完之後,最後一行加入,擇期一使用,勿混合。

     

    <PRE></TR></TD><DIV><TABLE style="DISPLAY: none"></PRE>

     

    或者

     

    <PRE></TR></Table><TABLE style="DISPLAY: none">

    <TR><TD><DIV><TABLE></PRE> 

     

            3.完成後直接發佈文章,即可看到效果。

     

    所有方法都說明了,剩下就是你們運用跟創意。

     

    PS.以上用法對MSN Spaces非正常使用,目前雖然沒有發現任何後遺症,但未來有什麼後果,恕不負責

     

     

     

     

    还有一个超级简单的(适合我):

     

     

    1、改布局为左大右小的两列;
    2、把BLOG放左边,其余列表放在右边的小列里;
    3、把自定义HTML模块放在左边
    宽列最上端,即BLOG之上;
    4、自定义模块输入</td></table>清空在自定义模块中的其他选项;
    5、保存自定义模块和新的布局。

    预览下吧,成功啦 ^_^

    Comments

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up

    Trackbacks

    The trackback URL for this entry is:
    http://myroroy.spaces.live.com/blog/cns!575A18C7223EC0D9!605.trak
    Weblogs that reference this entry
    • None