免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

标题: [页面美化] 改变logo位置 [打印本页]

作者: 夏月、黔棠    时间: 2015-8-13 22:01     标题: 改变logo位置

提供改变logo位置的代码,以达到一些站长需要的效果。
比如这次我做魔魅大陆的风格,在PS里做了动图,因为文件太大而不能实现动态显示,怎么也保存不了。于是就想了个法子,将需要动态的地方裁剪下来保存为gif,当成logo放置在页头,再修改logo位置,便能达到预期效果。
动图可看本坛的魔魅大陆风格,右侧工具栏可切换。
测试了下,由于用的数值的百分比,所以我觉得限制logo位置宽度的应该是页头长度而不是主题表格长度,所以具体数值要根据各位站长的需要调整。
所提供代码依旧分两种。
一种放在第三方或者其他头部。
本帖隐藏的内容需要回复才可以浏览
以<魔魅大陆>风格为例,图中与背景不符合的人物部分为截取的logo:
QQ截图20150813214241.jpg

如果不单想左右移动logo,还想上下移动logo的话,则在源代码的基础上:
第三方
本帖隐藏的内容需要回复才可以浏览


图片附件: QQ截图20150813214241.jpg (2015-8-13 21:50, 1.17 MB) / 下载次数 479
http://recall-sumrmoon.66rt.com/attachment.php?aid=504&k=9621d6541560a834a4ecb38f1dfeb599&t=1761180746&sid=195b15


作者: 夏月、精靈    时间: 2015-8-18 09:29

對這個很感興趣
作者: 夏月、版主    时间: 2015-8-19 11:47

謝謝分享~
作者: 夏月、無懼    时间: 2015-10-17 23:28

感謝分享~
作者: 小小    时间: 2015-10-19 18:46

這個是什麼意思呢?
來回覆看詳細點
謝謝分享
作者: 維尼    时间: 2016-7-10 12:39

謝謝分享昂
作者: 梅子爱阿政    时间: 2017-8-8 16:41

谢谢分享~~




欢迎光临 ◇夏月๑๑Family◇℃℡ (http://recall-sumrmoon.66rt.com/) Powered by Discuz! 7.2