技术交流平台

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 1941|回复: 0

修改QQ登录和微博登录位置问题

[复制链接]

183

主题

195

帖子

1690

积分

新手上路

Rank: 1

积分
1690

活跃会员

发表于 2014-6-21 22:04:05 | 显示全部楼层 |阅读模式
打开source/plugin/qqconnect/template/module.htm
找到
  1. <p><a href="$_G[connect][login_url]&statfrom=login_simple"><img src="{IMGDIR}/qq_login.gif" class="vm" alt="{lang qqconnect:connect_header_login}" /></a></p>
复制代码

在第七行

然后把下面哪行替换成后台复制的代码:

  1. <a href="xwb.php?m=http://www.tecplat.com/mpage_weibo-login.html"><img src="http://www.tecplat.com/source/plugin/mpage_weibo/image/sina_login_btn.png" /></a>
复制代码

注意,为了不错位,两端要加上<p></p>

下面提供三种样式的代码,修改方法同上!
一、无间隙竖排

完整代码如下:
<!--{block return}-->
         <div class="fastlg_fm y" style="margin-right: 10px; padding-right: 10px">
                 <p><a href="$_G[connect][login_url]&statfrom=login_simple"><img src="{IMGDIR}/qq_login.gif" class="vm" alt="{lang qqconnect:connect_header_login}" /></a></p>
                 <p><a href="xwb.php?m=http://www.tecplat.com/mpage_weibo-login.html"><img src="http://www.tecplat.com/source/plugin/mpage_weibo/image/sina_login_btn.png" /></a><p>
         </div>

4~8行
然后就可以了,但是大家会发现微博登陆按钮竟然比QQ的大个!修改也很容易,用PS把红色部分剪掉一些就可以了


二、有间隙竖排



代码如下:


  • <!--{block return}-->
  • <div class="fastlg_fm y" style="margin-right: 10px; padding-right: 10px">
  • <p><a href="$_G[connect][login_url]&statfrom=login_simple"><img src="{IMGDIR}/qq_login.gif" class="vm" alt="{lang qqconnect:connect_header_login}" /></a></p>
  • <p class="hm xg1" style="padding-top: 2px;"><a href="xwb.php?m=http://www.tecplat.com/mpage_weibo-login.html"><img src="http://www.tecplat.com/source/plugin/mpage_weibo/image/sina_login_btn.png" /></a></p>
  • </div>
  • <!--{/block}-->
  • <!--{eval return $return;}-->

一样记得换成自己的图片地址!
其中
style="padding-top: 2px;控制间隔距离,根据情况调整
三、左右横排

代码如下:

<div style="margin-right: 10px; padding-right: 10px;" class="fastlg_fm y">

<p><a target="_top" href="$_G[connect][login_url]&statfrom=login_simple"><img class="vm" src="xwb/images/bgimg/qq_login.png" alt="用QQ账号登陆" ></a>;<a target="_top" href="http://www.tecplat.com/mpage_weibo-login.html"><img class="vm" src="http://www.tecplat.com/source/plugin/mpage_weibo/image/sina_login_btn.png" alt="用微博账号登陆"></a></p>

<p style="padding-top: 2px;" class="hm xg1">只需一步,快速开始</p>

</div>

这个无需修改网址路径,注意红色标记处图片存放的位置!
蓝色标记的 就是空格符,增加可以加大空隙,减少可以去掉空隙。






您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

点击这里给我发消息” title=|小黑屋|手机版|法律声明|技术交流平台 ( 冀ICP备14003130号 | 冀公网安备13018102000122号)

GMT+8, 2024-5-20 05:28 , Processed in 2.282605 second(s), 28 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2021 Comsenz Inc.

快速回复 返回顶部 返回列表