本帖最后由 kelonlove 于 2009-2-7 10:21 编辑
记得以前的版本中个人空间的顶部有个比较明显的加为好友的东西,比较明显,
现在的正式版不知道为什么去掉了,取而代之的是在左边头像下的一段话
有点小,
今天给大家一段代码,实现图一的老效果,需要的拿去
第一步:修改space_index.htm
找到:在其上边加上:- <div class="wide">
-
- <!--{if !$space[self] && !$space['isfriend']}-->
- <div id="addfriend" class="s_clear">
- <div class="avatars">
- <img src="<!--{avatar($_SGLOBAL[supe_uid],small)}-->" alt="{$_SN[$_SGLOBAL[supe_uid]]}" class="myavatar" />
- <img src="<!--{avatar($space[uid],small)}-->" alt="{$_SN[$space[uid]]}" class="friendavatar" />
- </div>
- <a href="cp.php?ac=friend&op=add&uid=$space[uid]" id="a_friend" onclick="ajaxmenu(event, this.id, 99999, '', -1)" class="submit">加为好友</a>
- </div>
- <!--{/if}-->
- </div>
复制代码 第二部:修改模板文件style.css
在该文件的最后加上:- #addfriend { margin-bottom: 8px; padding: 8px 0 8px 60px; border: 1px solid #DDD;
- background: #F5F5F5; position: relative; }
- #addfriend .avatars { float: left; margin-right: 10px; width: 165px; height: 64px;
- background: url(images/addfriend.gif) no-repeat 0 0; position: relative; }
- #addfriend .myavatar { position: absolute; left: 8px; top: 8px; }
- #addfriend .friendavatar { position: absolute; right: 8px; top: 8px; }
- #addfriend a { position: absolute; top: 27px; left: 240px; }
- #addfriend a:hover { text-decoration: none; }
- /* Clear float self */
- .s_clear:after, .a_list ul li:after, .image_left li:after, .image_right li:after, .post_list
- ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
- .s_clear, .a_list li, .image_left li, .image_right li, .post_list li { zoom: 1; }
复制代码 第三部: 保存该图为addfriend.gif并上传该图到模板文件的图片目录下
注意:我不知道各位的模板图片目录是images或者image,所以css里边的目录请自己对照修改下,这里(background: url(images/addfriend.gif) no-repeat 0 0; position: relative; }) |