网络城邦▼
上一篇 回创作行表 下一篇   字体:
网志模板》玩自己的相簿相片样式 浏览12453丨回应4丨推荐63
2006/09/12 16:40:42

大家好:

昨天晚间网志模板更新,主要更改相簿部分的语法,希望让大家上传相片之余,还可以更换自己相簿及相片的外框,更有自己的风格。

如果您是选择默认的模板,则网志模板的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; /* 强制自动换行 */
}

( 网络信息网络情报 )
回应 推荐文章 转寄 打印 添加我的文摘
上一篇 回创作行表 下一篇  

引用
引用网址:http://blog.udn.com/article/trackback.jsp?uid=webadmin&aid=444630

 回应文章

电小二
等级:7
留言添加好友
Dear 邹家长媳:
2007/06/06 10:11

抱歉,日前漏了您的留言,请问您无法上传,是否有出现任何错误信息呢?

请问您是使用多张上传,还是zip上传呢?


★网络城邦系行座谈-部落客作家入侵计画座谈纪实网友回响活动剪影

邹家长媳
等级:7
留言添加好友
请教一个问题
2007/02/18 04:05
我花了好几个小时上传相片      却始终没有成功ㄋㄟ

Denise丹青
等级:7
留言添加好友
谢谢分享
2007/01/01 21:09

Wao~

好棒的信息..

谢谢分享

也欢迎有空来阳光海岸走走喔

与你分享我的piano solo~ Good-morning Coffee


葛天氏之民
等级:7
留言添加好友
我来试试看^_^..谢谢你
2006/10/15 16:34
好像容易多了~我来试试看^_^..谢谢你!!