给你的博客网站添加一个协助本站优化一下源码

给你的博客网站添加一个协助本站优化一下源码

演示

源码

html部分

[lv]

<div class="searchs">
    <div class="tit2">
        <strong>百度一下</strong>
    </div>
<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="请输入搜索词" style="color: #999" value="QQ资源吧m.qqzy8.com"> 
        <div target="q">
            关键词不能为空
        </div>
<input type="submit" value="搜索"> 
    </form>
</mip-form>
</div>

[/lv]

css部分

[lv]

.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;
}
.tit2 {
    background-color: #FF5E52;
    position: relative;
    top: -15px;
    display: inline-block;
    color: #fff;
    padding: 4px 15px;
    font-size: 14px;
}
.tit2 {
    background-image: linear-gradient( 
-40deg, #ff6600, #ffa365);
    background-color: #FF5E52;
    position: relative;
    top: -15px;
    display: inline-block;
    color: #fff;
    padding: 4px 15px;
    font-size: 14px;
}
.tit2 strong {
    font-weight: normal;
}
.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 );
}
.r-often div:nth-child(2) {
    text-align: center;
    color: #636262!important;
}
mip-form div {
    display: none;
    color: #ec1f5c;
    font-size: 12px;
    text-align: left;
    padding: 0 10% 0 3%;
}
.searchs input[type="submit"] {
    background-image: linear-gradient( 
-40deg, #409EFF, #99cbff);
    position: absolute;
    right: 5px;
    top: 2px;
    background-color: #45B6F7;
    color: #fff;
    font-size: 13px;
    margin: 1px;
    height: 37px;
    line-height: 35px;
    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;
}
.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;
}

[/lv]