Yenifer

回復 8# 繽紛色彩


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


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

csdf

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

系統資訊 Windows 7 + Chrome 43.0.2357.130



系統資訊 Windows 7 + Internet Explorer 11.0.9600.17843

感覺好像有些東西被擋住了

无界

回復 1# Yenifer




搜索框我想是这种效果吧？

1. #quicknav {
   
2.   margin-top: 195px;
   
3.   position: absolute;
   
4.   left: 0;
   
5. }
   
6. 
   
7. #dfsj_sc {
   
8.   float: right;
   
9.   margin-top: 195px;
   
10.   position: absolute;
    
11.   right: 0;
    
12. }

複製代碼

Yenifer

回復 12# csdf


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

Yenifer

回復 13# 无界


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

qingchunwu

前排帮顶 骚包加油 重振旗鼓 ！！！！

无界

回復  无界


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

    搜素还是用不了

Yenifer

回復 17# 无界


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

夜影o夜劍

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


像是無界大哥製作的仿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. 
    
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>
    
46. 
    
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>
    
56. 
    
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>
    
69. 
    
70. 
    
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>
    
79. 
    
80. 
    
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>
     
111. 
     
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夜劍

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