|
|
| 第1行： |
第1行： |
| <includeonly> | | <includeonly> |
| <div class="pai-ming-widget"> | | <div class="tiermaker-widget" style=" |
| | | width:100%; |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | | max-width:<!--{$width|default:'100%'}-->; |
| "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| | margin:12px auto; |
| <html> | | border-radius:16px; |
| <head>
| | overflow:hidden; |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
| | box-shadow:0 4px 20px rgba(0,0,0,0.1); |
| <title>Create a Plants vs Zombies Hybrid Edition Replanted Plants Tier List - TierMaker</title>
| | border:1px solid #e0e0e0; |
| <meta name="description" content="Tier list of Plants vs Zombies Hybrid Edition Replanted Plants, as of version 0.25. May be continuously updated."/>
| | "> |
| <link rel="canonical" href="https://tiermaker.com/create/plants-vs-zombies-hybrid-edition-replanted-plants-17320791-2"/>
| | <iframe src="https://tiermaker.com/create/<!--{$template}-->" |
| <meta property="og:url" content="https://tiermaker.com/create/plants-vs-zombies-hybrid-edition-replanted-plants-17320791-2">
| | style="width:100%;height:<!--{$height|default:'700'}-->px;border:none;display:block;" |
|
| | allowfullscreen> |
| <meta name="robots" content="max-image-preview:large">
| | </iframe> |
| <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/> | | <div style=" |
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
| | padding:8px 16px; |
| <meta name="google-site-verification" content="9RzvhXpxr0_6J3ZHnwLV1tAWxy_p5Dog9JAFyOoJe1c" />
| | background:#f5f5f5; |
| | | font-size:12px; |
| <meta name="twitter:card" content="summary_large_image">
| | color:#666; |
| <meta name="twitter:site" content="@tiermaker">
| | text-align:center; |
| <meta name="twitter:creator" content="@tiermaker">
| | border-top:1px solid #e0e0e0; |
| <meta name="twitter:title" content="Create a Plants vs Zombies Hybrid Edition Replanted Plants Tier List">
| | "> |
| <meta name="twitter:description" content="Tier list of Plants vs Zombies Hybrid Edition Replanted Plants, as of version 0.25. May be continuously updated.">
| | <a href="https://tiermaker.com/create/<!--{$template}-->" target="_blank" style="color:#2E7D32;text-decoration:none;"> |
| | | 🔗 如果无法加载，点击此处在新窗口打开 |
| <meta property="og:site_name" content="TierMaker"/>
| | </a> |
| <meta property="og:title" content="Create a Plants vs Zombies Hybrid Edition Replanted Plants Tier List">
| | </div> |
| <meta property="og:description" content="Tier list of Plants vs Zombies Hybrid Edition Replanted Plants, as of version 0.25. May be continuously updated.">
| |
| | |
| <meta name="appleid-signin-client-id" content="tiermaker.app">
| |
| <meta name="appleid-signin-scope" content="name email">
| |
| <meta name="appleid-signin-redirect-uri" content="https://tiermaker.com/includes/apple_oauth.php">
| |
| <meta name="appleid-signin-state" content="x login">
| |
| <meta http-equiv="Content-Security-Policy" content="block-all-mixed-content" />
| |
| | |
| <meta property="og:image" content="https://tiermaker.com/images/media/hero_images/2024/17320791/plants-vs-zombies-hybrid-edition-replanted-plants-17320791/173207911771083380.png">
| |
| <meta name="twitter:image" content="https://tiermaker.com/images/media/hero_images/2024/17320791/plants-vs-zombies-hybrid-edition-replanted-plants-17320791/173207911771083380.png">
| |
|
| |
|
| |
| <link rel="apple-touch-icon" sizes="57x57" href="/images/icons/apple-icon-57x57.png">
| |
| <link rel="apple-touch-icon" sizes="60x60" href="/images/icons/apple-icon-60x60.png">
| |
| <link rel="apple-touch-icon" sizes="72x72" href="/images/icons/apple-icon-72x72.png">
| |
| <link rel="apple-touch-icon" sizes="76x76" href="/images/icons/apple-icon-76x76.png">
| |
| <link rel="apple-touch-icon" sizes="114x114" href="/images/icons/apple-icon-114x114.png">
| |
| <link rel="apple-touch-icon" sizes="120x120" href="/images/icons/apple-icon-120x120.png">
| |
| <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
| |
| <link rel="apple-touch-icon" sizes="152x152" href="/images/icons/apple-icon-152x152.png">
| |
| <link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-icon-180x180.png">
| |
| <link rel="icon" type="image/png" sizes="192x192" href="/images/icons/android-icon-192x192.png">
| |
| <link rel="icon" type="image/png" sizes="32x32" href="/images/icons/favicon-32x32.png">
| |
| <link rel="icon" type="image/png" sizes="96x96" href="/images/icons/favicon-96x96.png">
| |
| <link rel="icon" type="image/png" sizes="16x16" href="/images/icons/favicon-16x16.png">
| |
| <link rel="manifest" href="/manifest.json">
| |
| <meta name="msapplication-TileColor" content="#ffffff">
| |
| <meta name="msapplication-TileImage" content="/images/icons/ms-icon-144x144.png">
| |
| <meta name="theme-color" content="#ffffff">
| |
| | |
| <meta name="google-play-app" content="app-id=com.tiermaker.app">
| |
| <meta name="apple-itunes-app" content="app-id=6744654563">
| |
| | |
| <link href="/css/main.css?176" rel="stylesheet" type="text/css"/>
| |
|
| |
| <script src="/scripts/vendor/jquery.js"></script>
| |
| <script src="/scripts/vendor/jquery-ui.js"></script>
| |
| <script src="/scripts/main.js?91"></script>
| |
| <script src="https://cdn.jsdelivr.net/npm/intersection-observer@0.5.1/intersection-observer.js"></script>
| |
| <script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@11.0.6/dist/lazyload.min.js"></script>
| |
| <!-- <script src="/scripts/vendor/html2canvas-v1.js"></script>-->
| |
| | |
| <!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>-->
| |
| <!-- <script>(adsbygoogle=window.adsbygoogle||[]).requestNonPersonalizedAds=1;</script>-->
| |
| | |
| | |
| <!-- Global site tag (gtag.js) - Google Analytics -->
| |
| <script async src="https://www.googletagmanager.com/gtag/js?id=UA-128631689-1"></script>
| |
| <script>
| |
| window.dataLayer = window.dataLayer || [];
| |
| function gtag(){dataLayer.push(arguments);}
| |
| gtag('js', new Date());
| |
| | |
| gtag('config', 'UA-128631689-1');
| |
| </script>
| |
| | |
| <!-- Global site tag (gtag.js) - Google Analytics -->
| |
| <script async src="https://www.googletagmanager.com/gtag/js?id=G-YG5FR0GCPT"></script>
| |
| <script>
| |
| window.dataLayer = window.dataLayer || [];
| |
| function gtag(){dataLayer.push(arguments);}
| |
| gtag('js', new Date());
| |
| | |
| gtag('config', 'G-YG5FR0GCPT');
| |
| </script>
| |
| | |
| <!-- <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>-->
| |
| <!-- <script>-->
| |
| <!-- (adsbygoogle = window.adsbygoogle || []).push({-->
| |
| <!-- google_ad_client: "ca-pub-0775488133273258",-->
| |
| <!-- enable_page_level_ads: true-->
| |
| <!-- });-->
| |
| <!-- </script>-->
| |
|
| |
| <script>window.twttr = (function (d, s, id) {
| |
| var js, fjs = d.getElementsByTagName(s)[0],
| |
| t = window.twttr || {};
| |
| if (d.getElementById(id)) return t;
| |
| js = d.createElement(s);
| |
| js.id = id;
| |
| js.src = "https://platform.twitter.com/widgets.js";
| |
| fjs.parentNode.insertBefore(js, fjs);
| |
| | |
| t._e = [];
| |
| t.ready = function (f) {
| |
| t._e.push(f);
| |
| };
| |
| | |
| return t;
| |
| }(document, "script", "twitter-wjs"));
| |
| </script>
| |
| | |
| | |
| <script type="text/javascript" async="async" data-noptimize="1" data-cfasync="false" src="//scripts.pubnation.com/tags/e0705f39-799b-4faf-8434-06f6dd495220.js"></script>
| |
|
| |
| <script>
| |
| function setCookie(name, div, value, days) {
| |
| if (name != 'cookiePolicyAgreement') {
| |
| var d = new Date;
| |
| d.setTime(d.getTime() + 24 * 60 * 60 * 1000 * days);
| |
| document.cookie = name + "=" + value + ";path=/;expires=" + d.toGMTString();
| |
| }
| |
| $(`#${div}`).css('display', 'none')
| |
| }
| |
| | |
| function getCookieByName(cname) {
| |
| let name = cname + "=";
| |
| let ca = document.cookie.split(';');
| |
| for(let i = 0; i < ca.length; i++) {
| |
| let c = ca[i];
| |
| while (c.charAt(0) == ' ') {
| |
| c = c.substring(1);
| |
| }
| |
| if (c.indexOf(name) == 0) {
| |
| return c.substring(name.length, c.length);
| |
| }
| |
| }
| |
| return "";
| |
| }
| |
| function toggleDarkMode () {
| |
| var hasDarkModeCookie = getCookieByName('darkMode');
| |
| if (hasDarkModeCookie) {
| |
| document.cookie = "darkMode=false; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
| |
| } else {
| |
| document.cookie = `darkMode=true; expires=${new Date(new Date().getTime()+1000*60*60*24*365).toGMTString()}; path=/`;
| |
| }
| |
| location.reload();
| |
| }
| |
| </script>
| |
| | |
|
| |
| <script>
| |
| document.addEventListener("DOMContentLoaded", function() {
| |
| if(window.innerWidth < 1690 && window.innerWidth > 1385){
| |
| window.$adManagementConfig = window.$adManagementConfig || {};
| |
| window.$adManagementConfig.web = window.$adManagementConfig.web || {};
| |
| window.$adManagementConfig.web.localModel = {
| |
| 'sidebar_btf_selector':'',
| |
| 'gutter_enable':true,
| |
| 'total_content_selector':'#main-container, #outer-container > .content-centered'
| |
| };
| |
| }
| |
| });
| |
| </script>
| |
| | |
| </head>
| |
| <body class="create-page-wrapper">
| |
| | |
| <div id="outer-container">
| |
| | |
| <!-- <div id="header-callout">-->
| |
| <!-- <p class="center">Create a graphic to share your quarantine essentials on our new site.<a target="_blank" href="https://myquarantinefaves.com/" style="background: #1B2A49; color: #fff; padding: 8px; margin: 0 10px; cursor: pointer; border-radius: 6px">MyQuarantineFaves.com</a>-->
| |
| <!-- <span style="cursor: pointer" onclick="setCookie('headerCallout', 'header-callout', 'true', 365)">X</span>-->
| |
| <!-- </p>-->
| |
| <!-- </div>-->
| |
|
| |
| <div id="header" style="position: relative;">
| |
| <div id="inner-header">
| |
| <span style="display:flex;align-items:center;">
| |
| <a id="logo" href="/" title="tiermaker.com"><img src="/images/tiermaker-logo.png"/></a>
| |
| <a style="padding: 8px; border-radius: 8px; border: 1px solid #f00; margin-left: 10px; color: #fff" href="https://live.tiermaker.com" target="_blank">Live</a>
| |
| <a class="desktop-only" href="https://meme.tiermaker.com" target="_blank" rel="noopener noreferrer" style="margin-left:10px;padding:8px;border-radius:8px;border:1px solid #FFD600;color:#fff;text-decoration:none">Meme</a>
| |
| </span>
| |
| | |
| <div id="nav-icon" class="mobile-only">
| |
| <span></span>
| |
| <span></span>
| |
| <span></span>
| |
| </div>
| |
| | |
| <div id="nav" class="desktop-only">
| |
| <ul>
| |
| <li style="position:relative; width: 20px; height: 20px;"><img style="width: 100%; height: auto; margin-top: 0px; cursor: pointer" src="/images/search-icon.png" id="header-search-icon" />
| |
| <div style="display: none;" id="header-search-container">
| |
| <form id="desktop-search" method="get" action="/search">
| |
| <!-- <input name="q" id="header-search" type="input" class="autocomplete" placeholder="Search..." />-->
| |
| <input name="q" id="header-search" type="input" placeholder="Search..." />
| |
| </form>
| |
| </div>
| |
| </li>
| |
| <li><a id="create" href="/create/">Make a Template</a></li>
| |
| <li><a href="/categories/">Categories</a></li>
| |
| <li><a href="/tier-lists/classic">New Tier Lists</a></li>
| |
| <li><a style="padding: 8px; border-radius: 8px; background: #8239B9" id="ad-free-header-link" href="https://pay.rev.cat/snbahopjkepqwari/" target="_blank">Go Ad-Free</a></li>
| |
| <!-- <li><a style="padding: 8px; border-radius: 8px; border: 1px solid #666" href="https://triviacreator.com" target="_blank">TriviaCreator</a></li>-->
| |
| <!-- <li><a href="https://bracketfights.com" target="_blank">BracketFights</a></li>-->
| |
| <li><a href='/login/'>Login</a></li> </ul>
| |
| </div>
| |
| </div>
| |
| </div><!-- end of header -->
| |
| | |
| <div id="mobile-main-nav" class="mobile-only">
| |
| <div id="header-search-container-mobile">
| |
| <form id="mobile-search" method="get" action="/search">
| |
| <input name="q" id="header-search-mobile" placeholder="Search..." type="input" />
| |
| </form>
| |
| </div>
| |
| <ul>
| |
| <li><a href='/login/'>Login</a></li> <li><a href="/app/">Download Mobile App</a></li>
| |
| <li><a href="/categories/">Categories</a></li>
| |
| <li><a href="/tier-lists/classic">New Tier Lists</a></li>
| |
| <li><a href="/create/">Make Your Own Template</a></li>
| |
| <li><a href="#" onclick="toggleDarkMode()">Toggle Dark Mode</a></li>
| |
| <li><a href="https://triviacreator.com" target="_blank">TriviaCreator</a></li>
| |
| <li><a href="https://bracketfights.com" target="_blank">BracketFights</a></li>
| |
| </ul>
| |
| </div>
| |
| | |
|
| |
| <div id="outer-main-flex">
| |
| <div class="rail-banners" id="tm-left-gutter-container" style="margin: 0;">
| |
| <div id="tm-left-gutter" class="rail-banners"></div>
| |
| <div id="tm-left-gutter-wide"></div>
| |
| <div id="tm-left-gutter-aa" class="rail-banners"></div>
| |
| <div id="tm-left-gutter-square" class="rail-banners"></div>
| |
| </div>
| |
| | |
|
| |
| | |
| | |
| <div id="main-container">
| |
| | |
| <style>
| |
| .ad_gutter_spacer_top {
| |
| min-height: 70px !important;
| |
| }
| |
| | |
| .download-h5 {
| |
| font-size: 22px;
| |
| }
| |
| @media (max-width: 600px) {
| |
| .download-h5 {
| |
| font-size: 18px;
| |
| }
| |
| }
| |
| @media (max-width: 1000px) {
| |
| #ad-free-header-link {
| |
| display: none;
| |
| }
| |
| }
| |
| .store-buttons {
| |
| display: flex;
| |
| justify-content: center;
| |
| gap: 1.5rem;
| |
| margin: 20px 0 30px;
| |
| flex-wrap: wrap;
| |
| }
| |
| | |
| .store-btn img {
| |
| height: 45px;
| |
| width: auto;
| |
| transition: transform 0.2s;
| |
| }
| |
| | |
| .store-btn img:hover {
| |
| transform: scale(1.05);
| |
| }
| |
| .top-slot {
| |
| width: 290px;
| |
| height: 80px;
| |
| margin: 0 auto;
| |
| text-align: center;
| |
| }
| |
| | |
| #header-wide iframe {
| |
| max-width: 100% !important;
| |
| }
| |
| | |
| @media (min-width: 350px) {
| |
| .top-slot {
| |
| width: 320px;
| |
| height: 50px;
| |
| }
| |
| .top-slot.feed {
| |
| height: 250px;
| |
| }
| |
| }
| |
| | |
| @media (min-width: 375px) {
| |
| .top-slot {
| |
| width: 355px;
| |
| height: 80px;
| |
| }
| |
| }
| |
| | |
| @media (min-width: 414px) {
| |
| .top-slot {
| |
| width: 396px;
| |
| height: 80px;
| |
| }
| |
| }
| |
| | |
| @media (min-width: 500px) {
| |
| .top-slot {
| |
| width: 480px;
| |
| height: 80px;
| |
| }
| |
| }
| |
| | |
| @media (min-width: 1000px) {
| |
| .top-slot {
| |
| width: 880px;
| |
| height: 160px;
| |
| }
| |
| | |
| .top-slot.taller {
| |
| width: 880px;
| |
| height: 200px;
| |
| }
| |
| .top-slot.feed {
| |
| height: 160px;
| |
| }
| |
| }
| |
| body {
| |
| background: #242222;
| |
| color: #888;
| |
| }
| |
| #main-container p, li, #copyright, #breadcrumbs {
| |
| color: #BFBFBF;
| |
| }
| |
| a, a:active, a:visited, #footer a {
| |
| color: #7FBFFF;
| |
| }
| |
| h1, h2, h3, h4, h5, h6 {
| |
| color: #fff;
| |
| }
| |
| .button-link {
| |
| border: none;
| |
| color: #BFBFBF;
| |
| }
| |
| #buttons button {
| |
| color: #fff;
| |
| background: #242222 !important;
| |
| border: 1px solid #666 !important;
| |
| }
| |
| #main-container button {
| |
| border: none;
| |
| }
| |
| #header {
| |
| border-bottom: 1px solid #444;
| |
| }
| |
| .share-link {
| |
| border: solid 1px #666;
| |
| }
| |
| .list-item {
| |
| border: none;
| |
| }
| |
| .category-carousel-item .image {
| |
| border: none !important;
| |
| }
| |
| .category-carousel-item {
| |
| border: 1px solid #333 !important;
| |
| }
| |
| #mobile-main-nav a {
| |
| color: #fff;
| |
| }
| |
| #export-container {
| |
| /*background-color: #000;*/
| |
| /*border: 1px solid #333;*/
| |
| }
| |
| | |
| #emojiPlugin .emoji {
| |
| background: #242222 !important;
| |
| border: solid 1px #333 !important;
| |
| }
| |
| #tm-anchor-desktop, #tm-anchor-tablet {
| |
| background-color: rgba(0, 0, 0, 0.7) !important;
| |
| | |
| }
| |
| | |
| select {
| |
| padding: 10px;
| |
| color: #fff;
| |
| background: transparent;
| |
| }
| |
| .button-link {
| |
| /*border: none;*/
| |
| }
| |
| | |
|
| |
| .header-ads-wrapper {
| |
| height: 90px;
| |
| }
| |
|
| |
| .ad_gutter_spacer_top {
| |
| /*min-height: 80px !important;*/
| |
| }
| |
| .leaderboard_btf_wrapper, .leaderboard_mobile_btf_wrapper {
| |
| margin-top: 0 !important;
| |
| }
| |
| </style>
| |
| | |
| <div class="row mobile-sticky desktop-sticky header-ads-wrapper">
| |
| <div class="col-12">
| |
| <div style="margin: 0 auto; text-align: center">
| |
| | |
| <div id="tm-desktop-header" data-pw-desk="leaderboard_atf" class="desktop-sticky" style="margin-top: 10px; margin-bottom: -5px; min-height: auto; height: 90px; overflow: hidden; display: none;"></div>
| |
| | |
| <script>
| |
| $(document).ready(function() {
| |
| $(window).scroll(function(){
| |
| if($(this).scrollTop() > 375 && $(window).width() > 999) {
| |
| $(".desktop-sticky").css('position','relative');
| |
| } else {
| |
| $(".desktop-sticky").css('position','sticky');
| |
| }
| |
| });
| |
| });
| |
| </script>
| |
|
| |
|
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| |
| | |
| <style>
| |
| @media (min-width: 1440px) {
| |
| #main-container {
| |
| width: 1140px
| |
| }
| |
| }
| |
| | |
| .success {
| |
| color: white;
| |
| }
| |
| #tm-mobile-sticky-container {
| |
| position: fixed;
| |
| bottom: 0;
| |
| left: 50%;
| |
| transform: translate(-50%, 0);
| |
| }
| |
| | |
| .top-slot {
| |
| width: 290px;
| |
| height: 100px;
| |
| margin: 0 auto;
| |
| }
| |
| | |
| @media (min-width: 350px) {
| |
| .top-slot {
| |
| width: 330px;
| |
| height: 60px;
| |
| }
| |
| }
| |
| | |
| @media (min-width: 375px) {
| |
| .top-slot {
| |
| width: 350px;
| |
| height: 60px;
| |
| }
| |
| }
| |
| | |
| @media (min-width: 414px) {
| |
| .top-slot {
| |
| width: 390px;
| |
| height: 60px;
| |
| }
| |
| }
| |
| | |
| @media (min-width: 500px) {
| |
| .top-slot {
| |
| width: 468px;
| |
| height: 60px;
| |
| }
| |
| #tm-mobile-sticky-container {
| |
| display: none;
| |
| }
| |
| }
| |
| | |
| @media (min-width: 800px) {
| |
| .top-slot {
| |
| width: 1000px;
| |
| height: 100px;
| |
| }
| |
| }
| |
| </style>
| |
| | |
| <script>
| |
| | |
| function checkSticky() {
| |
| const charBar = document.getElementById("char-tier-outer-container-scroll");
| |
| const stickyMobile = document.getElementById("tm-mobile-sticky-container");
| |
| const thirdRow = document.getElementById('tier-container').children[0].getBoundingClientRect().bottom;
| |
| | |
| if (thirdRow < 670 && window.innerWidth < 768) {
| |
| charBar.classList.add("sticky");
| |
| stickyMobile.classList.remove("sticky");
| |
| } else {
| |
| charBar.classList.remove("sticky");
| |
| stickyMobile.classList.add("sticky");
| |
| }
| |
| }
| |
| | |
| $(document).ready(function () {
| |
| $(window).scroll(() => {
| |
| checkSticky();
| |
| });
| |
| | |
| $('#color-picker-link').click(function () {
| |
| $('#backgroundcolorselectContainer').toggle(function () {
| |
| if ($('#backgroundcolorselectContainer').css('display') !== 'none') {
| |
| $('#color-picker-link').text('Close Background Color Picker');
| |
| } else {
| |
| $('#color-picker-link').text('Change Background Color')
| |
| }
| |
| });
| |
| });
| |
| | |
| $("#download-image").click(function () {
| |
| $("#downloadLink")[0].click();
| |
| window.location.href = "?downloadedImage=true"; // change to the desired URL
| |
| });
| |
| | |
| let carouselLocked = false;
| |
| $('#image-lock-toggle').click(function() {
| |
| if (carouselLocked) {
| |
| $('#image-lock-toggle').html('📌 Pin Images');
| |
| document.getElementById('char-tier-outer-container-scroll').style.position = 'relative';
| |
| document.getElementById('char-tier-outer-container-scroll').style.maxHeight = 'none';
| |
| document.getElementById('char-tier-outer-container-scroll').style.bottom = 'auto';
| |
| document.getElementById('char-tier-outer-container-scroll').style.zIndex = '10000';
| |
| document.getElementById('char-tier-outer-container-scroll').style.overflowY = 'scroll';
| |
| document.getElementById('char-tier-outer-container-scroll').style.marginBottom = 'auto';
| |
| carouselLocked = false;
| |
| } else {
| |
| $('#image-lock-toggle').html('📌 Unpin Images');
| |
| document.getElementById('char-tier-outer-container-scroll').style.position = 'sticky';
| |
| document.getElementById('char-tier-outer-container-scroll').style.maxHeight = '250px';
| |
| document.getElementById('char-tier-outer-container-scroll').style.bottom = $('#tm-anchor-desktop').height() + "px";
| |
| document.getElementById('char-tier-outer-container-scroll').style.zIndex = '10000';
| |
| document.getElementById('char-tier-outer-container-scroll').style.overflowY = 'scroll';
| |
| document.getElementById('char-tier-outer-container-scroll').style.marginBottom = '20px';
| |
| carouselLocked = true;
| |
| }
| |
| });
| |
| | |
| });
| |
| </script>
| |
| | |
| <link href="/css/create-v2.css?50" rel="stylesheet">
| |
| <link href="/css/vendor/dragula.min.css" rel="stylesheet">
| |
| <script src="/scripts/vendor/html2canvas-v1.js"></script>
| |
| | |
| | |
| <!-- Ad slot to refresh -->
| |
| <div style="text-align: center">
| |
| <div id="header-spot" style="width:100%; margin: 0 auto 20px"></div>
| |
| </div>
| |
| | |
| | |
| | |
| <script type="application/ld+json">
| |
| {
| |
| "@context": "https://schema.org",
| |
| "@type": "BreadcrumbList",
| |
| "itemListElement": [{
| |
| "@type": "ListItem",
| |
| "position": 1,
| |
| "name": "Plants vs Zombies",
| |
| "item": "https://tiermaker.com/categories/plants-vs-zombies"
| |
| },{
| |
| "@type": "ListItem",
| |
| "position": 2,
| |
| "name": "Plants vs Zombies Hybrid Edition Replanted Plants Tier List",
| |
| "item": "https://tiermaker.com/categories/plants-vs-zombies/plants-vs-zombies-hybrid-edition-replanted-plants-17320791-2"
| |
| },{
| |
| "@type": "ListItem",
| |
| "position": 3,
| |
| "name": "Plants vs Zombies Hybrid Edition Replanted Plants Tier List Maker"
| |
| }]
| |
| }
| |
| </script>
| |
| | |
|
| |
| <div id="breadcrumbs"><a href="/categories/plants-vs-zombies">Plants vs Zombies</a> / <a href="/categories/plants-vs-zombies/plants-vs-zombies-hybrid-edition-replanted-plants-17320791-2">Plants vs Zombies Hybrid Edition Replanted Plants Tier List</a> /</div>
| |
| | |
| <p class="center">
| |
| </p>
| |
| | |
| <h1 style="width: 100%; margin-top: 10px">Plants vs Zombies Hybrid Edition Replanted Plants Tier List Maker</h1>
| |
|
| |
| | |
| | |
| <style>
| |
| #comm-rank-button-container .button-link {
| |
| padding: 5px 10px 5px 40px;
| |
| border: 1px solid #666;
| |
| }
| |
| .share-link.twitter {
| |
| margin-right: 0;
| |
| }
| |
| .share-link.facebook {
| |
| margin-left: 5px;
| |
| }
| |
| #outer-share #share-container {
| |
| margin-right: 0;
| |
| }
| |
| #tm-video-top-right, #tm-video-top-right-floater {
| |
| display: none;
| |
| }
| |
| @media (min-width: 768px) and (max-width: 999px){
| |
| #tm-video-top-right {
| |
| max-width: 465px;
| |
| width: 100%;
| |
| float: right;
| |
| padding: 10px 0 10px 10px;
| |
| display: block;
| |
| }
| |
| }
| |
| @media (min-width: 1000px) {
| |
| #tm-video-top-right-floater {
| |
| max-width: 465px;
| |
| width: 100%;
| |
| float: right;
| |
| padding: 0 0 0 10px;
| |
| display: block;
| |
| min-height: 256px !important;
| |
| margin-bottom: 20px;
| |
| }
| |
| }
| |
| .share-link {
| |
| border: none;
| |
| }
| |
| .button-link {
| |
| padding: 5px 15px;
| |
| border: 1px solid #333;
| |
| margin: 5px;
| |
| }
| |
| @media (max-width: 500px) {
| |
| #tm-video-top-right {
| |
| width: 100%; margin: 15px auto; float: none; height: auto; display: block;
| |
| }
| |
| .share-link {
| |
| font-size: 14px;
| |
| }
| |
| }
| |
| @media (max-width: 1900px){
| |
| #outer-share {
| |
| display: block;
| |
| }
| |
| #outer-share #emojiPlugin {
| |
| text-align: center !important;
| |
| }
| |
| }
| |
| @media (min-width: 768px) and (max-width: 1900px) {
| |
| #outer-share #emojiPlugin {
| |
| float: none;
| |
| margin-top: 15px;
| |
| clear: none;
| |
| padding: 10px 0;
| |
| }
| |
| }
| |
| </style>
| |
| | |
| <script>
| |
| $(document).ready(function () {
| |
| $('#settings-toggle').click(() => {
| |
| $('#settings-toggle').toggleClass( "active");
| |
| $('.settings-control').toggleClass('show');
| |
| })
| |
| });
| |
| </script>
| |
| <style>
| |
| @media (max-width: 768px) {
| |
| #settings-toggle {
| |
| width: 40px;
| |
| height: 40px;
| |
| background: url('/images/chart/chart/settings.png') center no-repeat #000;
| |
| background-size: 80%;
| |
| cursor: pointer;
| |
| transition: all .3s;
| |
| display: block !important;
| |
| position: absolute;
| |
| right: 2px;
| |
| top: -75px;
| |
| margin: 20px;
| |
| border: 1px solid #666;
| |
| }
| |
| #settings-toggle.active {
| |
| background: url('/images/chart/chart/settings.png') center no-repeat #333;
| |
| border: 1px solid #ccc;
| |
| }
| |
| .settings-control {
| |
| display: none !important;
| |
| }
| |
| .settings-control.show {
| |
| display: flex !important;
| |
| }
| |
| }
| |
| </style>
| |
| | |
|
| |
| <p>Tier list of Plants vs Zombies Hybrid Edition Replanted Plants, as of version 0.25. May be continuously updated.</p>
| |
| <p>Create a Plants vs Zombies Hybrid Edition Replanted Plants tier list. Check out our other <a target='_blank' href='/categories/plants-vs-zombies/'>Plants vs Zombies tier list templates</a> and the most recent user submitted <a target='_blank' href='/categories/plants-vs-zombies/tier-lists/'>Plants vs Zombies tier lists</a>.</p><p>This template has 253 images and was last modified 07/26/2026.</p>
| |
| <p id="comm-rank-button-container" class="center">
| |
| <a style="color: #fff; background: #000 none; padding-left: 10px; margin-right: 5px;" class="button-link desktop-only"
| |
| href="https://meme.tiermaker.com/create?template_name=plants-vs-zombies-hybrid-edition-replanted-plants-17320791-2" target="_blank">Create a Meme</a>
| |
| <a rel="nofollow" target="_blank" class="button-link" style="color: #fff; background-image: none; background: #000; padding-left: 10px" href="//live.tiermaker.com/create?templateUrl=plants-vs-zombies-hybrid-edition-replanted-plants-17320791-2">🔴 Live Voting Poll</a>
| |
| <a class="button-link alignment-chart-btn" style="color: #fff;" href="/create-xy/plants-vs-zombies-hybrid-edition-replanted-plants-17320791-2">Alignment Chart</a>
| |
| <a style="color: #fff" class="button-link community-rank-button"
| |
| href="/categories/plants-vs-zombies/plants-vs-zombies-hybrid-edition-replanted-plants-17320791-2">Community Rank</a>
| |
| </p>
| |
|
| |
| <div id="outer-share" class="row">
| |
| <div id='share-container' class='center col-6 override-flex'>
| |
| <a class='share-link twitter'
| |
| href="https://twitter.com/intent/tweet?text=Create a Plants vs Zombies Hybrid Edition Replanted Plants Tier List&hashtags=TierMaker&via=TierMaker&url=https://tiermaker.com/create/plants-vs-zombies-hybrid-edition-replanted-plants-17320791-2">Share on Twitter</a><a class='share-link facebook'
| |
| href="https://www.facebook.com/sharer/sharer.php?u=https://tiermaker.com/create/plants-vs-zombies-hybrid-edition-replanted-plants-17320791-2&t=Create a Plants vs Zombies Hybrid Edition Replanted Plants Tier List"
| |
| onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;"
| |
| target="_blank" title="Share Template on Facebook">Share on
| |
| FB</a>
| |
| </div>
| |
| | |
| <script src="/scripts/vendor/touch.js"></script>
| |
| | |
| <!-- <script src="//mojirater.com/includes/emojiPlugin.js" type="text/javascript"></script>-->
| |
| <!-- <script type="text/javascript">emojiPlugin.createPlugin('97018435621543247236', document.location.href);</script>-->
| |
| | |
| | |
| <div class="col-6">
| |
| <div id="emoji" style="height: 5px"></div>
| |
| </div>
| |
| </div>
| |
| | |
| <div id="tm-create-mobile-inline" data-pw-mobi="leaderboard_btf"></div>
| |
| | |
| | |
| <style>
| |
| .draggable-filler {
| |
| display: none;
| |
| }
| |
| .character, .draggable {
| |
| width: 80px;
| |
| height: 80px;
| |
| }
| |
| </style>
| |
| | |
| | |
| | |
| <style type="text/css">
| |
| .character, .draggable, .draggable-filler {
| |
| width: auto;
| |
| height: 80px;
| |
| display: inline-block;
| |
| }
| |
| @media (max-width: 480px) {
| |
| .character, .draggable, .draggable-filler {
| |
| width: auto;
| |
| height: 80px;
| |
| }
| |
| }
| |
| </style>
| |
| | |
| | |
| | |
| <div style="position:relative; clear: both" id="tier-wrap" class="create">
| |
| <div id="tier-container">
| |
| <div class="tier-row">
| |
| <div class="label-holder" contenteditable="true"><span class="label">S</span></div>
| |
| <div class="tier sort"></div>
| |
| <div class="settings-control">
| |
| <div class="settings"></div>
| |
| <div class="move-buttons">
| |
| <div class="move-up"></div>
| |
| <div class="move-down"></div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="tier-row">
| |
| <div class="label-holder" contenteditable="true"><span class="label">A</span></div>
| |
| <div class="tier sort"></div>
| |
| <div class="settings-control">
| |
| <div class="settings"></div>
| |
| <div class="move-buttons">
| |
| <div class="move-up"></div>
| |
| <div class="move-down"></div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="tier-row">
| |
| <div class="label-holder" contenteditable="true"><span class="label">B</span></div>
| |
| <div class="tier sort"></div>
| |
| <div class="settings-control">
| |
| <div class="settings"></div>
| |
| <div class="move-buttons">
| |
| <div class="move-up"></div>
| |
| <div class="move-down"></div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="tier-row">
| |
| <div class="label-holder" contenteditable="true"><span class="label">C</span></div>
| |
| <div class="tier sort"></div>
| |
| <div class="settings-control">
| |
| <div class="settings"></div>
| |
| <div class="move-buttons">
| |
| <div class="move-up"></div>
| |
| <div class="move-down"></div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="tier-row">
| |
| <div class="label-holder" contenteditable="true"><span class="label">D</span></div>
| |
| <div class="tier sort"></div>
| |
| <div class="settings-control">
| |
| <div class="settings"></div>
| |
| <div class="move-buttons">
| |
| <div class="move-up"></div>
| |
| <div class="move-down"></div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <img id="overlay-logo" src="https://tiermaker.com/images/tiermaker-logo.png" style="
| |
| position: absolute;
| |
| top: 20px;
| |
| right: 20px;
| |
| width: 300px;
| |
| height: auto;
| |
| display: none;">
| |
| </div>
| |
| | |
| <div style="padding: 0 5px 5px; position: relative; min-height: 25px;">
| |
| <span id="image-lock-toggle" style="font-size:14px !important; color: #fff !important; position: absolute; left: 0; cursor: pointer" class="fa">📌 Pin Images</span>
| |
| </div>
| |
| | |
| <style>
| |
| @media (max-width: 768px) {
| |
| #char-tier-outer-container-scroll {
| |
| background: #111;
| |
| width: 101%;
| |
| }
| |
| #char-tier-container-scroll {
| |
| background: #111;
| |
| box-sizing: border-box;
| |
| padding: 10px 0;
| |
| }
| |
| #char-tier-container-scroll .mobile-only {
| |
| font-size: 14px; font-weight: bold; color: #eee; margin-bottom: 10px;
| |
| }
| |
| }
| |
| </style>
| |
| | |
| <div id="char-tier-outer-container-scroll" style="z-index: 1200;">
| |
| <div id="settings-toggle" style="display: none"></div>
| |
| <div id="char-tier-container-scroll">
| |
| | |
|
| |
| <div id="create-image-carousel" class="sort">
| |
| <div>If no images are loaded here go back to the categories page.</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
|
| |
| <div id="overlay">
| |
| <div id="modal-wrapper">
| |
| <div id="modal" style="background: #242323; margin-top: 50px;">
| |
| <span id="close">X</span>
| |
| <h4 style="margin: 0 0 15px 0">Choose a Label Background Color:</h4>
| |
| <div id="color-select">
| |
| <span style="background:#FF7F7F"></span>
| |
| <span style="background:#FFBF7F"></span>
| |
| <span style="background:#FFDF7F"></span>
| |
| <span style="background:#FFFF7F"></span>
| |
| <span style="background:#BFFF7F"></span>
| |
| <span style="background:#7FFF7F"></span>
| |
| <span style="background:#7FFFFF"></span>
| |
| <span style="background:#7FBFFF"></span>
| |
| <span style="background:#7F7FFF"></span>
| |
| <span style="background:#FF7FFF"></span>
| |
| <span style="background:#BF7FBF"></span>
| |
| <span style="background:#3B3B3B"></span>
| |
| <span style="background:#858585"></span>
| |
| <span style="background:#CFCFCF"></span>
| |
| <span style="background:#F7F7F7"></span>
| |
| </div>
| |
| <h4 style="margin: 10px 0 15px 0">Edit Label Text Below:</h4>
| |
| <textarea class="settings-label" maxlength="500" id="labelName" style="font-family: Arial, Helvetica, sans-serif; height: 50px; margin: 0"></textarea>
| |
| <p class="modal-buttons">
| |
| <button id="delete-row">Delete Row</button>
| |
| <button id="clear-row">Clear Row Images</button>
| |
| </p>
| |
| <p class="modal-buttons">
| |
| <button id="add-row-up">Add a Row Above</button>
| |
| <button id="add-row-below">Add a Row Below</button>
| |
| </p>
| |
| </div>
| |
| | |
| <style>
| |
| #export-container {
| |
| background: #242323;
| |
| max-width: 1000px;
| |
| max-height: 700px;
| |
| }
| |
| #export-container .center{
| |
| color: #ccc;
| |
| }
| |
| #export-container #close, #modal-wrapper #close {
| |
| background: none;
| |
| font-size: 20px;
| |
| color: #fff;
| |
| opacity: 1;
| |
| }
| |
| #modal-display-banner {
| |
| padding: 25px 0 15px;
| |
| }
| |
| @media (min-width: 1000px) {
| |
| #export-container-inner {
| |
| display: flex;
| |
| flex-direction: row-reverse;
| |
| }
| |
| #modal-display-banner {
| |
| padding: 20px 0 0 20px;
| |
| width: 300px;
| |
| }
| |
| #form-inner {
| |
| width: 625px;
| |
| }
| |
| }
| |
| @media (max-width: 600px) {
| |
| #export-container .button-link, #export-container #save {
| |
| font-size: 14px !important;
| |
| }
| |
| }
| |
| </style>
| |
| | |
| <div id="export-container">
| |
| <div id="export-container-inner">
| |
| <div id="modal-display-banner" style="padding-top: 15px;"></div>
| |
| <div id="form-inner">
| |
| <form method="POST" name="tierListForm" action="?posting=true" enctype="multipart/form-data" class="center">
| |
| <div class="center"><a href="/login">Log in</a> to save your Tier List to your profile.</div>
| |
| <div class="center" style="display: flex">
| |
| <a class="button-link" id="download-image" style="width:100%; max-width: 350px; font-size: 18px; margin: 15px auto; box-sizing: border-box; background: #efefef; color: #333; border-radius: 6px; padding: 10px 20px;">Download Image</a>
| |
| <a style="display: none" id="downloadLink">Download Image</a>
| |
| </div>
| |
| <p style="text-align: center; cursor: pointer; font-size: 14px; color: #aaa" id="exportRetry">No preview image? Regenerate now</p>
| |
| <span id="close">X</span>
| |
| </form>
| |
| </div>
| |
| </div>
| |
| <div id="modal-desktop" style="margin: 20px auto 0">
| |
| | |
| <div id="preview-modal-desktop"></div>
| |
| | |
| </div>
| |
|
| |
| </div>
| |
| | |
| </div>
| |
| </div>
| |
| | |
| <script src="/scripts/vendor/dragula.min.js"></script>
| |
| <!-- update to v3 -->
| |
| | |
| <script src="/scripts/pages/create-v7.js?69"></script>
| |
|
| |
| <script>
| |
| baseTierImagePath = "/images/media/template_images/2024/17320791/plants-vs-zombies-hybrid-edition-replanted-plants-17320791-2";
| |
| dateLastEdited = "2026-07-26 09:37:34";
| |
| tierSystem.initList("", "plants-vs-zombies-hybrid-edition-replanted-plants-17320791-2", "3245199");
| |
| </script>
| |
| | |
| <div class="center">
| |
| <button id="preview" style="width:100%; max-width: 350px; font-size: 18px; margin-bottom: 20px; background: #3a5795; color: #fff; border-radius: 6px">Save or Download</button>
| |
| <button id="preview" style="display: none;width:100%; max-width: 350px; font-size: 18px; margin-bottom: 20px; background: #3a5795; color: #fff; border-radius: 6px">Save or Download</button>
| |
| </div>
| |
| | |
| <div style="max-width: 600px; margin: 0 auto 30px">
| |
| <div class="mv-video-target mv-video__featured mv-video__optimized" data-playlist-id="upnext" data-autoplay="true" data-automobile="true" data-muted="true" data-sticky="true" data-autoinsert="true" data-disable-jsonld="true" data-disable-optimize="true"></div>
| |
| </div>
| |
| | |
|
| |
| <div id="mobile-create-responsive-wide" data-pw-mobi="leaderboard_btf"></div>
| |
| <div id="create-responsive-wide" data-pw-desk="leaderboard_btf"></div>
| |
| | |
| <p><b>Add additional images to your tier list</b>. Images are not saved to the website, but will be included in your download.</p>
| |
| <div class="action">
| |
| <input style="color: #BFBFBF" id="extra-images-input" accept="image/png, image/jpeg, image/jpg, image/gif, image/webp" name="uploads[]" type='file' onchange="readURL(this, 'create-image-carousel', true, false);" multiple/>
| |
| </div>
| |
| | |
| <div class="row">
| |
| <div class="col-12">
| |
| <div style="margin: 10px auto 20px; text-align: center">
| |
| | |
| <!-- <script type="text/javascript">-->
| |
| <!-- window.ramp.que.push(function () {-->
| |
| <!-- window.ramp.addTag("tm-create-mobile-inline");-->
| |
| <!-- })-->
| |
| <!-- </script>-->
| |
| | |
| <!-- <script type="text/javascript">-->
| |
| <!-- window.ramp.que.push(function () {-->
| |
| <!-- window.ramp.addTag("mobile-create-responsive-wide");-->
| |
| <!-- })-->
| |
| <!-- window.ramp.que.push(function () {-->
| |
| <!-- window.ramp.addTag("create-responsive-wide");-->
| |
| <!-- })-->
| |
| <!-- </script>-->
| |
| | |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div id="buttons" style="margin: 20px 0">
| |
| <div class="center flex">
| |
| <button onclick="window.location = '?presentationMode=true'" style="margin-bottom: 10px">Presentation Mode</button>
| |
| <button id="reset" style="margin-bottom: 10px">Reset</button>
| |
| <button style="margin-bottom: 10px" id="color-picker-link">Change Background Color</button>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="center" id="backgroundcolorselectContainer">
| |
| <div id="backgroundcolorselect">
| |
| <span style="background:#FF7F7F"></span>
| |
| <span style="background:#FFBF7F"></span>
| |
| <span style="background:#FFDF7F"></span>
| |
| <span style="background:#FFFF7F"></span>
| |
| <span style="background:#BFFF7F"></span>
| |
| <span style="background:#7FFF7F"></span>
| |
| <span style="background:#7FFFFF"></span>
| |
| <span style="background:#7FBFFF"></span>
| |
| <span style="background:#7F7FFF"></span>
| |
| <span style="background:#FF7FFF"></span>
| |
| <span style="background:#BF7FBF"></span>
| |
| <span style="background:#3B3B3B"></span>
| |
| <span style="background:#858585"></span>
| |
| <span style="background:#CFCFCF"></span>
| |
| <span style="background:#F7F7F7"></span>
| |
| <span style="background:#000000"></span>
| |
| </div>
| |
| </div>
| |
| | |
| <h3 class="center" style="font-weight: normal; margin: 20px auto 30px">View the Community Ranking for this <a
| |
| href="/categories/plants-vs-zombies/plants-vs-zombies-hybrid-edition-replanted-plants-17320791-2">Plants vs Zombies Hybrid Edition Replanted Plants Tier List</a> & recent user lists</h3>
| |
| | |
| <div class='author-meta-container'><div class='author-meta'><div class='avatar'><a href='/user/17320791'><img src='https://tiermaker.com/images/media/google-avatars-2024/1770282811lEs8WOvMGguQqbedwS1r/1770282811lEs8WOvMGguQqbedwS1r.jpg?1770282811' onerror="this.src='/images/uploads/default-avatar.png'"/></a></div><div class='follow-button' style='font-size: 20px; font-weight: 400'><a href='/user/17320791'>玛里苟斯</a></div></div></div>
| |
|
| |
| <div style="margin-bottom: 30px">
| |
| <h3>Create a ranking for Plants vs Zombies Hybrid Edition Replanted Plants</h3>
| |
| <p>1. Edit the label text in each row. 2. Drag the images into the order you would like. 3. Click
| |
| 'Save/Download' and add a title and description. 4. Share your Tier List.</p>
| |
| </div>
| |
|
| |
| <div class="outer-list-container">
| |
| <div class="list-container">
| |
| </div>
| |
| </div>
| |
| | |
|
| |
| <div id="tm-mobile-sticky-container">
| |
| <div id="tm-create-mobile-sticky"></div>
| |
| </div>
| |
| <!-- <script>-->
| |
| <!-- window['nitroAds'].createAd('tm-create-mobile-sticky', {-->
| |
| <!-- "refreshLimit": 0,-->
| |
| <!-- "refreshTime": 30,-->
| |
| <!-- "renderVisibleOnly": true,-->
| |
| <!-- "refreshVisibleOnly": true,-->
| |
| <!-- "mediaQuery": "(max-width: 500px)",-->
| |
| <!-- "sizes": [-->
| |
| <!-- [-->
| |
| <!-- "320",-->
| |
| <!-- "50"-->
| |
| <!-- ],-->
| |
| <!-- [-->
| |
| <!-- "320",-->
| |
| <!-- "100"-->
| |
| <!-- ]-->
| |
| <!-- ],-->
| |
| <!-- "report": {-->
| |
| <!-- "enabled": true,-->
| |
| <!-- "icon": true,-->
| |
| <!-- "wording": "Report Ad",-->
| |
| <!-- "position": "top-right"-->
| |
| <!-- }-->
| |
| <!-- });-->
| |
| <!-- </script>-->
| |
| | |
| <style>
| |
| #ta-logos-div {
| |
| background: #000; margin: 20px 0; padding: 20px;
| |
| }
| |
| #ta-logo-container {
| |
| display: flex; flex-direction: row; justify-content: center; align-items: center
| |
| }
| |
| .ta-logos {
| |
| margin: 5px 15px;
| |
| }
| |
| @media (max-width: 800px) {
| |
| #ta-logo-container {
| |
| flex-direction: column;
| |
| }
| |
| #ta-logos-div {
| |
| margin: 20px -10px;
| |
| }
| |
| }
| |
| </style>
| |
| | |
| <div id="ta-logos-div">
| |
| <h5 class="center" style="color: #fff; padding: 0px; margin: 0 0 10px; font-weight: 300; font-size: 25px">a <span style="font-weight: bold">tastier adventures</span> brand</h5>
| |
| <div id="ta-logo-container" style="flex-wrap: wrap;">
| |
| <div class="ta-logos">
| |
| <a target="_blank" href="//triviacreator.com">
| |
| <img style="max-width: 250px" src="https://bracketfights.com/images/random/triviacreator-logo.png" />
| |
| </a>
| |
| </div>
| |
| <div class="ta-logos">
| |
| <a target="_blank" href="//tiermaker.com">
| |
| <img style="max-width: 200px" src="/images/tiermaker-logo.png" />
| |
| </a>
| |
| </div>
| |
| <div class="ta-logos">
| |
| <a target="_blank" href="//bracketfights.com">
| |
| <img style="max-width: 180px" src="https://bracketfights.com/images/random/bf-logo-wide.png" />
| |
| </a>
| |
| </div>
| |
| <!-- <div class="ta-logos">-->
| |
| <!-- <a target="_blank" href="//episoderatings.com/">-->
| |
| <!-- <img style="max-width: 200px" src="https://bracketfights.com/images/random/episode-ratings-logo-with-text.png" />-->
| |
| <!-- </a>-->
| |
| <!-- </div>-->
| |
| <div class="ta-logos">
| |
| <a target="_blank" href="//spinwheelmaker.com" style="display:flex;align-items:center;gap:12px;text-decoration:none">
| |
| <style>
| |
| @keyframes footerLogoSpin {
| |
| from { transform: rotate(0deg); }
| |
| to { transform: rotate(360deg); }
| |
| }
| |
| @keyframes footerLogoGlow {
| |
| 0%,33% { box-shadow: 0 2px 10px rgba(244,63,94,.55); }
| |
| 34%,66% { box-shadow: 0 2px 10px rgba(99,102,241,.55); }
| |
| 67%,100%{ box-shadow: 0 2px 10px rgba(168,85,247,.55); }
| |
| }
| |
| </style>
| |
| <div style="position:relative;width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:conic-gradient(#f43f5e 45deg, #f97316 45deg 90deg, #eab308 90deg 135deg, #22c55e 135deg 180deg, #06b6d4 180deg 225deg, #6366f1 225deg 270deg, #a855f7 270deg 315deg, #ec4899 315deg 360deg);animation:footerLogoGlow 3s ease-in-out infinite"><div style="position:absolute;width:36px;height:36px;border-radius:10px;background:#fff"></div>
| |
| <img src="//spinwheelmaker.com/favicon.ico" alt="SpinWheelMaker" style="position:relative;width:28px;height:28px;animation:footerLogoSpin 6s linear infinite"></div>
| |
| <span style="font-weight:900;font-size:22px;letter-spacing:-0.03em;white-space:nowrap;-webkit-background-clip:text;background-clip:text;color:white;background-size:200% auto">SpinWheelMaker</span>
| |
| </a>
| |
| </div>
| |
| </div>
| |
| <h5 class="center" style="font-size: 18px">Download the TierMaker mobile app</h5>
| |
| <div class="store-buttons" ">
| |
| <a href="https://play.google.com/store/apps/details?id=com.tiermaker.app" target="_blank" class="store-btn google">
| |
| <img src="https://tiermaker.com/app/Google_Play_Store_badge_EN.svg" alt="Get it on Google Play">
| |
| </a>
| |
| <a href="https://apps.apple.com/us/app/tiermaker-tier-list-maker/id6744654563" target="_blank" class="store-btn apple">
| |
| <img src="https://tiermaker.com/app/download-on-the-app-store.svg" alt="Download on the App Store">
| |
| </a>
| |
| </div>
| |
| </div>
| |
| | |
| | |
| <div id="footer" style="margin-bottom: 50px;">
| |
| <div>
| |
| <h5>Explore</h5>
| |
| <ul>
| |
| <li><a href="/tier-lists/classic">New Tier Lists</a></li>
| |
| <li><a href="/tier-lists/alignment">New Alignment Charts</a></li>
| |
| <li><a href="/community-rankings/">Community Rankings</a></li>
| |
| <li><a href="/app/">TierMaker Mobile App</a></li>
| |
| <li><a href="https://pay.rev.cat/snbahopjkepqwari/" target="_blank">Go Ad-Free</a></li>
| |
| <li><a style='color: #fff; background: #3a5795' class="button-link" href='/random/'>Random Template</a></li>
| |
| </ul>
| |
| </div>
| |
| <div>
| |
| <h5>Create</h5>
| |
| <ul>
| |
| <li><a target="_blank" href="https://live.tiermaker.com/">Create a Live Voting Tier List</a></li>
| |
| <li><a href="/create-alignment-chart/3x3/">Create an Alignment Chart</a></li>
| |
| <li><a target="_blank" href="https://bracketfights.com/">Create a Tournament Bracket</a></li>
| |
| <li><a target="_blank" href="https://triviacreator.com/">Create a Trivia Quiz</a></li>\
| |
| <li><a target="_blank" href="https://spinwheelmaker.com/">Spin Wheel Maker</a></li>
| |
| <li><a href="/image-generator/">Bulk Overlay Text on Images</a></li>
| |
| <li><a href="#" onclick="toggleDarkMode()">Toggle Dark Mode</a></li>
| |
| </ul>
| |
| </div>
| |
| <div>
| |
| <h5>Support</h5>
| |
| <ul>
| |
| <li><a href="/blog/support/10/tier-list-template-creation-guide-and-faqs">Creation Guide and FAQs</a></li>
| |
| <li><a href="/guidelines/">Guidelines</a></li>
| |
| <li><a href="/user/status/">App & Ad-Free Support</a></li>
| |
| <li><a href="/blog/news/15/s-tier-meaning-what-does-s-tier-stand-for">S tier meaning</a></li>
| |
| <li><a href="/blog/news/11/contact-tiermaker">Contact Us</a></li>
| |
| </ul>
| |
| </div>
| |
| </div><!-- end of footer -->
| |
| | |
| <style>
| |
| #main-container::-webkit-scrollbar {
| |
| width: 0; /* Remove scrollbar space */
| |
| background: transparent; /* Optional: just make scrollbar invisible */
| |
| display: none !important;
| |
| }
| |
| | |
| /* Hide scrollbar for Chrome, Safari and Opera */
| |
| .outer-list-container::-webkit-scrollbar, #tm-live-recs-most::-webkit-scrollbar, #tm-live-recs::-webkit-scrollbar, #tc-recs::-webkit-scrollbar {
| |
| display: none;
| |
| }
| |
| | |
| /* Hide scrollbar for IE, Edge and Firefox */
| |
| .outer-list-container, #tm-live-recs-most, #tm-live-recs, #tc-recs {
| |
| -ms-overflow-style: none; /* IE and Edge */
| |
| scrollbar-width: none; /* Firefox */
| |
| }
| |
| | |
| #footer {
| |
| border: none;
| |
| margin-bottom: 150px;
| |
| }
| |
| .category-carousel-item {
| |
| width: 143px;
| |
| }
| |
| @media (min-width: 1570px) {
| |
| #footer-responsive-wide-anchor {
| |
| position: fixed;
| |
| left: 50%;
| |
| transform: translate(-50%, 0);
| |
| bottom: -8px;
| |
| max-height: 150px;
| |
| width: 1140px;
| |
| z-index: 10000;
| |
| }
| |
| #tm-anchor-desktop-background {
| |
| width: 100%;
| |
| height: auto;
| |
| background: #fff;
| |
| opacity: .85;
| |
| position: absolute;
| |
| min-height: 90px;
| |
| }
| |
| #tm-anchor-desktop {
| |
| max-height: 150px;
| |
| width: 100%;
| |
| }
| |
| #close-anchor {
| |
| display: block !important;
| |
| position: absolute;
| |
| left: 10px;
| |
| top: 0px;
| |
| color: #666;
| |
| font-size: 20px;
| |
| z-index: 1000;
| |
| padding: 10px;
| |
| line-height: 20px;
| |
| cursor: pointer;
| |
| }
| |
| }
| |
|
| |
| #outer-main-flex {
| |
| max-width: 2000px;
| |
| }
| |
| /*#main-container, #inner-header {*/
| |
| /* max-width: 1140px;*/
| |
| /*}*/
| |
| #tm-mp-video-container {
| |
| min-height: 169px;
| |
| }
| |
| | |
| @media (min-width: 1000px) {
| |
| #category-page.narrow .list-item {
| |
| width: 25%;
| |
| flex-grow: 1;
| |
| max-width: 216px;
| |
| }
| |
| #category-page.narrow.video .list-item {
| |
| width: 33.3%;
| |
| max-width: 100%;
| |
| }
| |
| #category-page .category-carousel-item, #category-page .category-carousel-item .image {
| |
| width: 100%;
| |
| }
| |
| }
| |
| .video-carousel-item, .video-carousel-item .image {
| |
| width: 345px;
| |
| }
| |
| .category-carousel-item, .video-carousel-item {
| |
| border-radius: 4px;
| |
| }
| |
| @media (max-width: 500px) {
| |
| .video-carousel-item, .video-carousel-item .image {
| |
| width: 250px;
| |
| }
| |
| #aniBox > div {
| |
| bottom: 70px !important;
| |
| }
| |
| }
| |
| </style>
| |
| | |
| <div class="row" style="clear: both; width: 100%">
| |
| <div class="col-12" id="footer-responsive-wide-anchor">
| |
| <div style="margin: 0 auto 10px; text-align: center">
| |
| <div id="close-anchor" style="display: none" onclick="document.getElementById('footer-responsive-wide-anchor').style.display = 'none'">X</div>
| |
| | |
| <div id="footer-responsive-wide" data-pw-desk="leaderboard_btf"></div>
| |
| <div id="tm-anchor-desktop-background"></div>
| |
| <div id="tm-anchor-desktop"></div>
| |
| <div id="tm-anchor-tablet"></div>
| |
| </div>
| |
| | |
| </div>
| |
| | |
|
| |
| </div>
| |
| | |
| <div class="center" id="copyright">© 2026 tiermaker.com | <a href="/guidelines/privacy-policy/">Privacy Policy</a> | <a href="/guidelines/terms-of-use/">Terms of Use</a> | <a href="/dmca/">DMCA</a></div>
| |
| | |
| <div class="center" style="margin-bottom: 100px">
| |
| <p style="font-size: 14px"><span data-ccpa-link="1"></span> <div id="ncmp-consent-link"></div>
| |
| </p>
| |
| </div>
| |
| | |
| </div><!-- end of container -->
| |
| | |
| | |
| <div class="rail-banners" style="margin: 0;">
| |
| <div id="tm-right-gutter" class="rail-banners"></div>
| |
| <div id="tm-right-gutter-wide"></div>
| |
| <div id="tm-right-gutter-aa" class="rail-banners"></div>
| |
| </div>
| |
| </div>
| |
| | |
|
| |
| <!-- <script type="text/javascript">!(function(r,_name){r[_name]=r[_name]||function t(){(t.q=t.q||[]).push(arguments)},r[_name].v=r[_name].v||2,r[_name].s="1";!(function(r,t,H,z){function x(H,z){try{x=r.localStorage,(H=JSON.parse(x[decodeURI(decodeURI('ge%2574%25%34%39%74%65%256%64'))]("_aQS02Mzg3RDEwMjU5NjBGOUQ0REY5Q0YwOTEtNTg1")).lgk||[])&&(z=r[t].pubads())&&H.forEach((function(r){r&&r[0]&&z.setTargeting(r[0],r[1]||"")}))}catch(Q){}var x}try{(z=r[t]=r[t]||{}).cmd=z.cmd||[],typeof z.pubads===H?x():typeof z.cmd.unshift===H?z.cmd.unshift(x):z.cmd.push(x)}catch(Q){}})(window,'g%25%36f%25%36f%67l%256%35%25%37%34a%2567',"function");;})(window,decodeURI(decodeURI('%256%31dm%69%25%37%32a%6c')));!(function(r,t,H,z){H=r.createElement(t),r=r.getElementsByTagName(t)[0],H.async=1,H.src="https://mowgoats.com/build/r2vt0deibz4q.index.js",(z=0)&&z(H),r.parentNode.insertBefore(H,r)})(document,"script");</script>-->
| |
|
| |
| <link href="/css/vendor/smartbanner.css?41" rel="stylesheet" type="text/css"/>
| |
| <script src="/css/vendor/smartbanner.min.js?9"></script>
| |
| <script>
| |
| $.smartbanner({
| |
| title: 'TierMaker', // What the title of the app should be in the banner (defaults to <title>)
| |
| author: 'The Official TierMaker app',
| |
| // price: 'FREE', // Price of the app
| |
| appStoreLanguage: 'us', // Language code for App Store
| |
| // inAppStore: 'On the App Store', // Text of price for iOS
| |
| // inGooglePlay: 'In Google Play', // Text of price for Android
| |
| GooglePlayParams: null, // Aditional parameters for the market
| |
| icon: 'https://play-lh.googleusercontent.com/2XWR-AzH8brd85BWiM9dMkBAmHrnfMPFxvy6FLCFuS6sEI5E_u7Bfu-st3zg4rQxsvI=w480-h960-rw', // The URL of the icon (defaults to <meta name="apple-touch-icon">)
| |
| iconGloss: null, // Force gloss effect for iOS even for precomposed
| |
| url: null, // The URL for the button. Keep null if you want the button to link to the app store.
| |
| button: 'GET', // Text for the install button
| |
| scale: 'auto', // Scale based on viewport size (set to 1 to disable)
| |
| speedIn: 300, // Show animation speed of the banner
| |
| speedOut: 400, // Close animation speed of the banner
| |
| daysHidden: 15, // Duration to hide the banner after being closed (0 = always show banner)
| |
| daysReminder: 90, // Duration to hide the banner after "VIEW" is clicked *separate from when the close button is clicked* (0 = always show banner)
| |
| force: null, // Choose 'ios', 'android' or 'windows'. Don't do a browser check, just always show this banner
| |
| hideOnInstall: true, // Hide the banner after "VIEW" is clicked.
| |
| layer: false, // Display as overlay layer or slide down the page
| |
| iOSUniversalApp: true, // If the iOS App is a universal app for both iPad and iPhone, display Smart Banner to iPad users, too.
| |
| appendToSelector: 'body', //Append the banner to a specific selector
| |
| onInstall: function() {
| |
| // alert('Click install');
| |
| },
| |
| onClose: function() {
| |
| // alert('Click close');
| |
| }
| |
| });
| |
| // cookieStore.addEventListener("change", (event) => {
| |
| // if (event.deleted.length > 0) {
| |
| // const deletedCookies = event.deleted;
| |
| // deletedCookies.forEach((cookie) => {
| |
| // if (cookie.name == 'cookiePolicyAgreement') {
| |
| // console.log('deleted.')
| |
| // }
| |
| // })
| |
| // }
| |
| // });
| |
| // window.addEventListener("storage", (event) => {
| |
| // if (event.key.indexOf('TierListMakerCode') !== -1) {
| |
| // console.log('SOMETHING CHANGED....');
| |
| // // The 'event' object contains details about the change
| |
| // console.log("Storage event fired!");
| |
| // console.log("Key:", event.key); // The key of the item that changed
| |
| // console.log("Old Value:", event.oldValue); // The old value of the item
| |
| // console.log("New Value:", event.newValue); // The new value of the item
| |
| // console.log("URL:", event.url); // The URL of the document that made the change
| |
| // }
| |
| // });
| |
| </script>
| |
| | |
| | |
| <script type="text/javascript">
| |
| | |
| | |
| </script>
| |
| | |
| | |
| </div>
| |
| | |
| <script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"512a0423c9394e50a5957d798f1b6938"}' crossorigin="anonymous"></script>
| |
| </body>
| |
| </html>
| |
| </div> | | </div> |
| </includeonly> | | </includeonly> |
