otPokemon Wiki

Ybooh: mudanças entre as edições

Página Discussão

Ybooh (ver código-fonte)

Edição das 03h16min de 3 de fevereiro de 2024

5 194 bytes adicionados ,  3 fevereiro
sem sumário de edição
Sem resumo de edição
Sem resumo de edição
(156 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 1: Linha 1:
<h1>CSS-only Carousel</h1>
== Eventos ==
{| style="width: 100%;text-align: center; border-collapse: separate !important; border: 1px solid #a2a9b100 !important; border-radius: 15px; box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25); padding: 10px;" class="wikitable sortable quest"
|-
! style="background: linear-gradient(90deg, rgb(21,75,122) 0%, rgb(22,93,122) 100%); height: 40px; font-family: Helvetica, Arial, Times New Roman; font-size: 16px; color: white; border-radius: 10px; padding-right: 0px;  width: 80px;" | Depot
! style="background: linear-gradient(90deg, rgb(23 93 122) 0%, rgb(24 105 122) 100%); height: 40px; font-family: Helvetica, Arial, Times New Roman; font-size: 16px; color: white; border-radius: 10px; padding-right: 0px;  width: 150px;" | Nome
! style="background: linear-gradient(90deg, rgb(25 111 123) 0%, rgb(26 140 123) 100%); height: 40px; font-family: Helvetica, Arial, Times New Roman; font-size: 16px; color: white; border-radius: 10px; padding-right: 0px; width: 200px;" | Onde conseguir
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Munchlax depot.gif|link=Depots]]
| Munchlax's depot
| Natal 2021
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Mewtwo depot.gif|link=Depots]]
| '''otPokemon 10 years - Mewtwo's depot'''
| Aniversário 10 Anos
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Mew_10_depot.gif|link=Depots]]
| '''otPokemon 10 years - Mew's depot'''
| Aniversário 10 Anos
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Absol depot.gif|link=Depots]]
| '''Absol's depot'''
| Mundial 2021
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Darkai_depot.gif|link=Depots]]
| '''Darkrai's depot'''
| Halloween 2021
|}


 
== Vip Shop ==
<div class="carousel">
{| style="width: 100%;text-align: center; border-collapse: separate !important; border: 1px solid #a2a9b100 !important; border-radius: 15px; box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25); padding: 10px;" class="wikitable sortable quest"
  <ol class="carousel__viewport">
|-
    <li id="carousel__slide1"
! style="background: linear-gradient(90deg, rgb(21,75,122) 0%, rgb(22,93,122) 100%); height: 40px; font-family: Helvetica, Arial, Times New Roman; font-size: 16px; color: white; border-radius: 10px; padding-right: 0px;  width: 80px;" | Depot
        tabindex="0"
! style="background: linear-gradient(90deg, rgb(23 93 122) 0%, rgb(24 105 122) 100%); height: 40px; font-family: Helvetica, Arial, Times New Roman; font-size: 16px; color: white; border-radius: 10px; padding-right: 0px;  width: 150px;" | Nome
        class="carousel__slide">
! style="background: linear-gradient(90deg, rgb(25 111 123) 0%, rgb(26 140 123) 100%); height: 40px; font-family: Helvetica, Arial, Times New Roman; font-size: 16px; color: white; border-radius: 10px; padding-right: 0px; width: 200px;" | Onde conseguir
      <div class="carousel__snapper">
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
        <a href="#carousel__slide4"
| [[Arquivo:Gengar depot 2.gif|link=Depots]]
          class="carousel__prev">Go to last slide</a>
| Gengar's Depot
        <a href="#carousel__slide2"
| [[Vip Shop]]
          class="carousel__next">Go to next slide</a>
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
      </div>
| [[Arquivo:Arcanine_depot.gif|link=Depots]]
    </li>
| Arcanine`s Depot
    <li id="carousel__slide2"
| [[Vip Shop]]
        tabindex="0"
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
        class="carousel__slide">
| [[Arquivo:Lugia depot.gif|link=Depots]]
      <div class="carousel__snapper"></div>
| Lugia`s Depot
      <a href="#carousel__slide1"
| [[Vip Shop]]
        class="carousel__prev">Go to previous slide</a>
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
      <a href="#carousel__slide3"
| [[Arquivo:Zoroark_depot.gif|link=Depots]]
        class="carousel__next">Go to next slide</a>
| Zoroark`s Depot
    </li>
| [[Vip Shop]]
    <li id="carousel__slide3"
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
        tabindex="0"
|
        class="carousel__slide">
| Scizor`s Depot
      <div class="carousel__snapper"></div>
| [[Vip Shop]]
      <a href="#carousel__slide2"
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
        class="carousel__prev">Go to previous slide</a>
| [[Arquivo:Alakazam depot.gif|link=Depots]]
      <a href="#carousel__slide4"
| Alakazam`s Depot
        class="carousel__next">Go to next slide</a>
| [[Vip Shop]]
    </li>
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
    <li id="carousel__slide4"
|
        tabindex="0"
| Mewtwo`s Depot
        class="carousel__slide">
| [[Vip Shop]]
      <div class="carousel__snapper"></div>
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
      <a href="#carousel__slide3"
| [[Arquivo:Classic_Mewtwo_depot.gif|link=Depots]]
        class="carousel__prev">Go to previous slide</a>
| Classic Mewtwo`s Depot
      <a href="#carousel__slide1"
| [[Vip Shop]]
        class="carousel__next">Go to first slide</a>
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
    </li>
| [[Arquivo:Black_Mewtwo_depot.gif|link=Depots]]
  </ol>
| Black Mewtwo`s Depot
  <aside class="carousel__navigation">
| [[Vip Shop]]
    <ol class="carousel__navigation-list">
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
      <li class="carousel__navigation-item">
| [[Arquivo:Eevee_depot.gif|link=Depots]]
        <a href="#carousel__slide1"
| Eevee`s Depot
          class="carousel__navigation-button">Go to slide 1</a>
| [[Vip Shop]]
      </li>
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
      <li class="carousel__navigation-item">
| [[Arquivo:Espeon_depot2.gif|link=Depots]]
        <a href="#carousel__slide2"
| Espeon`s Depot
          class="carousel__navigation-button">Go to slide 2</a>
| [[Vip Shop]]
      </li>
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
      <li class="carousel__navigation-item">
| [[Arquivo:Flareon_depot.gif|link=Depots]]
        [[#carousel__slide3|class=carousel__navigation-button]]<a href="#carousel__slide3"
| Flareon`s Depot
          class="carousel__navigation-button">Go to slide 3</a>
| [[Vip Shop]]
      </li>
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
      <li class="carousel__navigation-item">
| [[Arquivo:Glaceon depot.gif|link=Depots]]
        <a href="#carousel__slide4"
| Glaceon`s Depot
          class="carousel__navigation-button">Go to slide 4</a>
| [[Vip Shop]]
      </li>
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
    </ol>
| [[Arquivo:Jolteon_depot.gif|link=Depots]]
  </aside>
| Jolteon`s Depot
</div>
| [[Vip Shop]]
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Leafeon_depot.gif|link=Depots]]
| Leafeon`s Depot
| [[Vip Shop]]
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Sylveon_depot.gif|link=Depots]]
| Sylveon`s Depot
| [[Vip Shop]]
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Umbreon depot.gif|link=Depots]]
| Umbreon`s Depot
| [[Vip Shop]]
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Vaporeon2 depot.gif|link=Depots]]
| Vaporeon`s Depot
| [[Vip Shop]]
|}
Disponível em “https://wiki.otpokemon.com/index.php/Especial:MobileDiff/16255...19553”