SSM-网站前台博客系统制作(1)---前台+Google的Kaptcha

    这次基本就是前台设计(首页)+Kaptcha图片验证码(之前弄了一个reCaptcha验证码 但是必须要FQ,所以花半天时间搞了一下这个验证码.)

  实现环境:

    Bootstrap(下载链接:https://v3.bootcss.com/getting-started/)个人感觉上面的例子有些不兼容,特别是登录弹窗的弹出,弄了蛮久。

    >bootstrap.min.css(3.3.7),

    >bootstrap.min.js(3.3.7),

    >jquery.min.js(v2.1.1)

    >main.css(自己写的)  

实现效果:

  

  

SSM-网站前台博客系统制作(1)---前台+Google的Kaptcha

  前端(最好自己先写,然后想加的东西也好加上去,不然Bootsrap不兼容很难受的):

    Header部分:

      

    按钮栏: 我用的Bootstrap自带的,然后基本布局就弄好了(Overflow:hidden 浏览器缩大缩小不能影响下面,不然排版就乱了,这是我在设计下面布局的时候遇到的问题)     登录的模态框: ?from=androidqq 个人感觉菜鸟教程对新手入门还是蛮好的
    图片的轮播图:https://blog.csdn.net/qq_39905917/article/details/85091136 这里有怎么设计轮播时间,上面的菜鸟教程也有轮播样式,都还蛮可以的。
    下面基本样式:注意最好用div包含你想布局的东西就好了,这点需要注意

    

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzxspw.html