大家好:
昨天晚间网志模板更新,主要更改相簿部分的语法,希望让大家上传相片之余,还可以更换自己相簿及相片的外框,更有自己的风格。
如果您是选择默认的模板,则网志模板的css会自动更新覆盖,可看到当前我们默认的新相簿相片样式。如果您当前模板使用的是自定样式,系统则无法自动更新覆盖,相簿部分样式会跑掉,此时请在您自定风格中,加上下行这一段语法,或者重新选择模板风格。
《更换相簿边框帮助》请参考上图
Step1. 请先到网志设置,选择您喜爱的网志风格,然后按下「确定」按钮。
Step2. 然后按下《读取选用主题样式》
Step3. 按下《复制样式属性》
Step4. 点按编辑自定样式,然后在文字杠杠里选择全部属性,删除全部语法,然后按滑坡鼠右键选择「粘贴」。
Step5. 用鼠标移动文字杠杠的卷轴,直到找到这一段,找到红色的地方更改您想更换的相片路径和宽高大小,改好后按下确定即可。
}/* --------------【个人相簿】------------- */
/* 相簿样式 */
.photo_album {
width: 165px; /* 宽度 */
height: 165px; /* 高度 */
text-align: center; /* 相片水平居中 */
vertical-align: middle; /* 相片竖排居中 */
background: url(/community/img/user_all/photo_album.gif) no-repeat; /* 墙纸 */
}
#photo_album_list {
list-style: none; /* 条行式样式:无 */
margin: 0px; /* 边距的间距 */
padding: 0px; /* 内距 */
}
#photo_album_list li {
margin: auto;
padding: 5px 38px; /* 相框间距 */
display: inline; /* 横式排行 */
float: left; /* 靠左浮动定位 */
width: 165px; /* 给标题折行用,须与相簿框一样宽 */
height: 280px; /* 调适标题高度 */
table-layout:fixed; /* 强制自动换行 */
word-wrap:break-word; /* 强制自动换行 */
word-break:keep-all; /* 强制自动换行 */
}
※ 如果您当前模板使用的是自定样式,相簿那边却是竖排的,看起来怪怪的,f请参照以下做法,加上下行这一段语法。
请检测您的自定义编辑那边最下方,访客簿的上面一点点,有没有以下个人相簿这一块,如果没有,请补贴这一段上去。如果有的话,请试试看更新这一段上去。把原本个人相簿那一段语法覆盖掉,试试看。若还不行,请再跟我联系!
/* --------------【个人相簿】------------- */
/* 相簿样式 */
.photo_album {
width: 165px; /* 宽度 */
height: 165px; /* 高度 */
text-align: center; /* 相片水平居中 */
vertical-align: middle; /* 相片竖排居中 */
background: url(http://g.udn.com/community/img/user_all/photo_album.gif) no-repeat; /* 墙纸 */
}
#photo_album_list {
list-style: none; /* 条行式样式:无 */
margin: 0px; /* 边距的间距 */
padding: 0px; /* 内距 */
}
#photo_album_list li {
margin: auto;
padding: 5px 38px; /* 相框间距 */
display: inline; /* 横式排行 */
float: left; /* 靠左浮动定位 */
width: 165px; /* 给标题折行用,须与相簿框一样宽 */
height: 280px; /* 调适标题高度 */
table-layout:fixed; /* 强制自动换行 */
word-wrap:break-word; /* 强制自动换行 */
word-break:keep-all; /* 强制自动换行 */
}
/* 相片样式 */
.photo_picture {
width: 165px; /* 宽度 */
height: 170px; /* 高度 */
text-align: center; /* 相片水平居中 */
vertical-align: middle; /* 相片竖排居中 */
background: url(http://g.udn.com/community/img/user_all/photo_picture.gif) no-repeat; /* 墙纸 */
}
#photo_picture_list {
list-style: none; /* 条行式样式:无 */
margin: 0px; /* 边距的间距 */
padding: 0px; /* 内距 */
}
#photo_picture_list li {
margin: auto; /* 边距的间距 */
padding: 5px 38px; /* 相框间距 */
display: inline; /* 横式排行 */
float: left; /* 靠左浮动定位 */
width: 165px; /* 给标题折行用,须与相片框一样宽 */
height: 280px; /* 调适标题高度 */
table-layout:fixed; /* 强制自动换行 */
word-wrap:break-word; /* 强制自动换行 */
word-break:keep-all; /* 强制自动换行 */
}