Share Hướng dẫn cài đặt Flarum trên cPanel hosting không cần SSH

ngoquocdat · 13/11/21

để cài tiện ích mở rộng trên cPanel hosting, thì hosting của bạn cần có SSH/Shell để chạy

manh0710 · 14/11/21

ngonnnnnnn

santiagorai · 17/11/21

đang cần

Luce Luce · 17/11/21

ZIngdnu · 17/11/21

thank

Meta✔✅ · 19/11/21

tét thôi :3

Trường Huy. · 23/11/21

GGG Dự Phòng · 23/11/21

ôk

Công Hiếu · 24/11/21

nguyenminhduc · 1/1/22

.

Nguyễn Đức Duy✔ · 1/1/22

ly ngoc lam · 1/1/22

Thanh Tín · 1/1/22

.

Quyết1307 · 4/1/22

phi hùng 05 · 4/1/22

Nguyễn Đình Thắng ✓ · 4/1/22

Minh Khương · 8/1/22

Ngô Vi Minh Hiếu · 24/1/22



[TABLE]

[TR]

[TD][/TD]



[TD]<!DOCTYPE html>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<head>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL]https://www.blogger.com/static/v1/widgets/1324390690-widget_css_bundle.css[/URL]' rel='stylesheet' type='text/css'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://1.bp.blogspot.com/']https://1.bp.blogspot.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://2.bp.blogspot.com/']https://2.bp.blogspot.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://3.bp.blogspot.com/']https://3.bp.blogspot.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://4.bp.blogspot.com/']https://4.bp.blogspot.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL]https://www.blogger.com/[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://maxcdn.bootstrapcdn.com/']https://maxcdn.bootstrapcdn.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://fonts.googleapis.com/']https://fonts.googleapis.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://use.fontawesome.com/']https://use.fontawesome.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://ajax.googleapis.com/']https://ajax.googleapis.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://resources.blogblog.com/']https://resources.blogblog.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://www.facebook.com/']https://www.facebook.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://plus.google.com/']https://plus.google.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://twitter.com/']https://twitter.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://www.youtube.com/']https://www.youtube.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://feedburner.google.com/']https://feedburner.google.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://www.pinterest.com/']https://www.pinterest.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://www.linkedin.com/']https://www.linkedin.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://feeds.feedburner.com/']https://feeds.feedburner.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://github.com/']https://github.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://player.vimeo.com/']https://player.vimeo.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://platform.twitter.com/']https://platform.twitter.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://apis.google.com/']https://apis.google.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://connect.facebook.net/']https://connect.facebook.net[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://cdnjs.cloudflare.com/']https://cdnjs.cloudflare.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://www.google-analytics.com/']https://www.google-analytics.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://pagead2.googlesyndication.com/']https://pagead2.googlesyndication.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://googleads.g.doubleclick.net/']https://googleads.g.doubleclick.net[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://www.gstatic.com/']https://www.gstatic.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://fonts.gstatic.com/']https://fonts.gstatic.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://www.googletagservices.com/']https://www.googletagservices.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://static.xx.fbcdn.net/']https://static.xx.fbcdn.net[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://tpc.googlesyndication.com/']https://tpc.googlesyndication.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://syndication.twitter.com/']https://syndication.twitter.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://images.dmca.com/']https://images.dmca.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://www.googletagmanager.com/']https://www.googletagmanager.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://embed.widgetpack.com/']https://embed.widgetpack.com[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL]https://www.code.pro.vn/[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL]https://www.code.pro.vn/feeds/posts/default[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL]https://www.code.pro.vn/feeds/comments/default[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://cdn.leanhduc.pro.vn/']https://cdn.leanhduc.pro.vn[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<link href='[URL='https://cdn.jsdelivr.net/']https://cdn.jsdelivr.net[/URL]' rel='dns-prefetch'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<title>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]Tiêu đề trang web[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</title>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<!-- Bắt đầu viết Css cho web -->[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<style id='page-skin-1' type='text/css'><!--[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]https://devforum.info/phaohoa/reset.min.css[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]* {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]position: relative;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]box-sizing: border-box;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]html,[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]body {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]height: 100%;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]html {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]background-color: #000;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]body {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]overflow: hidden;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]color: rgba(255, 255, 255, 0.5);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]font-family: "Russo One", arial, sans-serif;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]line-height: 1.25;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]letter-spacing: 0.06em;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].hide {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]opacity: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]visibility: hidden;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].remove {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]display: none !important;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].blur {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]-webkit-filter: blur(12px);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]filter: blur(12px);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].container {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]height: 100%;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]display: flex;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]justify-content: center;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]align-items: center;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].loading-init {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]width: 100%;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]align-self: center;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]text-align: center;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]text-transform: uppercase;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].loading-init__header {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]font-size: 2.2em;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].loading-init__status {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]margin-top: 1em;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]font-size: 0.8em;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]opacity: 0.75;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].stage-container {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]overflow: hidden;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]box-sizing: initial;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]border: 1px solid #222;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]margin: -1px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]@media (max-width: 840px) {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].stage-container {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]border: none;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]margin: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].canvas-container {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]width: 100%;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]height: 100%;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition: -webkit-filter 0.3s;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition: filter 0.3s;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition: filter 0.3s, -webkit-filter 0.3s;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].canvas-container canvas {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]position: absolute;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]mix-blend-mode: lighten;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]-webkit-transform: translateZ(0);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transform: translateZ(0);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].controls {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]position: absolute;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]top: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]width: 100%;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]padding-bottom: 50px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]display: flex;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]justify-content: space-between;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition: opacity 0.3s, visibility 0.3s;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]@media (min-width: 840px) {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].controls {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]visibility: visible;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].controls.hide:hover {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]opacity: 1;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].menu {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]position: absolute;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]top: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]bottom: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]left: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]right: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]background-color: rgba(0, 0, 0, 0.42);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition: opacity 0.3s, visibility 0.3s;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].menu__inner-wrap {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]display: flex;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]flex-direction: column;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]justify-content: center;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]align-items: center;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]position: absolute;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]top: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]bottom: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]left: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]right: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition: opacity 0.3s;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].menu__header {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]margin-top: auto;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]margin-bottom: 8px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]padding-top: 16px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]font-size: 2em;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]text-transform: uppercase;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].menu__subheader {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]margin-bottom: auto;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]padding-bottom: 12px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]font-size: 0.86em;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]opacity: 0.8;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].menu form {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]width: 100%;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]max-width: 400px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]padding: 0 10px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]overflow: auto;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]-webkit-overflow-scrolling: touch;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].menu .form-option {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]display: flex;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]align-items: center;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]margin: 16px 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition: opacity 0.3s;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].menu .form-option label {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]display: block;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]width: 50%;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]padding-right: 12px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]text-align: right;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]text-transform: uppercase;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]-webkit-user-select: none;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]-moz-user-select: none;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]-ms-user-select: none;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]user-select: none;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].menu .form-option--select select {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]display: block;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]width: 50%;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]height: 30px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]font-size: 1rem;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]font-family: "Russo One", arial, sans-serif;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]color: rgba(255, 255, 255, 0.5);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]letter-spacing: 0.06em;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]background-color: transparent;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]border: 1px solid rgba(255, 255, 255, 0.5);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].menu .form-option--select select option {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]background-color: black;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].menu .form-option--checkbox input {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]display: block;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]width: 26px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]height: 26px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]margin: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]opacity: 0.5;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]@media (max-width: 840px) {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].menu .form-option select, .menu .form-option input {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]outline: none;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].close-menu-btn {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]position: absolute;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]top: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]right: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].btn {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]opacity: 0.16;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]width: 50px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]height: 50px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]display: flex;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]-webkit-user-select: none;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]-moz-user-select: none;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]-ms-user-select: none;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]user-select: none;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]cursor: default;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition: opacity 0.3s;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].btn--bright {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]opacity: 0.5;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]@media (min-width: 840px) {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].btn:hover {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]opacity: 0.32;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].btn--bright:hover {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]opacity: 0.75;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].btn svg {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]display: block;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]margin: auto;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].credits {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]margin-top: auto;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]margin-bottom: 10px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]padding-top: 6px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]font-size: 0.8em;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]opacity: 0.75;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].credits a {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]color: rgba(255, 255, 255, 0.5);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]text-decoration: none;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].credits a:hover, .credits a:active {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]color: rgba(255, 255, 255, 0.75);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]text-decoration: underline;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].help-modal {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]display: flex;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]justify-content: center;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]align-items: center;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]position: fixed;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]top: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]bottom: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]left: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]right: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]visibility: hidden;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition-property: visibility;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition-duration: 0.25s;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].help-modal__overlay {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]position: absolute;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]top: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]bottom: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]left: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]right: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]opacity: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition-property: opacity;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition-timing-function: ease-in;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition-duration: 0.25s;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].help-modal__dialog {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]display: flex;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]flex-direction: column;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]align-items: center;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]max-width: 400px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]max-height: calc(100vh - 100px);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]margin: 10px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]padding: 20px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]border-radius: 0.3em;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]background-color: rgba(0, 0, 0, 0.4);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]opacity: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]-webkit-transform: scale(0.9, 0.9);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transform: scale(0.9, 0.9);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition-property: opacity, -webkit-transform;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition-property: opacity, transform;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition-property: opacity, transform, -webkit-transform;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition-timing-function: ease-in;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition-duration: 0.25s;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]@media (min-width: 840px) {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].help-modal__dialog {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]font-size: 1.25rem;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]max-width: 500px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].help-modal__header {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]font-size: 1.75em;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]text-transform: uppercase;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]text-align: center;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].help-modal__body {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]overflow-y: auto;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]-webkit-overflow-scrolling: touch;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]margin: 1em 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]padding: 1em 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]border-top: 1px solid rgba(255, 255, 255, 0.25);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]border-bottom: 1px solid rgba(255, 255, 255, 0.25);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]line-height: 1.5;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]color: rgba(255, 255, 255, 0.75);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].help-modal__close-btn {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]flex-shrink: 0;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]outline: none;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]border: none;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]border-radius: 2px;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]padding: 0.25em 0.75em;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]margin-top: 0.36em;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]font-family: "Russo One", arial, sans-serif;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]font-size: 1em;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]color: rgba(255, 255, 255, 0.5);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]text-transform: uppercase;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]letter-spacing: 0.06em;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]background-color: rgba(255, 255, 255, 0.25);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition: color 0.3s, background-color 0.3s;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].help-modal__close-btn:hover, .help-modal__close-btn:active, .help-modal__close-btn:focus {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]color: #FFF;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]background-color: #09F;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].help-modal.active {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]visibility: visible;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition-duration: 0.4s;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].help-modal.active .help-modal__overlay {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]opacity: 1;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition-timing-function: ease-out;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition-duration: 0.4s;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD].help-modal.active .help-modal__dialog {[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]opacity: 1;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]-webkit-transform: scale(1, 1);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transform: scale(1, 1);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition-timing-function: ease-out;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]transition-duration: 0.4s;[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]}[/TD]

