【html项目】教你制作地表最强王者辅助网站装逼神器

本文主要是介绍【html项目】教你制作地表最强王者辅助网站装逼神器,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 

今天如何教你们写教你们如何写一个 

仿王者荣耀修改器装逼神器


效果图

 

html:

<body><header> <a href="//pvp.qq.com/" class="qqq" title="王者荣耀" onclick="PTTSendClick('link','logo','logo');">王者荣耀</a><h1>王者荣耀辅助系统</h1><div class="id"> 你好!月之寒枫 </div></header><nav><ul><li><a href="#">首页</a></li><li><a href="#">战绩管理</a></li><li><a href="#">资产管理</a></li><li><a href="#">皮肤修改器</a></li><li><a href="#">装备修改器</a></li></ul></nav><div class="main-container"><div class="slide"><ul><li><a href="#">伤害属性</a></li><li><a href="#">武器属性</a></li><li><a href="#">兵线属性</a></li><li><a href="#">防御塔属性</a></li><li><a href="#">队友属性</a></li><li><a href="#">敌方属性</a></li><li><a href="#">野怪属性</a></li></ul></div><div class="right-section"> <!-- 右侧内容 --> </div></div></body>

css:

html,body {height: 100%;margin: 0;padding: 0;}header {background-image: linear-gradient(to left, #ffd7a6, #c05d16);color: #000;padding: 10px;text-align: center;height: 80px;position: relative;}nav {background-color: #000;padding: 5px;overflow: hidden;display: flex;align-items: center;justify-content: center;font-size: 20px;}nav ul {list-style-type: none;padding: 0;margin: 0;}nav ul li {float: left;margin-right: 50px;}nav ul li a {text-decoration: none;color: white;}nav ul li a:hover {color: red;}.slide {background-color: rgba(105, 101, 101, 0.6);padding: 20px 0;/* margin: 100px; */position: relative;}.slide ul {list-style: none;}.slide ul li {width: 100%;height: 42px;line-height: 42px;text-align: left;padding-left: 0px;box-sizing: border-box;}.slide ul li:hover {background-color: #ff6700;}.slide ul li a {display: inline-block;text-decoration: none;color: blue;}.main-container {display: flex;height: calc(100% -80px);margin-top: <90px>;}.left-section,.slide {flex: 0 0 20%;background-color: palegreen;height: 680px;}.right-section {flex: 0 0 80%;background-color: blue;height: 100%;}.id {position: absolute;right: 10%;font-size: 1.875rem;line-height: 20px;color: blue;top: 40%;}h1 {width: 80%;margin: auto;padding: 10px;/* align-items: center; */}.qqq {font: 14px/1.5 "Microsoft YaHei", Tahoma, "simsun", sans-serif;font-size: 100%;text-decoration: none;color: #363009;position: absolute;left: 0;top: 16px;z-index: 100;background: url(//game.gtimg.cn/images/yxzj/web201706/images/comm/logo.png) no-repeat center center;width: 200px;height: 54px;text-indent: -999px;overflow: hidden;padding-left: 30px;}

这篇关于【html项目】教你制作地表最强王者辅助网站装逼神器的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/981089

相关文章

springboot项目中使用JOSN解析库的方法

《springboot项目中使用JOSN解析库的方法》JSON,全程是JavaScriptObjectNotation,是一种轻量级的数据交换格式,本文给大家介绍springboot项目中使用JOSN... 目录一、jsON解析简介二、Spring Boot项目中使用JSON解析1、pom.XML文件引入依

使用vscode搭建pywebview集成vue项目实践

《使用vscode搭建pywebview集成vue项目实践》:本文主要介绍使用vscode搭建pywebview集成vue项目实践,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录环境准备项目源码下载项目说明调试与生成可执行文件核心代码说明总结本节我们使用pythonpywebv

基于Python+PyQt5打造一个跨平台Emoji表情管理神器

《基于Python+PyQt5打造一个跨平台Emoji表情管理神器》在当今数字化社交时代,Emoji已成为全球通用的视觉语言,本文主要为大家详细介绍了如何使用Python和PyQt5开发一个功能全面的... 目录概述功能特性1. 全量Emoji集合2. 智能搜索系统3. 高效交互设计4. 现代化UI展示效果

Maven项目中集成数据库文档生成工具的操作步骤

《Maven项目中集成数据库文档生成工具的操作步骤》在Maven项目中,可以通过集成数据库文档生成工具来自动生成数据库文档,本文为大家整理了使用screw-maven-plugin(推荐)的完... 目录1. 添加插件配置到 pom.XML2. 配置数据库信息3. 执行生成命令4. 高级配置选项5. 注意事

eclipse如何运行springboot项目

《eclipse如何运行springboot项目》:本文主要介绍eclipse如何运行springboot项目问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目js录当在eclipse启动spring boot项目时出现问题解决办法1.通过cmd命令行2.在ecl

如何关闭Mac的Safari通知? 3招教你关闭Safari浏览器网站通知的技巧

《如何关闭Mac的Safari通知?3招教你关闭Safari浏览器网站通知的技巧》当我们在使用Mac电脑专注做一件事情的时候,总是会被一些消息推送通知所打扰,这时候,我们就希望关闭这些烦人的Mac通... Safari 浏览器的「通知」功能本意是为了方便用户及时获取最新资讯,但很容易被一些网站滥用,导致我们

Python+PyQt5实现MySQL数据库备份神器

《Python+PyQt5实现MySQL数据库备份神器》在数据库管理工作中,定期备份是确保数据安全的重要措施,本文将介绍如何使用Python+PyQt5开发一个高颜值,多功能的MySQL数据库备份工具... 目录概述功能特性核心功能矩阵特色功能界面展示主界面设计动态效果演示使用教程环境准备操作流程代码深度解

SpringBoot项目Web拦截器使用的多种方式

《SpringBoot项目Web拦截器使用的多种方式》在SpringBoot应用中,Web拦截器(Interceptor)是一种用于在请求处理的不同阶段执行自定义逻辑的机制,下面给大家介绍Sprin... 目录一、实现 HandlerInterceptor 接口1、创建HandlerInterceptor实

Maven项目打包时添加本地Jar包的操作步骤

《Maven项目打包时添加本地Jar包的操作步骤》在Maven项目开发中,我们经常会遇到需要引入本地Jar包的场景,比如使用未发布到中央仓库的第三方库或者处理版本冲突的依赖项,本文将详细介绍如何通过M... 目录一、适用场景说明​二、核心操作命令​1. 命令格式解析​2. 实战案例演示​三、项目配置步骤​1

使用Python和Tkinter实现html标签去除工具

《使用Python和Tkinter实现html标签去除工具》本文介绍用Python和Tkinter开发的HTML标签去除工具,支持去除HTML标签、转义实体并输出纯文本,提供图形界面操作及复制功能,需... 目录html 标签去除工具功能介绍创作过程1. 技术选型2. 核心实现逻辑3. 用户体验增强如何运行