您现在的位置是:首页 > IT分类 > 帝国CMS网站首页帝国CMS帝国CMS友情链接插件

帝国CMS友情链接插件

  • 蓝天
  • 帝国CMS
  • 2020-03-28 17:31:19
简介外观可以根据自己要求随意更改,只要会CSS+HTML,以下是我自己写的效果,不嫌弃就直接拿着用^ _ ^:html部分: <div class="linkOn" id="linkOn"> <div class="link_box">
外观可以根据自己要求随意更改,只要会CSS+HTML,以下是我自己写的效果,不嫌弃就直接拿着用^ _ ^:

TFA蓝天个人博客-一个自学的好博客

html部分:
 <div class="linkOn" id="linkOn">
        <div class="link_box">
            <div class="link_content">
                <form action="[!--news.url--]e/extend/link/index.php" method="post" name="linkform" id="linkform"
                        onsubmit="return CheckLinkForm(document.linkform);">
                        <input name="ecms" type="hidden" id="ecms" value="qAddLink">
                    <p>
                        <span>网站名称:</span>
                        <input type="text" id="lname" name="lname">
                    </p>
                    <p>
                        <span>网站地址:</span>
                        <input type="text" id="lurl" name="lurl" value="http://" >
                    </p>
                    <p>
                        <span>电子邮箱:</span>
                        <input id="email " name="email" >
                    </p>
                    <p>
                        <span>站点描述:</span>
                        <input type="text" name="lsay" id="lsay" />
                    </p>
                    <p  class="key_box">
                        <span>验证码:</span>
                        <input name="key" type="text" id="key" size="10"><img src="<?=$public_r[newsurl]?>e/ShowKey/?v=pl" onclick="src='<?=$public_r[newsurl]?>e/ShowKey/?v=pl'+ Math.random()"    border="0"  align="absmiddle">
                    </p>  
                    <p class="btn_box">
                        <button type="submit" name="Submit" >确认</button>
                        <button type="button" id="link_btn" >关闭</button>
                    </p>
                </form>
            </div>        
        </div>
   </div> 
CSS部分:
 .linkOn{
        position:fixed;
	    z-index:999;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.2); 
        display:none;
    }
    .link_box{
        position:absolute;
        top:50%;
        left:50%;
        font-size: 14px;
        transform:translate(-50%,-50%);
        padding: 20px 30px;
        border-radius: 5px;
        background: #fff;
    }
    .link_content p{
        padding:3px;
        text-align: left;       
    }
    .link_content p span{
        padding-right: 8px;
        color:#777;
    }
    .link_content p input{
        outline: none;
        padding:2px;
        border:none;
        border-bottom:1px solid #eee;
        color:#3CB371
    }
    .key_box{
        text-indent: 14px;
    }
    .key_box img{
         display:inline-block;
	float:none;
        border-radius:5px;
    }
    .link_content .btn_box{
        text-align: center;
    }
    .btn_box button{
        padding:4px 10px;
        border-radius: 5px;
        outline: none;
        background: #fff;
        color:#999;
        border: 1px solid #777;
        margin-right: 10px;
        font-size: 12px;
        cursor: pointer;
        transition: all 0.4s;
    }
    .btn_box button:hover{
        background: #3CB371;
        color:#fff;
        border-color: #3CB371;
    }
    .linkOn p + p{
        margin-top: 15px;
    }
JS部分:
document.getElementById('link_btn').onclick=function(){
        document.getElementById('linkOn').style='display:none';
    }
    document.getElementById('link_btn_on').onclick=function(){
        document.getElementById('linkOn').style='display:block';
    }
JS其中的“link_btn_on”ID名要自己添加,任何位置都行,比如我把ID加在这个标签里面,如:

TFA蓝天个人博客-一个自学的好博客

然后,把HTML部分放在网页代码body结束标签的上面即可。TFA蓝天个人博客-一个自学的好博客
TFA蓝天个人博客-一个自学的好博客
最后,下载index.php,这个文件将处理前台提交过来的数据并入库:
  • 百度网盘:下载地址  密码:mg24
  • 下载完后,把这个文件上传到网站目录下,至于上传到那个文件夹下面,可以根据个要需求,不过得改html中from表单中请求的地址:“[!--news.url--]e/extend/link/index.php”,上传的文件必须要与这个路径一致,提醒一下,如果你要改表单中请求的地址,你还得修改index.php文件中的两个require关联路径,不然就肯定会报错。
  • 如果不会,就直接上传到e/extend/link文件夹下,其中link文件夹是自己建的。

转载: 感谢您对蓝天个人博客网站平台的认可,非常欢迎各位朋友分享到个人站长或者朋友圈,但转载请说明文章出处“来源蓝天个人博客 http://www.along168.cn”。

文章评论

联系方式