免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

標題: [問題] 帮忙测试下新风格，没问题，这几天应该会发布了。 [打印本頁]
作者: Yenifer    時間: 2015-6-25 13:40     標題: 帮忙测试下新风格，没问题，这几天应该会发布了。

http://mutual.imotor.com/index.php

风格互助
作者: 夜影o夜劍    時間: 2015-6-25 13:51

本帖最後由 夜影o夜劍 於 2015-6-25 13:54 編輯

白色圖片有一個部分被擋住了
導航條擋住了搜索框
作者: Yenifer    時間: 2015-6-25 13:57

回復 2# 夜影o夜劍


    截图我看看，我这边都正常啊
作者: Yenifer    時間: 2015-6-25 13:59

你们把问题说明，我有时间修复下，我这边360浏览器正常。
作者: QQ58    時間: 2015-6-25 16:05

我这里显示一切正常··········
作者: Yenifer    時間: 2015-6-25 16:11

回復 2# 夜影o夜劍


    谢谢你的反馈，已经修复，内部调用在模版里放错位置了
作者: Yenifer    時間: 2015-6-25 16:12

回復 5# QQ58


    错误显示的前提是IE内核下，已经修复了，感谢测试
作者: 繽紛色彩    時間: 2015-6-25 19:59

[attach]64461[/attach]
[attach]64462[/attach]
情況顯示如上圖
木板佔了很大的比例
作者: 无界    時間: 2015-6-25 21:10

重出江湖了？还没在电脑上看，手机看时搜索框被遮挡
作者: Yenifer    時間: 2015-6-26 06:49

回復 9# 无界


    那个搜索框我感觉挺烦的，之前用的极速跟360，ie，测试都是好的，就是手机没测试，结果咧，楼上那位截图的，搜索框又被导航栏遮住了，


    至于你说的重出江湖，不太现实啊，我一个人搞这很累的，就这个我都改了好多次，加上用你的代码。

    你要是帮我，我想应该可以的

   上次扣扣找你，你都没理我呀，不知道你是不是在生气我把你们都删了的原因，其实这个我可以解释的。
作者: Yenifer    時間: 2015-6-26 06:54

回復 8# 繽紛色彩


    主题框架是960的，这个是可以自己设定的，电脑的分辨率不一样，显示的效果也会不一样，我在网吧发来，压根就看不到木板背景，所以，你家电脑屏幕是不是很大，你可以吧分辨率调下。


   感谢你的回复，至于那个搜索框被这挡住，我回家在调，这是今年第一款风格，做好点，攒点人气。[img][/img]
作者: csdf    時間: 2015-6-26 13:08

本帖最後由 csdf 於 2015-6-26 13:13 編輯


(想說imgur在大陸不一定看的到，看看這個空間行不行)

系統資訊 Windows 7 + Chrome 43.0.2357.130



系統資訊 Windows 7 + Internet Explorer 11.0.9600.17843

感覺好像有些東西被擋住了
作者: 无界    時間: 2015-6-26 13:33

回復 1# Yenifer


[attach]64463[/attach]

搜索框我想是这种效果吧？
  1. #quicknav {
  2.   margin-top: 195px;
  3.   position: absolute;
  4.   left: 0;
  5. }

  7. #dfsj_sc {
  8.   float: right;
  9.   margin-top: 195px;
  10.   position: absolute;
  11.   right: 0;
  12. }
複製代碼
作者: Yenifer    時間: 2015-6-26 18:50

回復 12# csdf


    已经修复好了，之前是内部调用放错位置了，麻烦帮我看看搜索框还会被遮住么
作者: Yenifer    時間: 2015-6-26 18:50

回復 13# 无界


    代码错了，我重新修改了下，内部调用放错位置了。改了个位置修改了几个位置的代码，现在应该好了。
作者: qingchunwu    時間: 2015-6-26 21:47

前排帮顶 骚包加油 重振旗鼓 ！！！！
作者: 无界    時間: 2015-6-26 21:54

回復  无界


    代码错了，我重新修改了下，内部调用放错位置了。改了个位置修改了几个位置的代码，现在 ...
Yenifer 發表於 26-6-2015 18:50



    搜素还是用不了
作者: Yenifer    時間: 2015-6-27 05:12

回復 17# 无界


    我用搜索可以的啊，手机测试的。
作者: 夜影o夜劍    時間: 2015-6-27 05:12

應該是搜索框的整個高度問題吧~


像是無界大哥製作的仿X3搜索框

