免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖
回復 8# 繽紛色彩


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


   感谢你的回复,至于那个搜索框被这挡住,我回家在调,这是今年第一款风格,做好点,攒点人气。[img][/img]

TOP

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


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

系統資訊 Windows 7 + Chrome 43.0.2357.130



系統資訊 Windows 7 + Internet Explorer 11.0.9600.17843

感覺好像有些東西被擋住了
Discuz! 專業亂改

TOP

回復 1# Yenifer




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

  6. #dfsj_sc {
  7.   float: right;
  8.   margin-top: 195px;
  9.   position: absolute;
  10.   right: 0;
  11. }
複製代碼
附件: 您需要登錄才可以下載或查看附件。沒有帳號?成為SCLUB使用者論壇會員

TOP

回復 12# csdf


    已经修复好了,之前是内部调用放错位置了,麻烦帮我看看搜索框还会被遮住么

TOP

回復 13# 无界


    代码错了,我重新修改了下,内部调用放错位置了。改了个位置修改了几个位置的代码,现在应该好了。

TOP

前排帮顶 骚包加油 重振旗鼓 !!!!
青春屋

TOP

回復  无界


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



    搜素还是用不了

TOP

回復 17# 无界


    我用搜索可以的啊,手机测试的。

TOP

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


像是無界大哥製作的仿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>

  34. <div style="width: 959px;height:90px;border: 1px solid #cdcdcd;background-color: #eee;margin:0 auto; vertical-align:middle;">
  35. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="ifocus">
  36. <td width="33%" valign="top">
  37. <div style="text-align: left;margin-top:15px!important;">
  38. <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">
  39. <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>
  40. <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>
  41. <li><a href="forum-21-1.html" target=_blank"><strong><FONT color=#990066>最新的主题&皮肤,你试用了吗?</FONT></strong></a></li>
  42. </ul>
  43. </td>
  44. </div>

  45. <td width="33%" valign="top">
  46. <div style="text-align: left;margin-top:15px!important;">
  47. <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">
  48. <li><strong><FONT color=#FF0099>社区版主招聘现在开始啦!</FONT></strong></li>
  49. <li><FONT color=#00CC66>只要你有热心、耐心、和信心就ok!</FONT></li>
  50. <li><a href="forum-29-1.html"><FONT color=Purple>你还在等什么?立刻申请吧!</FONT></a></li>
  51. </ul>
  52. </td>
  53. </div>

  54. <td width="33%" valign="top">
  55. <div style="text-align: left;margin-top:15px!important;">
  56. <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;">
  57. <li><strong><FONT color=#FF0099>爱秀社区,菜鸟们起飞的地方……</FONT></strong></li>
  58. <li><FONT color=Navy>请大家记住我们→<a href="" target=_blank"></font><strong><FONT color=#3366FF>爱秀社区</FONT></strong></a></li>
  59. <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>
  60. </li>
  61. </ul>
  62. </td>
  63. </div>
  64. </table>
  65. </div>


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


  74. <td class="scbar_txt_td">
  75.             <input type="text" name="srchtxt" id="scbar_txt" value="请输入搜索内容" autocomplete="off" x-webkit-speech="" speech="" class=" xg1" placeholder="请输入搜索内容">
  76.           </td>
  77.           <td class="scbar_type_td">
  78.            <select name="srchtype" hidefocus="true" class="stype">
  79.                 <option value="title">帖子</option>
  80.                 <option value="trade">商品</option>
  81.                 <option value="fulltext">全文</option>
  82.                 <option value="threadsort">分类</option></select>
  83.           </td>
  84.           <td class="scbar_btn_td">
  85.             <button type="submit" name="searchsubmit" id="scbar_btn" class="pn pnc" value="true">
  86.               <strong class="xi2 xs2" color="#000000"></strong>
  87.             </button>
  88.           </td>
  89.           <td class="scbar_hot_td">
  90.             <div id="scbar_hot">
  91.               <strong class="xw1">热搜: </strong>
  92. <a href="thread-25-1-1.html" target="_blank" class="xi2">高清壁纸</a>
  93.               <a href="forum-22-1.html" target="_blank" class="xi2">TLB皮肤</a>
  94.               <a href="forum-19-1.html" target="_blank" class="xi2">TLB教程</a>
  95.               <a href="forum-44-1.html" target="_blank" class="xi2">独立任务栏</a>
  96. <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>
  97.              </div>
  98.           </td>
  99.         </tr>
  100.       </tbody>
  101.     </table>
  102.   </form>
  103. </div></div>

  104. <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;}
複製代碼



就沒有錯位的現象了

TOP

搜索框的搜索詞要先刪掉才能填入要收說的字 = =

TOP

返回列表