Zyyo 
⚠️本文发布于 956 天前，内容可能已过时，请注意甄别信息的准确性。
看到了一位大佬的主题很好看,甚是喜欢,是人家自己开发的，真的很羡慕。
吾柯
我决定自己也开始尝试尝试，边学习和边创作的过程，我前端三剑客基本没啥基础，我也只是个高中生,对这些东西已有的认识，都是我对主题修改中学来的,但还是是慢慢来吧，这可能是个漫长的过程，如果我不放弃的话，甚至要数年,可能我会中途放弃。
我特别喜欢大佬的样式，我向大佬询问了，如果大佬同意，我就继续学习开发，如果不行，那我就会有较大的改动，改的至少认不出来是模仿的。
同一个页面大佬写的代码我都看不懂，而自己写的代码又太弱智了。
昨晚一夜没睡，忙活出来这半个页面。
只有静态页面，什么都没有实现呢。
求大家别嘲笑,我的能力就这样,虽然代码写的很弱智，但是是我辛辛苦苦查资料，查百度出来的
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.css">
<title>主题</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f2f3f5;
}
.app {
display: flex;
flex-direction: column;
overflow: hidden;
max-width: 500px;
margin: 10px auto;
}
@media (max-width: 767px) {
.app {
width: 100vw;
height: 100vh;
margin: 0px auto;
}
}
.head {
display: flex;
flex-direction: column;
position: relative;
height: 400px;
width: 100%;
}
.banner {
position: relative;
background-size: cover;
background-position: center;
background-image: url(http://p1.qhimg.com/bdm/1024_768_85/t01e66d486b8e826270.jpg);
height: 280px;
width: 100%;
}
.banner-icon {
width: 100%;
height: 50px;
position: absolute;
top: 18px;
}
.icon1 {
position: absolute;
right: 10px;
}
.icon2 {
position: absolute;
right: 55px;
}
.author-bar {
position: relative;
background-color: #ffffff;
height: 120px;
width: 100%;
}
.author-logo {
width: 80px;
height: 80px;
background-size: cover;
background-position: center;
background-image: url(https://p.blog.blog.zyyo.net/a.jpg);
border-radius: 5px;
position: absolute;
right: 25px;
top: -50px;
}
.author-text {
position: absolute;
top: 45px;
width: 100%;
}
.author-title {
font-size: 1.3rem;
font-weight: 600;
position: absolute;
right: 45px;
}
.author-say {
font-size: 0.8rem;
font-weight: 400;
margin-top: 20px;
}
.tab{
display: flex;
flex-direction: column;;
margin-top: 20px;
position: relative;
height: 35px;
width: 100%;
background-color: #ffffff;
padding:20px 0px ;
}
.tab1 {
display: flex;
flex-direction: space-between;
position: relative;
height: 100%;
width:100%;
}
.option{
color:#ffffff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 18px;
height: 100%;
width:80px;
background-color: #00BFFF;
margin-left: 20px;
}
.option1{
background-color:#007FFF;
}
</style>
</head>
<body>
<div class="app">
<div class="head">
<div class="banner">
<div class="banner-icon">
<div class="icon1"><i style="font-size:25px;color: #ffffff;" class=" fas fa-user-circle"></i></div>
<div class="icon2"> <i style="font-size:25px;color: #ffffff;" class="fas fa-sliders-h"></i></i>
</div>
</div>
</div>
<div class="author-bar">
<div class="author-logo"></div>
<div class="author-text">
<div class="author-title">夏天</div>
<div class="author-say"></div>
</div>
</div>
</div>
<div class="tab">
<div class="tab1">
<div class="option option1">首页</div>
<div class="option">关于</div>
<div class="option">留言</div>
</div>
</div>
</div>
</body>
</html>开始尝试自己开发主题。
aristocrat pokies real money united kingdom, no deposit sign up
bonus nz 2021 and casino chip values usa, or online pokies australia wheres the
gold
Hello friends!
I came across a 154 interesting page that I think you should browse.
This resource is packed with a lot of useful information that you might find insightful.
It has everything you could possibly need, so be sure to give it a visit!
https://www.likefigures.com/the-best-online-signup-services-for-clients-on-your-site/
Furthermore do not overlook, guys, that you at all times may within this article find answers for your the absolute confusing questions. The authors tried to lay out all of the data in the most extremely easy-to-grasp manner.
Кент казино обеспечивает корректную работу всех разделов сайта. Пользователь не сталкивается с техническими проблемами. Игры запускаются без задержек. Интерфейс остается понятным. Это повышает доверие: кент казино
I'm not sure where you are getting your information, but
great topic. I needs to spend some time learning much more or understanding more.
Thanks for excellent info I was looking for this information for my mission.
Greate article. Keep posting such kind of info on your blog.
Im really impressed by your blog.
Hey there, You have done an incredible job. I'll certainly digg it
and for my part recommend to my friends. I am confident they'll
be benefited from this web site.
Hi! I could have sworn I've been to this website before but
after reading through some of the post I realized it's new to me.
Anyways, I'm definitely happy I found it and I'll be bookmarking
and checking back frequently!
I'm extremely impressed with your writing skills as neatly as with the format on your weblog.
Is that this a paid subject or did you customize
it yourself? Anyway stay up the nice quality writing,
it's uncommon to peer a nice blog like this one these days..
Very nice post. I just stumbled upon your weblog and wished to say that I have truly enjoyed surfing around your blog posts.
After all I will be subscribing to your feed
and I hope you write again very soon!