和讯博客首页模块两栏排列的实现代码

概述最近一些朋友都问一个问题，如何让个人门户模块像博客一样成两列显示，具体效果请参考在这里做个简单介绍，希望对有这方面打算的朋友有所帮助。看看步骤： 1.登陆到个人门户，在个人门户设置中选择模块选择，然后在右边选择自定义CSS。 2.请如下面找到紫色部分，按红色的提示修改（需修改的有两… 最近一些朋友都问一个问题，如何让个人门户模块像博客一样成两列显示，具体效果请参考

在这里做个简单介绍，希望对有这方面打算的朋友有所帮助。看看步骤：

1.登陆到个人门户，在个人门户设置中选择模块选择，然后在右边选择自定义CSS。

2.请如下面找到紫色部分，按红色的提示修改（需修改的有两处）

#left_sIDe {
wIDth: 204px;
}
.left_sIDe_2 {
wIDth: 204px;
}
.left_sIDe_3 {
wIDth: 204px;
border-right-wIDth: 1px;
border-right-style: solID;
border-right-color: #E4E4E4;
}

#left_sIDe #left_sIDe_inner .sIDe_block .substance .substance_List .SList .SList_2 {
visibility: hIDden;
}
#left_sIDe #left_sIDe_inner .sIDe_block .substance .SList .SList_2 {
visibility: hIDden;
}
#left_sIDe #left_sIDe_inner .sIDe_block #AudiodivItem .music_boder {
wIDth: 160px;
}
#left_sIDe #left_sIDe_inner .sIDe_block #AudiodivItem object {
height: 64px;
wIDth: 182px;
}
#left_sIDe #left_sIDe_inner .sIDe_block #Board .message .message_List {
wIDth: 182px;
}
#left_sIDe #left_sIDe_inner .sIDe_block #Board .release .release_2 input {
wIDth: 120px;
}
#left_sIDe #left_sIDe_inner .sIDe_block #Board .release .release_2 textarea {
wIDth: 120px;
}
#left_sIDe #left_sIDe_inner .sIDe_block #Board .message .message_List .message_List_right .message_List_right_text {
height: 66px;
}
#left_sIDe #left_sIDe_inner .sIDe_block #VIDeodivItem object {
wIDth: 182px;
}
#left_sIDe #left_sIDe_inner .sIDe_block #MyFrIEnd {
height:auto;
wIDth:182px;
}
#left_sIDe #left_sIDe_inner .sIDe_block #MyFrIEnd div {
margin-left:5px;
margin-right:5px;
margin-top:5px;
}

.List {
line-height: 20px;
height: 20px;
}
.List_1 {
float: left;
}
.List_2 {
float: right;
}
#main {
wIDth: 528px; /*将此处的528修改为728*/
}
#main_inner {
wIDth: 508px; /*将此处的508改为718*/
padding-right: 10px;
padding-left: 10px;
}
#master_ptoto {
text-align: center;
}
#master_ptoto_1 {
padding-top: 8px;
padding-bottom: 8px;
}
#master_ptoto_2 {
line-height: 18px;
}
#main #main_inner .sIDe_block #Board .release .release_2 input {
wIDth: 422px;
}
#main #main_inner .sIDe_block #Board .release .release_2 textarea {
wIDth: 422px;
}
#main #main_inner .sIDe_block #AudiodivItem object {
height: 64px;
wIDth: 450px;
}
#main #main_inner .sIDe_block #AudiodivItem .music_boder {
wIDth: 428px;
}
#main #main_inner .sIDe_block #Board .message .message_List {
wIDth: 486px;
}
#main #main_inner .sIDe_block #VIDeodivItem object {
wIDth: 450px;
height: 360px;
}
#main #main_inner .sIDe_block #VIDeodivItem .music_boder {
wIDth: 428px;
}
#main #main_inner .sIDe_block #MyFrIEnd {
height: 200px;
}
#main #main_inner .sIDe_block #MyFrIEnd div {
margin-left:11px;
margin-right:5px;
margin-top:5px;

}
#MyFrIEnd {
text-align: center ;
}
#MyFrIEnd div {
float:left;
}
#MyFrIEnd span {
display:block;
height: 22px;
wIDth: 75px;
overflow: hIDden;

}
#MyFrIEnd img {
height: 75px;
wIDth: 75px;
}
#AudiodivItem {
text-align: center;
}
.music_List {
margin-top: 10px;
}
.music_boder {
border: 1px solID #CECECE;
text-align: left;
padding: 10px;
}
.music_boder_1 span,.music_boder_2 span {
Font-weight: bold;
}
.message_List {
border-bottom-wIDth: 1px;
border-bottom-style: dashed;
margin-bottom: 7px;
border-bottom-color: #CECECE;
}
.message_List_left {
wIDth: 60px;
height: 62px;
text-align: center;
margin: 0px;
}
.message_List_left_1 {
height: 40px;
}
.message_List_left_2 {
height: 22px;
}
.message_List_right {
}
.message_List_right div {
padding-left: 10px;
}
.more {
float: right;
padding-right: 10px;
}
.MusicnameList {
wIDth: 100%;
text-align: center;
line-height: 28px;
color: #999999;
}
.MusicnameList tr {
background-image: url(http://hexun.com/img/img_style000/vi_01.gif);
background-repeat: repeat-x;
background-position: bottom;
}
.MusicnameList div {
background-image: url(http://hexun.com/img/img_style000/vi_10.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
.MusicnameListTitle {
color: #494949;
}

.Music_Item_B {
height: 95px;
}
.Music_Item_B_1 {
float: left;
}
.Music_Item_B_1 img {
margin: 10px;
height: 75px;
wIDth: 75px;
}
.Music_Item_B_2 {
margin-top: 8px;
}
.Music_Item_B_2 div {
height: 20px;
line-height: 20px;
}

#MusicPlayerID {
wIDth: 100%;
}
#MusicPlayerID td {
padding-top: 12px;
padding-bottom: 12px;
line-height: 22px;
}

.MusicPlayerTd_1 div {
padding-right: 10px;
padding-left: 10px;
}
.MusicPlayerTd_1_2 object {
height: 64px;
wIDth: 500px;
}
.MusicPlayerTd_2 div {
height: 22px;
margin-left: 10px;
}
.MusicPlayerTd_3 div {
padding-right: 10px;
padding-left: 10px;
}

#MusicPlayerID .MusicPlayerTd_1 {
wIDth: 530px;
border-bottom-wIDth: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCCCCC;
}
#MusicPlayerID .MusicPlayerTd_2 {
border-left-wIDth: 1px;
border-left-style: dashed;
border-left-color: #CCCCCC;
wIDth: 189px;
}
.MusicPlayerTd_3_3 {
margin-top: 10px;
}

未完，请看下一页。

总结

以上是内存溢出为你收集整理的和讯博客首页模块两栏排列的实现代码全部内容，希望文章能够帮你解决和讯博客首页模块两栏排列的实现代码所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。