文章集合

将下面代码加入你想显示的位置

 <!--弹出-->
    <p><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"><i class="fa fa-search" aria-hidden="true"></i></a></p>
<div id="light" class="white_content">
 <!--搜索--> <!-- 不同的程序搜索代码以及其他按键的代码都有所不同 -->
<form class="form-inline mb-5 justify-content-center" action="{pboot:scaction}"  method="get">
		  <div class="form-group mx-sm-3 mb-2">
		    <input type="text" name="keyword" class="form-control" placeholder="请输入关键字">
		  </div>
		  <button type="submit" class="btn btn-info mb-2"><i class="fa fa-search" aria-hidden="true"></i></button>&nbsp;&nbsp;
                  <a href = "javascript:void(0)"class="btn btn-info mb-2" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><i class="fa fa-times" aria-hidden="true"></i></a>
</form>
 <!-- 搜索广告位 --> <!-- 不同的程序对应的代码也就不一样，需要自行修改，不会的也可以花点小费让二零用粗糙的技术给你们修改 -->
{pboot:link  gid=* num=*}
<a href="[link:link]" title="[link:name]"><img src="[link:logo]" width="100%"></a>&nbsp;
{/pboot:link}   
</div>

css

<style>
        .white_content {
            display: none;
            position: fixed;
            top: 25%;
            left: 25%;
            width: 50%;
            height: 50%;
            padding: 15px;
            border: 3px solid red;/*边框颜色*/
            background-color: white;

        }
</style>

效果图