搜索到
69
篇与
网站优化
的结果
-
-
Adobe的大师版和sp版有什么区别 小熊猫博客(blog.32yunbk.cn)分享很多人可能都跟我有同样的疑惑，大师版和sp版本到底有什么区别，我经过搜索和询问，才得到的以下结果，主要是个人认知 大师版是Adobe全家桶1，包括PS AL,PR,LR,AU,AM,AE...而sp版本是单独的独立软件，需要全家桶，你就装大师版，需要某个软环，就去sp版本找大师版是包含很多独立版的软件集合，独立版是单独的一个应用软件包如果需要很多功能不同的软件相互协作就安装大师版，否则就安装针对的独立版； Adobe从2003年起，将主要软件打包成Creative Suit，套装出售，而后每次CS升级都会根据不同功能软件的搭配和包含软件套数的多少，划分多个等级，从：Design Premium（设计套装）, Web Premium（网页套装）, Production Premium（视频套装） 到 Master Collection（大师套装）。Master Collection就是大师版，包含了Adobe开发的尽可能多的软件，各种用途各种方向的。
-
幽灵404网页代码 跟随鼠标动画 小熊猫博客：(blog.32yunbk.cn)爱分享：{callout color="#f0ad4e"}介绍（不开回复可见，来了能否留个足迹，感谢支持）{/callout}在某个网站上看到的，个人感觉不错，就叫人扒了下来，幽灵1会有浮动动画跟随鼠标动画{callout color="#f0ad4e"}截图{/callout}<!doctype html> <html> <head> <meta charset="utf-8"> <title>幽灵404页面</title> <script type="text/javascript" src="https://a-oss.zmki.cn/2020/20200101-cc0f0c1509531.js"></script> <style> html, body { background: #28254C; font-family: 'Ubuntu'; } * { box-sizing: border-box; } .box { width: 350px; height: 100%; max-height: 600px; min-height: 450px; background: #332F63; border-radius: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 30px 50px; } .box .box__ghost { padding: 15px 25px 25px; position: absolute; left: 50%; top: 30%; transform: translate(-50%, -30%); } .box .box__ghost .symbol:nth-child(1) { opacity: .2; animation: shine 4s ease-in-out 3s infinite; } .box .box__ghost .symbol:nth-child(1):before, .box .box__ghost .symbol:nth-child(1):after { content: ''; width: 12px; height: 4px; background: #fff; position: absolute; border-radius: 5px; bottom: 65px; left: 0; } .box .box__ghost .symbol:nth-child(1):before { transform: rotate(45deg); } .box .box__ghost .symbol:nth-child(1):after { transform: rotate(-45deg); } .box .box__ghost .symbol:nth-child(2) { position: absolute; left: -5px; top: 30px; height: 18px; width: 18px; border: 4px solid; border-radius: 50%; border-color: #fff; opacity: .2; animation: shine 4s ease-in-out 1.3s infinite; } .box .box__ghost .symbol:nth-child(3) { opacity: .2; animation: shine 3s ease-in-out .5s infinite; } .box .box__ghost .symbol:nth-child(3):before, .box .box__ghost .symbol:nth-child(3):after { content: ''; width: 12px; height: 4px; background: #fff; position: absolute; border-radius: 5px; top: 5px; left: 40px; } .box .box__ghost .symbol:nth-child(3):before { transform: rotate(90deg); } .box .box__ghost .symbol:nth-child(3):after { transform: rotate(180deg); } .box .box__ghost .symbol:nth-child(4) { opacity: .2; animation: shine 6s ease-in-out 1.6s infinite; } .box .box__ghost .symbol:nth-child(4):before, .box .box__ghost .symbol:nth-child(4):after { content: ''; width: 15px; height: 4px; background: #fff; position: absolute; border-radius: 5px; top: 10px; right: 30px; } .box .box__ghost .symbol:nth-child(4):before { transform: rotate(45deg); } .box .box__ghost .symbol:nth-child(4):after { transform: rotate(-45deg); } .box .box__ghost .symbol:nth-child(5) { position: absolute; right: 5px; top: 40px; height: 12px; width: 12px; border: 3px solid; border-radius: 50%; border-color: #fff; opacity: .2; animation: shine 1.7s ease-in-out 7s infinite; } .box .box__ghost .symbol:nth-child(6) { opacity: .2; animation: shine 2s ease-in-out 6s infinite; } .box .box__ghost .symbol:nth-child(6):before, .box .box__ghost .symbol:nth-child(6):after { content: ''; width: 15px; height: 4px; background: #fff; position: absolute; border-radius: 5px; bottom: 65px; right: -5px; } .box .box__ghost .symbol:nth-child(6):before { transform: rotate(90deg); } .box .box__ghost .symbol:nth-child(6):after { transform: rotate(180deg); } .box .box__ghost .box__ghost-container { background: #fff; width: 100px; height: 100px; border-radius: 100px 100px 0 0; position: relative; margin: 0 auto; animation: upndown 3s ease-in-out infinite; } .box .box__ghost .box__ghost-container .box__ghost-eyes { position: absolute; left: 50%; top: 45%; height: 12px; width: 70px; } .box .box__ghost .box__ghost-container .box__ghost-eyes .box__eye-left { width: 12px; height: 12px; background: #332F63; border-radius: 50%; margin: 0 10px; position: absolute; left: 0; } .box .box__ghost .box__ghost-container .box__ghost-eyes .box__eye-right { width: 12px; height: 12px; background: #332F63; border-radius: 50%; margin: 0 10px; position: absolute; right: 0; } .box .box__ghost .box__ghost-container .box__ghost-bottom { display: flex; position: absolute; top: 100%; left: 0; right: 0; } .box .box__ghost .box__ghost-container .box__ghost-bottom div { flex-grow: 1; position: relative; top: -10px; height: 20px; border-radius: 100%; background-color: #fff; } .box .box__ghost .box__ghost-container .box__ghost-bottom div:nth-child(2n) { top: -12px; margin: 0 -0px; border-top: 15px solid #332F63; background: transparent; } .box .box__ghost .box__ghost-shadow { height: 20px; box-shadow: 0 50px 15px 5px #3B3769; border-radius: 50%; margin: 0 auto; animation: smallnbig 3s ease-in-out infinite; } .box .box__description { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); } .box .box__description .box__description-container { color: #fff; text-align: center; width: 200px; font-size: 16px; margin: 0 auto; } .box .box__description .box__description-container .box__description-title { font-size: 24px; letter-spacing: .5px; } .box .box__description .box__description-container .box__description-text { color: #8C8AA7; line-height: 20px; margin-top: 20px; } .box .box__description .box__button { display: block; position: relative; background: #FF5E65; border: 1px solid transparent; border-radius: 50px; height: 50px; text-align: center; text-decoration: none; color: #fff; line-height: 50px; font-size: 18px; padding: 0 70px; white-space: nowrap; margin-top: 25px; transition: background .5s ease; overflow: hidden; } .box .box__description .box__button:before { content: ''; position: absolute; width: 20px; height: 100px; background: #fff; bottom: -25px; left: 0; border: 2px solid #fff; transform: translateX(-50px) rotate(45deg); transition: transform .5s ease; } .box .box__description .box__button:hover { background: transparent; border-color: #fff; } .box .box__description .box__button:hover:before { transform: translateX(250px) rotate(45deg); } @keyframes upndown { 0% { transform: translateY(5px); } 50% { transform: translateY(15px); } 100% { transform: translateY(5px); } } @keyframes smallnbig { 0% { width: 90px; } 50% { width: 100px; } 100% { width: 90px; } } @keyframes shine { 0% { opacity: .2; } 25% { opacity: .1; } 50% { opacity: .2; } 100% { opacity: .2; } } </style> </head> <body> <div class="box"> <div class="box__ghost"> <div class="symbol"></div> <div class="symbol"></div> <div class="symbol"></div> <div class="symbol"></div> <div class="symbol"></div> <div class="symbol"></div> <div class="box__ghost-container"> <div class="box__ghost-eyes"> <div class="box__eye-left"></div> <div class="box__eye-right"></div> </div> <div class="box__ghost-bottom"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> <div class="box__ghost-shadow"></div> </div> <div class="box__description"> <div class="box__description-container"> <div class="box__description-title">404错误！</div> <div class="box__description-text">看来我们找不到你要找的那一页</div> </div> <a href="/index.php" class="box__button">返回</a> </div> </div> <script> //based on https://dribbble.com/shots/3913847-404-page var pageX = $(document).width(); var pageY = $(document).height(); var mouseY=0; var mouseX=0; $(document).mousemove(function( event ) { //verticalAxis mouseY = event.pageY; yAxis = (pageY/2-mouseY)/pageY*300; //horizontalAxis mouseX = event.pageX / -pageX; xAxis = -mouseX * 100 - 100; $('.box__ghost-eyes').css({ 'transform': 'translate('+ xAxis +'%,-'+ yAxis +'%)' }); //console.log('X: ' + xAxis); });</script> </body> </html>
-
-
【小程序】18k 超清壁纸 --夜空潮图 壁纸小程序介绍介绍：1.静态动态壁纸都有，头像啥的全部都有2.真-无广告且免费3.直接无视积分下载，一个字，爽！4.正经的高质量壁纸神器5.云端主要介绍【微信小程序】：夜空潮图【小程序版本】：1.0.0【小程序大小】：0M、【小程序平台】：安卓Android/苹果ios【测试机型】：荣耀30pro【使用说明】：微信搜索小程序里搜索名字夜空潮图或者扫码就可以用进去使用了【使用方式】：直接用微信扫码下方的小程序二维码本人郑重承诺，小程序无任何广告，拒绝任何广告，给大家一个绿色平台，感谢各位支持，无偿保存图片，无需看任何广告，没有强制分享，也不商用不喜勿喷，拿走评论，禁止商用不喜勿喷，拿走评论，禁止商用不喜勿喷，拿走评论，禁止商用{tabs}{tabs-pane label="下载扫码"}{/tabs-pane}{tabs-pane label="暂无"} 标签二内容{/tabs-pane}{/tabs}{tabs}{tabs-pane label="部分截图1"}{/tabs-pane}{tabs-pane label="部分截图2"}{/tabs-pane}{/tabs}{tabs}{tabs-pane label="部分截图3"}{/tabs-pane}{tabs-pane label="部分截图4"}{/tabs-pane}{/tabs}
-
-
恋爱记载网页源码，加搭建教程 源码介绍 前几天找到一款个人介绍夜，改了一下，变成了恋爱记录网页，可能有些问题，但是基本问题不大，有能力自己改{tabs}{tabs-pane label="部分截图"}{/tabs-pane}{tabs-pane label="部分截图"}{/tabs-pane}{/tabs}源码下载 {tabs}{tabs-pane label="下载地址1"}隐藏内容，请前往内页查看详情{/tabs-pane}{tabs-pane label="下载地址2"}隐藏内容，请前往内页查看详情{/tabs-pane}{/tabs}使用教程 1.上传源码到服务器，没有服务器点击这里购买： 夜空云 2.直接绑定域名，需要修改内容请到index即可，里面内容均可修改，自行测试，不会可以找人花钱解决，当然找本文作者也可以，感谢支持，勿喷
-
HTML状态码（网站404-505）--小熊猫博客 HTTP状态码 前言：很多新人站长，在搭建网站和运营网站的时候，会出现404,403,等等这种情况比较多，也有人问我（也就是小熊猫博客（https://blog.32yunbk.cn），和夜空博客（http://8d2.net）），所以本人就将它整理出来，有部分是个人理解，有部分是网友提交，还有网络总结出来的，一般网站出现这个就对应找到原因就行当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。HTTP状态码的英文为HTTP Status Code。下面是常见的HTTP状态码：200 - 请求成功301 - 资源（网页等）被永久转移到其它URL404 - 请求的资源（网页等）不存在500 - 内部服务器错误HTTP状态码分类HTTP状态码由三个十进制数字组成，第一个十进制数字定义了状态码的类型，后两个数字没有分类的作用。HTTP状态码共分为5种类型：{mtitle title="HTTP状态码分类"/}分类分类描述1**信息，服务器收到请求，需要请求者继续执行操作2**成功，操作被成功接收并处理3**重定向，需要进一步的操作以完成请求4**客户端错误，请求包含语法错误或无法完成请求5**服务器错误，服务器在处理请求的过程中发生了错误HTTP状态码列表: {mtitle title="HTTP状态码列表"/} 100-101状态码状态码英文名称中文描述100Continue继续。客户端应继续其请求101Switching Protocols切换协议。服务器根据客户端的请求切换协议。只能切换到更高级的协议，例如，切换到HTTP的新版本协议200-206状态码状态码英文名称中文描述200OK请求成功。一般用于GET与POST请求201Accepted已创建。成功请求并创建了新的资源203Non-Authoritative Information非授权信息。请求成功。但返回的meta信息不在原始的服务器，而是一个副本204No Content无内容。服务器成功处理，但未返回内容。在未更新网页的情况下，可确保浏览器继续显示当前文档205Reset Content重置内容。服务器处理成功，用户终端（例如：浏览器）应重置文档视图。可通过此返回码清除浏览器的表单域206Partial Content部分内容。服务器成功处理了部分GET请求300-307状态码状态码英文名称中文描述300Multiple Choices查看其它地址。与301类似。使用GET和POST请求查看301Moved Permanently永久移动。请求的资源已被永久的移动到新URI，返回信息会包括新的URI，浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替302Found永久移动。请求的资源已被永久的移动到新URI，返回信息会包括新的URI，浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替303See Other查看其它地址。与301类似。使用GET和POST请求查看304Not Modified未修改。所请求的资源未修改，服务器返回此状态码时，不会返回任何资源。客户端通常会缓存访问过的资源，通过提供一个头信息指出客户端希望只返回在指定日期之后修改的资源305Use Proxy使用代理。所请求的资源必须通过代理访问306Unused已经被废弃的HTTP状态码307Temporary Redirect临时重定向。与302类似。使用GET请求重定向400-417状态码英文名称说明400Temporary Redirect客户端请求的语法错误，服务器无法理解401Unauthorized请求要求用户的身份认证402Payment Required保留，将来使用403Forbidden服务器理解请求客户端的请求，但是拒绝执行此请求404Not Found服务器无法根据客户端的请求找到资源（网页）。通过此代码，网站设计人员可设置"您所请求的资源无法找到"的个性页面（通常就是找不到文件夹）405Method Not Allowed客户端请求中的方法被禁止406Not Acceptable服务器无法根据客户端请求的内容特性完成请求407Proxy Authentication Required请求要求代理的身份认证，与401类似，但请求者应当使用代理进行授权408Request Time-out服务器等待客户端发送的请求时间过长，超时409Conflict服务器完成客户端的PUT请求是可能返回此代码，服务器处理请求时发生了冲突410Gone客户端请求的资源已经不存在。410不同于404，如果资源以前有现在被永久删除了可使用410代码，网站设计人员可通过301代码指定资源的新位置411Length Required服务器无法处理客户端发送的不带Content-Length的请求信息412Precondition Failed客户端请求信息的先决条件错误413Request Entity Too Large客户端请求信息的先决条件错误413Request Entity Too Large由于请求的实体过大，服务器无法处理，因此拒绝请求。为防止客户端的连续请求，服务器可能会关闭连接。如果只是服务器暂时无法处理，则会包含一个Retry-After的响应信息414Request-URI Too Large请求的URI过长（URI通常为网址），服务器无法处理415Unsupported Media Type服务器无法处理请求附带的媒体格式416Requested range not satisfiable客户端请求的范围无效417Expectation Failed服务器无法满足Expect的请求头信息500-505 ：一般是服务器问题状态码英文说明500Internal Server Error服务器内部错误，无法完成请求501Not Implemented服务器不支持请求的功能，无法完成请求502Bad Gateway充当网关或代理的服务器，从远端服务器接收到了一个无效的请求503Service Unavailable由于超载或系统维护，服务器暂时的无法处理客户端的请求。延时的长度可包含在服务器的Retry-After头信息中504Gateway Time-out充当网关或代理的服务器，未及时从远端服务器获取请求505HTTP Version not supported 服服务器不支持请求的HTTP协议的版本，无法完成处理如果感觉此文章对你有所帮助，可以留个爱心，留个评论，就收藏一下
-
joe(执念)主题编辑器使用自己图床--小熊猫博客 小熊猫blog分享（blog.32yunbk.cn）：前言： 目前很多人都在使用执念改过(joe)的模板,执念改过的模板的确有很多功能好用，但是你会发现很多都是他网站的广告，都能直接的进入他的网站，但不得不说好用，这也导致以前执念服务器天天被打，天天死， 虽然现在换了好的服务器，没有死过，但是还是要防止意外。 执念他在joe编辑器里最后一个加了一个图床上传，可以一键上传到他的图床网站并且返回到自己文章里显示图片，这样呢我们就不需要给文件添加附件，图片就不用存到服务器里，用他的图床也很方便，但是呢，我们还是有些人，喜欢用自己搭建的图床机进行上传，图片全部保存到github里边，这样即使执念哪天网站备案掉了，想不开了跑了（ 虽然不会 ），就造成了很麻烦，如何修改，后边就不废话了直接上教程，毕竟我也是花了10块钱才向执念要来的修改，太狗了 :@(吐舌) 1.使用烟雨图床 使用执念改过的图床 原版的也可以 （原因下边说） 烟雨图床安装教程自行百度，就不多说了，很简单下载源码后，将install.sql导入到数据库之后修改APP/DataBase.php文件中的数据库连接，将Public目录设置为运行目录即可{tabs}{tabs-pane label="图床下载"}隐藏内容，请前往内页查看详情{/tabs-pane}{/tabs}必须修改使用本站同款主题主题下载地址，自行查看首页{tabs}{tabs-pane label="修改教程"}隐藏内容，请前往内页查看详情{/tabs-pane}{tabs-pane label="图片位置"}隐藏内容，请前往内页查看详情{/tabs-pane}{/tabs}使用烟雨图床（原版）找到api位置，添加防跨站代码，代码自行百度，就不多说了
-
