fee模板侧边栏添加百度一下教程 - 小白博客网

fee模板侧边栏添加百度一下教程

作者: 小白

全网最全的网络资源分享网站

手机扫码查看

标签:

fee模板

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

给fee模板添加协助本站seo优化功能,首先后台 侧边设置添加如下

代码:

<div class="searchs">    <div class="tit"><strong>百度一下</strong></div>    <script src="/so.js"></script>    <mip-form method="get" url="https://www.baidu.com/s" class="mip-element mip-layout-container">    <form action="https://www.baidu.com/s" method="GET" target="_blank">        <input type="text" name="wd" validatetarget="q" validatetype="must" placeholder="请输入搜索词" value="小白博客网">    <div target="q">关键词不能为空</div><input type="submit" value="搜索">    </form>    </mip-form>    </div>

css:

.searchs {  background-color: #fff;  border: 1px solid #eaeaea;  padding: 15px;  overflow: hidden;  transition: all 0.3s;  border-radius: 4px;  position: relative;  margin: 0px 0px 15px 0px;  }  .mip-layout-container, .mip-layout-fixed-height {  margin: 0px 0px 0px 0px;  display: block;  position: relative;  }  mip-form form {  position: relative;  }  .searchs input[type="text"] {  border: #45B6F7 1px solid;  border-radius: 4px;  width: calc( 100% - 2px );  }    mip-form input[type='text'], mip-form input[type='input'], mip-form input[type='datetime'], mip-form input[type='email'], mip-form input[type='number'], mip-form input[type='tel'], mip-form input[type='url'] {  padding-right: 30px;  }  .searchs input {  outline: none;  }    mip-form input, mip-form textarea, mip-form select {  border: 1px solid #f1f1f1;  padding: 6px;  display: block;  box-sizing: border-box;  -webkit-box-sizing: border-box;  resize: none;  font-size: 16px;  }    mip-form div {  display: none;  color: #ec1f5c;  font-size: 12px;  text-align: left;  padding: 0 10% 0 3%;  }      .searchs input[type="submit"] {  position: absolute;  right: 2px;  top: 2px;  background-color: #45B6F7;  color: #fff;  font-size: 13px;  margin: 1px;  height: 31px;  line-height: 31px;  padding: 0 10px;  font-family: "微软雅黑";  }    mip-form input[type='submit'] {  border: 1px solid #f1f1f1;  border-radius: 5px;  color: #333;  background-color: #d8d7d7;  }  .searchs input {  outline: none;  }      .tit {  background-color: #FF5E52;  position: relative;  top: -15px;  display: inline-block;  color: #fff;  padding: 4px 15px;  font-size: 14px;  }    .tit strong {  font-weight: normal;  }    .tit {  background-color: #FF5E52;  position: relative;  top: -15px;  display: inline-block;  color: #fff;  padding: 4px 15px;  font-size: 14px;  }

css放在/content/templates/fee/static/css/bootstrap.min.css

效果请看本站

分享到:
打赏
未经允许不得转载:

作者: 小白, 转载或复制请以 超链接形式 并注明出处 小白博客网
原文地址: 《fee模板侧边栏添加百度一下教程》 发布于2021-12-18

评论

切换注册

登录

忘记密码?

您也可以使用第三方帐号快捷登录

切换登录

注册

验证码

fee模板侧边栏添加百度一下教程

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