[/TR]

[TR]

[TD][/TD]



[TD][/TD]

[/TR]

[TR]

[TD][/TD]



[TD]--></style>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<meta name='google-adsense-platform-domain' content='blogspot.com'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD][/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</head>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<!-- Bắt đầu phần hiển thị trên web -->[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<body>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<!-- SVG Spritesheet -->[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div style='height: 0; width: 0; position: absolute; visibility: hidden;'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<svg xmlns='http://www.w3.org/2000/svg'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<symbol id='icon-play' viewBox='0 0 24 24'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<path d='M8 5v14l11-7z'></path>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</symbol>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<symbol id='icon-pause' viewBox='0 0 24 24'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<path d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'></path>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</symbol>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<symbol id='icon-close' viewBox='0 0 24 24'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'></path>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</symbol>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<symbol id='icon-settings' viewBox='0 0 24 24'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<path d='M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z'></path>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</symbol>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<symbol id='icon-sound-on' viewBox='0 0 24 24'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<path d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'></path>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</symbol>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<symbol id='icon-sound-off' viewBox='0 0 24 24'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<path d='M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z'></path>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</symbol>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</svg>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<!-- App -->[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='container'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='loading-init'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='loading-init__header'><h1>Loading</h1></div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<h1><div class='loading-init__status'>Demo Pháo hoa - DevForum</div></h1>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='stage-container remove'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='canvas-container'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<canvas id='trails-canvas'></canvas>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<canvas id='main-canvas'></canvas>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='controls'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='btn pause-btn'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<svg fill='white' height='24' width='24'><use href='[URL='https://www.blogspotvip.tk/#icon-pause']#icon-pause[/URL]' xlink:href='#icon-pause'></use></svg>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='btn sound-btn'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<svg fill='white' height='24' width='24'><use href='[URL='https://www.blogspotvip.tk/#icon-sound-off']#icon-sound-off[/URL]' xlink:href='#icon-sound-off'></use></svg>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='btn settings-btn'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<svg fill='white' height='24' width='24'><use href='[URL='https://www.blogspotvip.tk/#icon-settings']#icon-settings[/URL]' xlink:href='#icon-settings'></use></svg>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='menu hide'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='menu__inner-wrap'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='btn btn--bright close-menu-btn'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<svg fill='white' height='24' width='24'><use href='[URL='https://www.blogspotvip.tk/#icon-close']#icon-close[/URL]' xlink:href='#icon-close'></use></svg>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='menu__header'>Settings</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='menu__subheader'><h1>Demo Pháo hoa - DevForum</h1></div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<form>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='form-option form-option--select'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<label class='shell-type-label'>Shell Type</label>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<select class='shell-type'></select>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='form-option form-option--select'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<label class='shell-size-label'>Shell Size</label>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<select class='shell-size'></select>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='form-option form-option--select'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<label class='quality-ui-label'>Quality</label>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<select class='quality-ui'></select>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='form-option form-option--select'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<label class='sky-lighting-label'>Sky Lighting</label>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<select class='sky-lighting'></select>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='form-option form-option--select'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<label class='scaleFactor-label'>Scale</label>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<select class='scaleFactor'></select>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='form-option form-option--checkbox'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<label class='auto-launch-label'>Auto Fire</label>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<input class='auto-launch' type='checkbox'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='form-option form-option--checkbox form-option--finale-mode'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<label class='finale-mode-label'>Finale Mode</label>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<input class='finale-mode' type='checkbox'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='form-option form-option--checkbox'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<label class='hide-controls-label'>Hide Controls</label>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<input class='hide-controls' type='checkbox'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='form-option form-option--checkbox form-option--fullscreen'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<label class='fullscreen-label'>Fullscreen</label>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<input class='fullscreen' type='checkbox'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='form-option form-option--checkbox'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<label class='long-exposure-label'>Open Shutter</label>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<input class='long-exposure' type='checkbox'/>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</form>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='help-modal'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='help-modal__overlay'></div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='help-modal__dialog'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='help-modal__header'></div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='help-modal__body'></div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<button class='help-modal__close-btn' type='button'>Close</button>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<script src='[URL]https://devforum.info/DEMO/phaohoa/fscreen.1.0.1.js[/URL]'></script>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<script src='[URL]https://devforum.info/DEMO/phaohoa/Stage.0.1.4.js[/URL]'></script>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<script src='[URL]https://devforum.info/DEMO/phaohoa/MyMath.js[/URL]'></script>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<script src='[URL]https://devforum.info/DEMO/phaohoa/script.js[/URL]'></script>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<div class='navbar no-items section' id='navbar'></div>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD][/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<script type="text/javascript" src="[URL]https://www.blogger.com/static/v1/widgets/481855464-widgets.js[/URL]"></script>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<script type='text/javascript'>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]window['__wavt'] = 'AOuZoY5ydghDsUW4efbrUxmxq7WuMTj6-Q:1642997444779';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7719974639790977247','//www.blogspotvip.tk/','7719974639790977247');[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7719974639790977247', 'title': 'Blogger Vip', 'url': 'https://www.blogspotvip.tk/', 'canonicalUrl': 'https://www.blogspotvip.tk/', 'homepageUrl': 'https://www.blogspotvip.tk/', 'searchUrl': 'https://www.blogspotvip.tk/search', 'canonicalHomepageUrl': 'https://www.blogspotvip.tk/', 'blogspotFaviconUrl': 'https://www.blogspotvip.tk/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'vi', 'localeUnderscoreDelimited': 'vi', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blogger Vip - Atom\x22 href\x3d\x22https://www.blogspotvip.tk/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Blogger Vip - RSS\x22 href\x3d\x22https://www.blogspotvip.tk/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blogger Vip - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7719974639790977247/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/09440697335179741874\x22 /\x3e\n', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/6b6a2d209af07a6a', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'disableGComments': true, 'sharing': {'platforms': [{'name': 'Nh\u1eadn \u0111\u01b0\u1eddng li\xean k\u1ebft', 'key': 'link', 'shareMessage': 'Nh\u1eadn \u0111\u01b0\u1eddng li\xean k\u1ebft', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Chia s\u1ebb v\u1edbi Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Chia s\u1ebb v\u1edbi Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Chia s\u1ebb v\u1edbi Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27vi\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': '\u0110\u1ecdc th\xeam', 'pageType': 'index', 'pageName': '', 'pageTitle': 'Blogger Vip'}}, {'name': 'features', 'data': {'sharing_get_link_dialog': 'true', 'sharing_native': 'false'}}, {'name': 'messages', 'data': {'edit': 'Ch\u1ec9nh s\u1eeda', 'linkCopiedToClipboard': '\u0110\xe3 sao ch\xe9p \u0111\u01b0\u1eddng li\xean k\u1ebft v\xe0o b\u1ea3ng nh\u1edb t\u1ea1m!', 'ok': 'Ok', 'postLink': 'Li\xean k\u1ebft b\xe0i \u0111\u0103ng'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'T\xf9y ch\u1ec9nh', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Blogger Vip', 'description': '', 'url': 'https://www.blogspotvip.tk/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}]);[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</script>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</body>[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]<!-- Kết thúc phần hiển thị trên web -->[/TD]

[/TR]

[TR]

[TD][/TD]



[TD]</html>[/TD]

[/TR]

[/TABLE]

Ngô Vi Minh Hiếu · 24/1/22

HTML:

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<link href='https://www.blogger.com/static/v1/widgets/1324390690-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
<link href='https://1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='https://2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='https://3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='https://4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='https://www.blogger.com/' rel='dns-prefetch'/>
<link href='https://maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<link href='https://fonts.googleapis.com' rel='dns-prefetch'/>
<link href='https://use.fontawesome.com' rel='dns-prefetch'/>
<link href='https://ajax.googleapis.com' rel='dns-prefetch'/>
<link href='https://resources.blogblog.com' rel='dns-prefetch'/>
<link href='https://www.facebook.com' rel='dns-prefetch'/>
<link href='https://plus.google.com' rel='dns-prefetch'/>
<link href='https://twitter.com' rel='dns-prefetch'/>
<link href='https://www.youtube.com' rel='dns-prefetch'/>
<link href='https://feedburner.google.com' rel='dns-prefetch'/>
<link href='https://www.pinterest.com' rel='dns-prefetch'/>
<link href='https://www.linkedin.com' rel='dns-prefetch'/>
<link href='https://feeds.feedburner.com' rel='dns-prefetch'/>
<link href='https://github.com' rel='dns-prefetch'/>
<link href='https://player.vimeo.com' rel='dns-prefetch'/>
<link href='https://platform.twitter.com' rel='dns-prefetch'/>
<link href='https://apis.google.com' rel='dns-prefetch'/>
<link href='https://connect.facebook.net' rel='dns-prefetch'/>
<link href='https://cdnjs.cloudflare.com' rel='dns-prefetch'/>
<link href='https://www.google-analytics.com' rel='dns-prefetch'/>
<link href='https://pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='https://googleads.g.doubleclick.net' rel='dns-prefetch'/>
<link href='https://www.gstatic.com' rel='dns-prefetch'/>
<link href='https://fonts.gstatic.com' rel='dns-prefetch'/>
<link href='https://www.googletagservices.com' rel='dns-prefetch'/>
<link href='https://static.xx.fbcdn.net' rel='dns-prefetch'/>
<link href='https://tpc.googlesyndication.com' rel='dns-prefetch'/>
<link href='https://syndication.twitter.com' rel='dns-prefetch'/>
<link href='https://images.dmca.com' rel='dns-prefetch'/>
<link href='https://www.googletagmanager.com' rel='dns-prefetch'/>
<link href='https://embed.widgetpack.com' rel='dns-prefetch'/>
<link href='https://www.code.pro.vn/' rel='dns-prefetch'/>
<link href='https://www.code.pro.vn/feeds/posts/default' rel='dns-prefetch'/>
<link href='https://www.code.pro.vn/feeds/comments/default' rel='dns-prefetch'/>
<link href='https://cdn.leanhduc.pro.vn' rel='dns-prefetch'/>
<link href='https://cdn.jsdelivr.net' rel='dns-prefetch'/>
<title>
Tiêu đề trang web
</title>
<!-- Bắt đầu viết Css cho web -->
<style id='page-skin-1' type='text/css'><!--
https://devforum.info/phaohoa/reset.min.css
* {
position: relative;
box-sizing: border-box;
}
html,
body {
height: 100%;
}
html {
background-color: #000;
}
body {
overflow: hidden;
color: rgba(255, 255, 255, 0.5);
font-family: "Russo One", arial, sans-serif;
line-height: 1.25;
letter-spacing: 0.06em;
}
.hide {
opacity: 0;
visibility: hidden;
}
.remove {
display: none !important;
}
.blur {
-webkit-filter: blur(12px);
filter: blur(12px);
}
.container {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.loading-init {
width: 100%;
align-self: center;
text-align: center;
text-transform: uppercase;
}
.loading-init__header {
font-size: 2.2em;
}
.loading-init__status {
margin-top: 1em;
font-size: 0.8em;
opacity: 0.75;
}
.stage-container {
overflow: hidden;
box-sizing: initial;
border: 1px solid #222;
margin: -1px;
}
@media (max-width: 840px) {
.stage-container {
border: none;
margin: 0;
}
}
.canvas-container {
width: 100%;
height: 100%;
transition: -webkit-filter 0.3s;
transition: filter 0.3s;
transition: filter 0.3s, -webkit-filter 0.3s;
}
.canvas-container canvas {
position: absolute;
mix-blend-mode: lighten;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.controls {
position: absolute;
top: 0;
width: 100%;
padding-bottom: 50px;
display: flex;
justify-content: space-between;
transition: opacity 0.3s, visibility 0.3s;
}
@media (min-width: 840px) {
.controls {
visibility: visible;
}
.controls.hide:hover {
opacity: 1;
}
}
.menu {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.42);
transition: opacity 0.3s, visibility 0.3s;
}
.menu__inner-wrap {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: opacity 0.3s;
}
.menu__header {
margin-top: auto;
margin-bottom: 8px;
padding-top: 16px;
font-size: 2em;
text-transform: uppercase;
}
.menu__subheader {
margin-bottom: auto;
padding-bottom: 12px;
font-size: 0.86em;
opacity: 0.8;
}
.menu form {
width: 100%;
max-width: 400px;
padding: 0 10px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.menu .form-option {
display: flex;
align-items: center;
margin: 16px 0;
transition: opacity 0.3s;
}
.menu .form-option label {
display: block;
width: 50%;
padding-right: 12px;
text-align: right;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.menu .form-option--select select {
display: block;
width: 50%;
height: 30px;
font-size: 1rem;
font-family: "Russo One", arial, sans-serif;
color: rgba(255, 255, 255, 0.5);
letter-spacing: 0.06em;
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.menu .form-option--select select option {
background-color: black;
}
.menu .form-option--checkbox input {
display: block;
width: 26px;
height: 26px;
margin: 0;
opacity: 0.5;
}
@media (max-width: 840px) {
.menu .form-option select, .menu .form-option input {
outline: none;
}
}
.close-menu-btn {
position: absolute;
top: 0;
right: 0;
}
.btn {
opacity: 0.16;
width: 50px;
height: 50px;
display: flex;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
transition: opacity 0.3s;
}
.btn--bright {
opacity: 0.5;
}
@media (min-width: 840px) {
.btn:hover {
opacity: 0.32;
}
.btn--bright:hover {
opacity: 0.75;
}
}
.btn svg {
display: block;
margin: auto;
}
.credits {
margin-top: auto;
margin-bottom: 10px;
padding-top: 6px;
font-size: 0.8em;
opacity: 0.75;
}
.credits a {
color: rgba(255, 255, 255, 0.5);
text-decoration: none;
}
.credits a:hover, .credits a:active {
color: rgba(255, 255, 255, 0.75);
text-decoration: underline;
}
.help-modal {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
visibility: hidden;
transition-property: visibility;
transition-duration: 0.25s;
}
.help-modal__overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
transition-property: opacity;
transition-timing-function: ease-in;
transition-duration: 0.25s;
}
.help-modal__dialog {
display: flex;
flex-direction: column;
align-items: center;
max-width: 400px;
max-height: calc(100vh - 100px);
margin: 10px;
padding: 20px;
border-radius: 0.3em;
background-color: rgba(0, 0, 0, 0.4);
opacity: 0;
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
transition-timing-function: ease-in;
transition-duration: 0.25s;
}
@media (min-width: 840px) {
.help-modal__dialog {
font-size: 1.25rem;
max-width: 500px;
}
}
.help-modal__header {
font-size: 1.75em;
text-transform: uppercase;
text-align: center;
}
.help-modal__body {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
margin: 1em 0;
padding: 1em 0;
border-top: 1px solid rgba(255, 255, 255, 0.25);
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
line-height: 1.5;
color: rgba(255, 255, 255, 0.75);
}
.help-modal__close-btn {
flex-shrink: 0;
outline: none;
border: none;
border-radius: 2px;
padding: 0.25em 0.75em;
margin-top: 0.36em;
font-family: "Russo One", arial, sans-serif;
font-size: 1em;
color: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
letter-spacing: 0.06em;
background-color: rgba(255, 255, 255, 0.25);
transition: color 0.3s, background-color 0.3s;
}
.help-modal__close-btn:hover, .help-modal__close-btn:active, .help-modal__close-btn:focus {
color: #FFF;
background-color: #09F;
}
.help-modal.active {
visibility: visible;
transition-duration: 0.4s;
}
.help-modal.active .help-modal__overlay {
opacity: 1;
transition-timing-function: ease-out;
transition-duration: 0.4s;
}
.help-modal.active .help-modal__dialog {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
transition-timing-function: ease-out;
transition-duration: 0.4s;
}

--></style>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

</head>
<!-- Bắt đầu phần hiển thị trên web -->
<body>
<!-- SVG Spritesheet -->
<div style='height: 0; width: 0; position: absolute; visibility: hidden;'>
<svg xmlns='http://www.w3.org/2000/svg'>
<symbol id='icon-play' viewBox='0 0 24 24'>
<path d='M8 5v14l11-7z'></path>
</symbol>
<symbol id='icon-pause' viewBox='0 0 24 24'>
<path d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'></path>
</symbol>
<symbol id='icon-close' viewBox='0 0 24 24'>
<path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'></path>
</symbol>
<symbol id='icon-settings' viewBox='0 0 24 24'>
<path d='M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z'></path>
</symbol>
<symbol id='icon-sound-on' viewBox='0 0 24 24'>
<path d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'></path>
</symbol>
<symbol id='icon-sound-off' viewBox='0 0 24 24'>
<path d='M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z'></path>
</symbol>
</svg>
</div>
<!-- App -->
<div class='container'>
<div class='loading-init'>
<div class='loading-init__header'><h1>Loading</h1></div>
<h1><div class='loading-init__status'>Demo Pháo hoa - DevForum</div></h1>
</div>
<div class='stage-container remove'>
<div class='canvas-container'>
<canvas id='trails-canvas'></canvas>
<canvas id='main-canvas'></canvas>
</div>
<div class='controls'>
<div class='btn pause-btn'>
<svg fill='white' height='24' width='24'><use href='#icon-pause' xlink:href='#icon-pause'></use></svg>
</div>
<div class='btn sound-btn'>
<svg fill='white' height='24' width='24'><use href='#icon-sound-off' xlink:href='#icon-sound-off'></use></svg>
</div>
<div class='btn settings-btn'>
<svg fill='white' height='24' width='24'><use href='#icon-settings' xlink:href='#icon-settings'></use></svg>
</div>
</div>
<div class='menu hide'>
<div class='menu__inner-wrap'>
<div class='btn btn--bright close-menu-btn'>
<svg fill='white' height='24' width='24'><use href='#icon-close' xlink:href='#icon-close'></use></svg>
</div>
<div class='menu__header'>Settings</div>
<div class='menu__subheader'><h1>Demo Pháo hoa - DevForum</h1></div>
<form>
<div class='form-option form-option--select'>
<label class='shell-type-label'>Shell Type</label>
<select class='shell-type'></select>
</div>
<div class='form-option form-option--select'>
<label class='shell-size-label'>Shell Size</label>
<select class='shell-size'></select>
</div>
<div class='form-option form-option--select'>
<label class='quality-ui-label'>Quality</label>
<select class='quality-ui'></select>
</div>
<div class='form-option form-option--select'>
<label class='sky-lighting-label'>Sky Lighting</label>
<select class='sky-lighting'></select>
</div>
<div class='form-option form-option--select'>
<label class='scaleFactor-label'>Scale</label>
<select class='scaleFactor'></select>
</div>
<div class='form-option form-option--checkbox'>
<label class='auto-launch-label'>Auto Fire</label>
<input class='auto-launch' type='checkbox'/>
</div>
<div class='form-option form-option--checkbox form-option--finale-mode'>
<label class='finale-mode-label'>Finale Mode</label>
<input class='finale-mode' type='checkbox'/>
</div>
<div class='form-option form-option--checkbox'>
<label class='hide-controls-label'>Hide Controls</label>
<input class='hide-controls' type='checkbox'/>
</div>
<div class='form-option form-option--checkbox form-option--fullscreen'>
<label class='fullscreen-label'>Fullscreen</label>
<input class='fullscreen' type='checkbox'/>
</div>
<div class='form-option form-option--checkbox'>
<label class='long-exposure-label'>Open Shutter</label>
<input class='long-exposure' type='checkbox'/>
</div>
</form>
</div>
</div>
</div>
<div class='help-modal'>
<div class='help-modal__overlay'></div>
<div class='help-modal__dialog'>
<div class='help-modal__header'></div>
<div class='help-modal__body'></div>
<button class='help-modal__close-btn' type='button'>Close</button>
</div>
</div>
</div>
<script src='https://devforum.info/DEMO/phaohoa/fscreen.1.0.1.js'></script>
<script src='https://devforum.info/DEMO/phaohoa/Stage.0.1.4.js'></script>
<script src='https://devforum.info/DEMO/phaohoa/MyMath.js'></script>
<script src='https://devforum.info/DEMO/phaohoa/script.js'></script>
<div class='navbar no-items section' id='navbar'></div>

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/481855464-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5ydghDsUW4efbrUxmxq7WuMTj6-Q:1642997444779';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7719974639790977247','//www.blogspotvip.tk/','7719974639790977247');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7719974639790977247', 'title': 'Blogger Vip', 'url': 'https://www.blogspotvip.tk/', 'canonicalUrl': 'https://www.blogspotvip.tk/', 'homepageUrl': 'https://www.blogspotvip.tk/', 'searchUrl': 'https://www.blogspotvip.tk/search', 'canonicalHomepageUrl': 'https://www.blogspotvip.tk/', 'blogspotFaviconUrl': 'https://www.blogspotvip.tk/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'vi', 'localeUnderscoreDelimited': 'vi', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blogger Vip - Atom\x22 href\x3d\x22https://www.blogspotvip.tk/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Blogger Vip - RSS\x22 href\x3d\x22https://www.blogspotvip.tk/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blogger Vip - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7719974639790977247/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/09440697335179741874\x22 /\x3e\n', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/6b6a2d209af07a6a', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'disableGComments': true, 'sharing': {'platforms': [{'name': 'Nh\u1eadn \u0111\u01b0\u1eddng li\xean k\u1ebft', 'key': 'link', 'shareMessage': 'Nh\u1eadn \u0111\u01b0\u1eddng li\xean k\u1ebft', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Chia s\u1ebb v\u1edbi Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Chia s\u1ebb v\u1edbi Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Chia s\u1ebb v\u1edbi Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27vi\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': '\u0110\u1ecdc th\xeam', 'pageType': 'index', 'pageName': '', 'pageTitle': 'Blogger Vip'}}, {'name': 'features', 'data': {'sharing_get_link_dialog': 'true', 'sharing_native': 'false'}}, {'name': 'messages', 'data': {'edit': 'Ch\u1ec9nh s\u1eeda', 'linkCopiedToClipboard': '\u0110\xe3 sao ch\xe9p \u0111\u01b0\u1eddng li\xean k\u1ebft v\xe0o b\u1ea3ng nh\u1edb t\u1ea1m!', 'ok': 'Ok', 'postLink': 'Li\xean k\u1ebft b\xe0i \u0111\u0103ng'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'T\xf9y ch\u1ec9nh', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Blogger Vip', 'description': '', 'url': 'https://www.blogspotvip.tk/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}]);
</script>
</body>
<!-- Kết thúc phần hiển thị trên web -->
</html>

thinhnnnhh · 11/12/23

H

Chào mừng!

Share Hướng dẫn cài đặt Flarum trên cPanel hosting không cần SSH

ngoquocdat

manh0710

santiagorai

Luce Luce

THIÊN THẦN SA NGÃ

ZIngdnu

Meta✔✅

Trường Huy.

GGG Dự Phòng

Công Hiếu

nguyenminhduc

Nguyễn Đức Duy✔

ly ngoc lam

Thanh Tín

Quyết1307

phi hùng 05

Nguyễn Đình Thắng ✓

Minh Khương

Ngô Vi Minh Hiếu

Ngô Vi Minh Hiếu

thinhnnnhh

Bài mới nhất

THỐNG KÊ TRỰC TUYẾN

Thống kê diễn đàn

Thành viên mới

Chào mừng!

Share Hướng dẫn cài đặt Flarum trên cPanel hosting không cần SSH

THIÊN THẦN SA NGÃ

THỐNG KÊ TRỰC TUYẾN

Thống kê diễn đàn

Thành viên mới

CỘNG ĐỒNG DIỄN ĐÀN