HTML点赞功能

2023-03-01 00:55:02html-css014

HTML点赞功能,第1张

HTML+CSS网站点赞和打赏的功能，实现方法如下：

1、HTML代码：

<body>

</div>

</body>

2、CSS代码如下：

.thumbs_content{

width: 291px

margin: 0 auto

}

.thumbs_button{

float: left

width:145px

text-align: center

margin:5px auto

height: 45px

line-height: 45px

background-color:#444

color:#fbfbfb

text-align:center

text-decoration:none

font-weight:bold

font-size:16px

transition: all 0.3s

border-radius: 0 0 0 25px

-webkit-border-radius: 0 0 0 25px

-moz-border-radius: 0 0 0 25px

-o-border-radius: 0 0 0 25px

}

.reward_button{

float: left

width:145px

text-align: center

margin:5px auto

height: 45px

line-height: 45px

background-color:#cd4450

color:#fbfbfb

text-align:center

text-decoration:none

font-weight:bold

font-size:16px

border-left:1px solid #fbfbfb

transition: all 0.3s

border-radius: 0 25px 0 0

-webkit-border-radius: 0 25px 0 0

-moz-border-radius: 0 25px 0 0

-o-border-radius: 0 25px 0 0

}

.thumbs_button:hover, .reward_button:hover{

opacity:0.8

font-size:18px

}

.clear{

clear:both

}

</style>

3、效果图：

<!DOCTYPE html>

<head>

<title>whatsns专业级开源内容付费php问答系统</title>

</head>

<body>

</button>

</a>

</div>

<li><a data-track="" target="_blank" data-track-location="header" href="https://www.ask2.cn/kc/">开发配置视频教程</a></li>

</ul>

</ul>

</div>

</nav>

<main>

<h1>WHATSNS</h1>

<h2>集问答，文章，课程，采集，SEO优化，运营功能于一体的开源系统</h2>

<h2>适合网站类型：个人流量网站，企业部门交流网站，企业知识库网站，邀请入住型网站，内容付费型网站</h2>

</p>

</p>

<span>官方QQ群一：370431002</span><span>官方QQ群二：258722465</span>

</p>

</div>

<h2 class="dtitle">为什么选择whatsns</h2>

<p class="huitext">1、可以满足在垃圾虚拟主机运行流畅</p>

<p class="huitext">2、傻瓜式安装，快速采集，快速SEO优化内容</p>

<p class="huitext">3、轻松配置对接熊掌号，火车头采集，xunsearch,OSS</p>

<p class="huitext">4、PC和wap模板分离自由组合终端展示效果</p>

<p class="huitext">5、网站从注册，登录，防灌水，内容优化，内容采集挖掘，网站运营等方方面面为站长深度定制细节</p>

<p class="huitext">6、超强大的功能配置，自由开关前端功能</p>

<p class="huitext">7、深度挖掘问答，文章，课程内容付费，让站长没有难赚的钱</p>

<p class="huitext">8、解决内容付费终端支付问题，您可以在PC，wap和微信端，APP中动态调用不同底层支付方案解决内容付费问题<label class="label-danger">独家</label></p>

<p class="huitext">9、支持微信语音回答，自动转码，任何终端可以收听语音回答<label class="label-danger">独家</label></p>

<p class="huitext">10、性价比超值，货比三家，市面上没有任何一家问答+课程的开源系统能和我们比，有的一个终端（要么只有pc模板，要么只有wap模板）15000多人民币，有的只有问答模块，一套就是20000多人民币只包含卖系统钱，技术支持单算，选择我们是花一份钱买多个终端可用的产品，而且功能都碾压其他家。</p>

</div>

</section>

<h2 class="dtitle">使用whatsns如何实现盈利</h2>

<p class="huitext">可以通过广告获得收入，用户充值现金和财富值，付费看答案，付费看文章内容，优质回答和文章被打赏，付费咨询专家，现金悬赏和财富值悬赏问题，用户可以付费购买课程，办理VIP打折购买课程，拥有偷看卡免费看答案。平台可以设置分成比例，提现可收取手续费，付费看回答可分成，付费咨询可分成，悬赏问题采纳可分成。</p>

</div>

</section>

<h3 class="mb-xs">成为商业客户，享受私人服务，一对一安装程序，程序问题及时解决。</h3>

<a data-track="" data-track-location="get-started" data-track-event="Clicked Get Started" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=617035918&site=qq&menu=yes" class="btn btn-lg btn-primary">点击购买咨询</a>

如果不能一键唤起咨询可加QQ:617035918

</p>

</div>

</section>

<p>历经多年的技术研究，知名国企，上市公司，国内五百强企业，以及其它优秀的企业和个人站长在使用我们的系统</p>

</div>

</section>

</div>

</section>