代碼：

  1. <style>
  2. #tlbscbar{margin: 0 auto;width: 961px;height:0px; line-height:30px;}
  3. #scbar{overflow: hidden;height: 42px;line-height: 42px;border-top: 1px solid #FFF;border-bottom: 1px solid #E9EFF5;background: #E8EFF5;position: relative;}
  4. #scbar{background-position:0px 0px;background-repeat:repeat-x;}
  5. #scbar td{padding:0px;}
  6. #scbar_txt{margin-bottom:2px;width:260px;border:1px solid #FFF;outline:none;font-size:12px;}
  7. #scbar_type{display:block;padding-left:5px;text-align:left;text-decoration:none;}
  8. #scbar_btn{margin:0;padding:0;border:none;background:transparent none;}
  9. #scbar_hot{padding-left:8px;height:45px;overflow:hidden;}
  10. #scbar_hot strong,#scbar_hot a{line-height:44px;float:left;margin-right:8px;white-space:nowrap;}
  11. #scbar{border:1px solid #c2d5e3;border-top-width:0px!important;border-left-width:1px!important;border-right-width:1px!important;}
  12. #scbar { overflow: visible; position: relative; }
  13. #scbar_txt:focus {width: 260px;}
  14. #scbar_hot a{font-size:12px;color: #369;}
  15. .scbar_narrow #sg { width: 260px; }
  16. .scbar_txt_td, .scbar_type_td {background: url(http://www.discuz.net/static/image/common/search.png) repeat-x 0 -93px;}
  17. .scbar_icon_td {width: 21px;background: url(http://www.discuz.net/static/image/common/search.png) no-repeat 0 -50px;}
  18. .scbar_type_td {background: url(http://www.discuz.net/static/image/common/search.png) no-repeat 0 -193px;}
  19. .scbar_btn_td {width: 38px;background: url(http://www.discuz.net/static/image/common/search.png) no-repeat 8px -142px;}
  20. .xg1,.xg1 a {color:#999999}
  21. .xs2{font-size:12px;color: #369;}
  22. .pn strong{margin: 8px 0px 0px 8px;padding: 14px;cursor: pointer;}  
  23. .xw1{font-weight:700;}
  24. #sousuo{width: {WRAPWIDTH} ;margin: 0 auto 5px; }
  25. .stype {color: #999;margin: 0 0 0 6px;border: none;font-size: 12px;}
  26. #sg{ background: #FFF; width:456px; border: 1px solid #B2C7DA; }
  27. #sg li { padding:0 8px; line-height:30px; font-size:14px; }
  28. #sg li span { color:#999; }
  29. .sml { background:#FFF; cursor:default; }
  30. .smo { background:#E5EDF2; cursor:default; }
  31. .p_pop a {display: block;padding: 3px 5px;border-bottom: 1px solid #E5EDF2; white-space: nowrap;}
  32. .p_pop, .p_pof, .sllt {padding: 4px;border: 1px solid;min-width: 60px;border-color: #DDD; background: #FEFEFE; box-shadow: 1px 2px 2px rgba(0,0,0,0.3);}
  33. </style>

  35. <div style="width: 959px;height:90px;border: 1px solid #cdcdcd;background-color: #eee;margin:0 auto; vertical-align:middle;">
  36. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="ifocus">
  37. <td width="33%" valign="top">
  38. <div style="text-align: left;margin-top:15px!important;">
  39. <ul style="background:url(http://att.discuz.net/data/attachment/album/201007/08/18064039kg9m5weze9ardr.gif) no-repeat 15px center;width:315px;text-indent:70px; class="nad_o left s_clear">
  40. <li><a href="https://github.com/rainmeter/rainmeter/releases/download/v3.0.2.2161/Rainmeter-3.0.2.exe" target=_blank"><strong><FONT color=#FF0099>Rainmeter3.0.2正式版下载</FONT></strong></a></li>
  41. <li><a href="https://github.com/rainmeter/rainmeter/releases/download/v3.1.0.2282/Rainmeter-3.1-r2282-beta.exe" target=_blank"><strong><FONT color=#3366FF>Rainmeter3.1测试版试用</FONT></strong></a></li>
  42. <li><a href="forum-21-1.html" target=_blank"><strong><FONT color=#990066>最新的主题&皮肤，你试用了吗？</FONT></strong></a></li>
  43. </ul>
  44. </td>
  45. </div>

  47. <td width="33%" valign="top">
  48. <div style="text-align: left;margin-top:15px!important;">
  49. <ul style="background:url(http://att.discuz.net/data/attachment/album/201005/14/0953351hcnq10n6w4zqnwh.png) no-repeat 10px 2px;background-position: 10px -85px;width:315px;text-indent:70px;border-left:#fff 1px solid; "class="nad_t left s_clear">
  50. <li><strong><FONT color=#FF0099>社区版主招聘现在开始啦！</FONT></strong></li>
  51. <li><FONT color=#00CC66>只要你有热心、耐心、和信心就ok！</FONT></li>
  52. <li><a href="forum-29-1.html"><FONT color=Purple>你还在等什么?立刻申请吧！</FONT></a></li>
  53. </ul>
  54. </td>
  55. </div>

  57. <td width="33%" valign="top">
  58. <div style="text-align: left;margin-top:15px!important;">
  59. <ul style="background:url(http://tlb.258club.com/attachments/month_1402/1402272255180cedd79a319cfe.png) no-repeat 15px center;width:315px;text-indent:70px;border-left:#fff 1px solid;">
  60. <li><strong><FONT color=#FF0099>爱秀社区，菜鸟们起飞的地方……</FONT></strong></li>
  61. <li><FONT color=Navy>请大家记住我们→<a href="" target=_blank"></font><strong><FONT color=#3366FF>爱秀社区</FONT></strong></a></li>
  62. <li><A title=申请友链 href="http://www.zzsky.cn/link/index.asp?user=TLB%B0%AE%CE%D2%B0%C9%BE%E3%C0%D6%B2%BF">申请友链</A> - <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=601447405&site=qq&menu=yes"><img align="absmiddle" border="0" src="http://wpa.qq.com/pa?p=2:601447405:14" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
  63. </li>
  64. </ul>
  65. </td>
  66. </div>
  67. </table>
  68. </div>


  71. <div id="tlbscbar">
  72. <div id="scbar" class="cl">
  73.   <form id="scbar_form" method="post" autocomplete="off" onsubmit="searchFocus($('scbar_txt'))" action="search.php?searchsubmit=yes" target="_blank">
  74.     <input type="hidden" name="formhash" value="b2e92bf7"/>
  75.     <table cellspacing="0" cellpadding="0">
  76.       <tbody>
  77.         <tr>
  78.           <td class="scbar_icon_td"></td>


  81. <td class="scbar_txt_td">
  82.             <input type="text" name="srchtxt" id="scbar_txt" value="请输入搜索内容" autocomplete="off" x-webkit-speech="" speech="" class=" xg1" placeholder="请输入搜索内容">
  83.           </td>
  84.           <td class="scbar_type_td">
  85.            <select name="srchtype" hidefocus="true" class="stype">
  86.                 <option value="title">帖子</option>
  87.                 <option value="trade">商品</option>
  88.                 <option value="fulltext">全文</option>
  89.                 <option value="threadsort">分类</option></select>
  90.           </td>
  91.           <td class="scbar_btn_td">
  92.             <button type="submit" name="searchsubmit" id="scbar_btn" class="pn pnc" value="true">
  93.               <strong class="xi2 xs2" color="#000000"></strong>
  94.             </button>
  95.           </td>
  96.           <td class="scbar_hot_td">
  97.             <div id="scbar_hot">
  98.               <strong class="xw1">热搜: </strong>
  99. <a href="thread-25-1-1.html" target="_blank" class="xi2">高清壁纸</a>
  100.               <a href="forum-22-1.html" target="_blank" class="xi2">TLB皮肤</a>
  101.               <a href="forum-19-1.html" target="_blank" class="xi2">TLB教程</a>
  102.               <a href="forum-44-1.html" target="_blank" class="xi2">独立任务栏</a>
  103. <a  href="javascript:void(function(){var d = document,a = 'setAttribute',s = d.createElement('script');s[a]('type','text/javascript');s[a]('src','http://tlb.258club.com/templates/default/snow.htm');d.head.appendChild(s);})();">下雪</a>
  104.              </div>
  105.           </td>
  106.         </tr>
  107.       </tbody>
  108.     </table>
  109.   </form>
  110. </div></div>

  112. <script charset="gbk" src="http://www.baidu.com/js/opensug.js"></script>
複製代碼






若直接套用的話會產生錯位問題


但是我修改了
  1. #tlbscbar{margin: 0 auto;width: 961px;height:0px; line-height:30px;}
複製代碼





我把它修改成
  1. #tlbscbar{margin: 0 auto;width: 961px;height:100%px; line-height:30px;}
複製代碼



就沒有錯位的現象了
作者: 夜影o夜劍    時間: 2015-6-27 12:32

搜索框的搜索詞要先刪掉才能填入要收說的字 = =
作者: csdf    時間: 2015-6-28 13:34

回復 20# 夜影o夜劍


應該是這個問題
  1. <input type="text" name="srchtxt" id="dfsj_sc_txt" class="dfsj_sc-input xg1" value="请输入搜索内容" autocomplete="off" x-webkit-speech="" speech="" placeholder="请输入搜索内容">
複製代碼
應該是要用以下方式處理(擇一)
  1. placeholder="请输入搜索内容"
複製代碼
(HTML5)
  1. value="请输入搜索内容" onfocus="if(this.value == '请输入搜索内容'){this.value = '';}" onblur="if(this.value == ''){this.value = '请输入搜索内容';}"
複製代碼
(使用JavaScript)

即為
<input type="text" name="srchtxt" id="dfsj_sc_txt" class="dfsj_sc-input xg1" value="请输入搜索内容" autocomplete="off" x-webkit-speech="" speech="" placeholder="请输入搜索内容">
<input type="text" name="srchtxt" id="dfsj_sc_txt" class="dfsj_sc-input xg1" value="请输入搜索内容" onfocus="if(this.value == '请输入搜索内容'){this.value = '';}" onblur="if(this.value == ''){this.value = '请输入搜索内容';}" autocomplete="off" x-webkit-speech="" speech="" placeholder="请输入搜索内容">


不然輸入的時候還要先砍掉這些字，不太人性化
作者: Yenifer    時間: 2015-6-28 14:09

回復 21# csdf


    谢谢反馈。



歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://funbbs.me/discuz/) Powered by Discuz! 7.2