杭州神话信息技术有限公司

标题: 今天将分享一个“转发到微博”的页面优化哦!【已发布】 [打印本页]

作者: 支持者    时间: 2011-5-20 08:44:53     标题: 今天将分享一个“转发到微博”的页面优化哦!【已发布】

本帖最后由 支持者 于 2011-5-20 13:02 编辑

今天将分享一个“转发到微博”的页面优化哦!因为目前背景纯白色太难看了。

请关注 @支持者

templates/default/share.html  已经改了一段时间了,忘记了改了哪些了。把代码全部贴出来了。


  1. <div class="shareBox">
  2. <style type="text/css">
  3. body{ font-size:12px; font-family:Arial, Helvetica, sans-serif}
  4. body{ background-color:#73CFF1;background-image:url(templates/default/images/theme/t2/themebg.jpg);background-position:center 0px;background-repeat:no-repeat;}
  5. div,form,img,ul,ol,li,dl,dt,dd,p {border: 0; margin:0; padding:0; }
  6. .shareBox{ padding:5px 10px; overflow:hidden}
  7. .shareBox .slogo{ margin:5px; float:left; display:block; width:100%;}
  8. .shareBox .sform{ display:block;float:left;border:1px solid #CCCCCC; padding:20px 0 20px 0;width:450px;}
  9. .shareBox .sform1{ display:block;margin:5px;float:left;background:#F5F5F5;border:5px solid #CCCCCC; width:450px;}
  10. .shareBox .sform .TA{ font-size:12px;}
  11. .shareBox .sform .textC{ border-color:#999999 #C9C9C9 #C9C9C9 #999999; border-style:solid; border-width:1px; padding:3px;}
  12. .shareBox .sform .textB{ border-color:#999999 #C9C9C9 #C9C9C9 #999999; border-style:solid; border-width:1px; padding:5px; background:#F9FBF0; font-size:12px;}
  13. .shareBox .sform .textA{ width:64px; height:23px; background:url({conf site_url}/templates/default/images/shareI.gif) no-repeat; border:none;}
  14. .shareBox .sform .retip{ display:block; font-size:12px; color:#999999; margin:5px 0;}
  15. .w420{ width:420px;}
  16. </style>
  17. <div class="slogo"><a href="{conf site_url}" target="_blank">
  18. <img src="templates/default/images/logo.png" border="0" /></a></div>
  19. <!--{if MEMBER_ID}-->
  20. <div class="sform1">
  21. <div class="sform" style="border:none;">
  22. <form action="{conf site_url}/{$action}" method="post" enctype="multipart/form-data" name="share_from" id="share_from">
  23.   <table border="0" align="center" cellpadding="0" cellspacing="0" class="TA">
  24.     <tr>
  25.       <td height="30">
  26. <textarea name="content" cols="45" rows="5" id="content" class="textB w420">
  27. {$sbuject}
  28. {$url}
  29. </textarea>
  30. </td>
  31.     </tr>
  32.     <tr>
  33.       <td height="30" align="left"><input type="submit" name="Submit" value="分享" class="textA"/>
  34.         <input name="sbuject" type="hidden" id="sbuject" value="{$sbuject}" /></td>
  35.     </tr>
  36.   </table>
  37. </form>
  38. </div>
  39. </div>
  40. <!--{else}-->
  41. <div class="sform1">
  42. <div class="sform" style="border:none;">
  43. <form method="POST" action="{conf site_url}/index.php?mod=login&code=dologin">
  44. <table border="0" align="center" class="TA">
  45.    <tr>
  46.      <td width="30%" align="right" valign="top">登录帐户:</td>
  47.      <td width="70%"><input name="username" type="text"  class="textC"/><span class="retip">可用“用户帐号”或注册Email登录</span>
  48. </td>
  49.    </tr>
  50.    <tr>
  51.      <td align="right" valign="top">登录密码:</td>
  52.      <td><input name="password" type="password" class="textC" /></td>
  53.    </tr>
  54.    <tr>
  55.      <td align="right" valign="middle">&nbsp;</td>
  56.      <td class="retip"><input type="checkbox" class="checkb">
  57.             下次自动登录 &nbsp; <a onclick="window.location.href='{conf site_url}/index.php?mod=get_password';return false;" href="javascript:void(0)">忘记密码</a></td>
  58.    </tr>
  59.    <tr>
  60.      <td align="right" valign="middle">&nbsp;</td>
  61.      <td>
  62.   <input name="" type="submit" value="登录" class="textA" />
  63.   <input name="loginType" type="hidden" id="loginType" value="share" />
  64.   <input name="return_url" type="hidden" id="return_url" value="{conf site_url}/index.php?{$return_url}" /></td>
  65.    </tr>
  66.   </table>
  67. </form>
  68. </div>
  69. </div>
  70. </div>
  71. <!--{/if}-->
  72. </div>
复制代码


作者: loongson    时间: 2011-5-20 09:05:30

等待分享
作者: fredchan    时间: 2011-5-20 13:47:51

谢谢楼主分享,顶
作者: loongson    时间: 2011-5-20 15:36:14


作者: cnzfq@qq.com    时间: 2011-5-20 22:09:13

帅哥敢不敢给个演示。。。什么样的效果?
作者: blackbee    时间: 2011-5-20 22:43:06

谢谢分享。我去测试下
作者: iorili    时间: 2011-5-25 15:05:05

留个标记~~~~~~~
作者: gaoqiang126    时间: 2011-5-25 20:46:09

什么情况?
作者: gaoqiang126    时间: 2011-5-25 20:46:29

怎么使用?
作者: gaoqiang126    时间: 2011-5-25 20:47:04

谢谢楼主分享,顶
作者: futurejunjie    时间: 2011-5-25 20:51:22

   有演示么?
作者: jishigou_vip    时间: 2011-5-25 21:50:31

楼主很仗义, 谢谢分享
作者: loongson    时间: 2011-5-25 22:12:36

楼主的是2.6.1版本的。。后面的版本最好不要用
作者: zbhefei    时间: 2011-5-26 19:38:26

有测试的吗?




欢迎光临 杭州神话信息技术有限公司 (http://cenwor.com/) Powered by Discuz! X2