国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

【教程】和訊個人門戶“任何地方添任何模塊”CSS-HTML方法

來源：星心的夜 b333.blog.hexun.com/45895303_d.html 緣陽娛樂 hexun.com/wwwy1 收藏整理：博客特效大全    hexun.com/yayb

    大家可能見過有些博客朋友的個人門戶有“超多的模塊”，而且模塊的大小、多少、位置可以任意設(shè)置。那么是如何做到的呢？這個需要由自定義css代碼和自定義HTML代碼相互配合才能夠做到。其原理是第一部分：從自定義css代碼里面定義一個模塊：包含模塊的大小、離頂端（top）的距離、離左右頁面的距離——也就是從自定義css里面絕對定位出一個模塊。第二部分：從自定義HTML模塊里面添加該對應模塊的代碼，例如鏈接代碼、滾動圖片代碼、底部友情鏈接代碼等等。下面以頂部右邊定義一個鏈接模塊為例進行說明，這里也就是起到拋磚引玉的作用，把原理告訴大家，以便大家可以制作出任何網(wǎng)頁效果來。大家先看看頂部右邊添加模塊的效果圖：

    其具體方法步驟如下：

第一部分：自定義CSS代碼部分

    登陸個人門戶--我的家--門戶設(shè)置--自定義css--在自定義css代碼的最后面添加上如下相關(guān)代碼，保存即可！

/* 自定義htmlcss_可自行修改哦 */
/* 新增導航 */
.gker_01 {
    left: 50%;
    width: 760px;
    position: absolute;
    center:0px;
    top:42px; 
    height: 50px;
    margin-left:-300px;
    line-height: 25px; 
        background: #DDDDDD
}
.gker_01_01 {
    float:left;
    font-size: 14px;
    padding-left: 8px;
    width: 487px;
color: #111111;
}
.gker_01_02 {
    float:right;
    background-image: url(http://hexun.com/homephoto3/20100107/12407529/bk04-52-49.gif);
    background-repeat: repeat-y;
    padding-left: 20px;
    width: 240px;
.gker_02 {
    left: 50%;
    width: 365px;
    position: absolute;
    center:0px;
    top:111px;
    height: 21px;
    margin-left:100px;
    line-height: 30px;
}

第一部分代碼使用說明（絕對定位模塊的大小，即長寬、離頂端位置、離左右頁面距離）：
.gker_01 {                            第一模塊編號
    left: 50%;
    width: 760px;                          修改模塊寬度
    position: absolute;
    center:0px;
    top:42px;                              修改距離上邊高度，即頂端
    height: 50px;                          修改模塊高度
    margin-left:-300px;                    修改左右位置
    line-height: 25px;                     修改行距
    background: #DDDDDD                    修改模塊底色，刪除為無色透明
}

第二部分：自定義HTML模塊代碼部分

    在自定義html里對應添加：    模塊編號如：.gker_01或.gker_01_01（第一模塊第一部分）
自定義HTML添加相應代碼：
<div class="gker_01">
<div class="gker_01_01">
<a target="_blank" >高中語文教參</a>　<a target="_blank" >字詞成語</a>　<a target="_blank" >標點符號</a>　<a target="_blank" >詩詞鑒賞</a>　<a target="_blank" >文言文知識</a>　<a target="_blank" >文學常識默寫</a>

<br>
<a target="_blank" >寫作題庫作品</a>　<a target="_blank" >修辭方法</a>　<a target="_blank" >語病知識</a>　<a target="_blank" >語言表達</a>　<a target="_blank" >現(xiàn)代文閱讀</a>　<a target="_blank" >語文測試卷庫</a>
</div>
<div class="gker_01_02">
<a target="_blank">關(guān)注果殼</a>　<a target="_blank">發(fā)送私信</a>　<a target="_blank" >發(fā)表文章</a>　<a target="_blank" >果殼日記</a>

<br>
<a target="_blank" >輕云出岫</a>　<a target="_blank" >時事趣聞</a>　<a target="_blank" >我的圈子</a>　<a target="_blank" >緣陽娛樂</a>
</div>
</div>
代碼說明：模塊可增加也可減少；將以上的鏈接地址改為自己需要的鏈接地址。也可以修改為相關(guān)模塊代碼，例如滾動圖片代碼、友情鏈接代碼等等。

其它方法保存：

自定義css：

.top05/* 內(nèi)容1 */
{display:none;}
#HomePageBody .top05
{display:block;}