FilMoves ! Clone ! Blogger Template !Abandono!

RandomThemes · 18/04/2024

Buenas Tardes.

PSD1.No puedo trabajar en la plantilla ya que estoy inactivo en fotobeta,asi mismo en blogger
PSD2: la plantilla debes agregarle aun muchos ajustes secciones especifica-mente para el header y links etc,aun necesita ciertas modificaciones

Hola Aqui Los Dejo Un Clon Mio Basico Abandonado Para Principiantes De La Pagina De Fil Moves.Net Para Blogger.

Demo:https://sadaddaad.blogspot.com/

PARA ENTRADAS:

Inserir CODE, HTML ou PHP:

     <div class="movie-info__container">
            <div class="movie-info__poster mg-r-16">
                <div class="card-tvshow shadow-sm from-lg">
                    <div class="card-tvshow__image">
                        <figure>
                            <a href="#" rel="nofollow" target="_blank"><img alt="Aquaman y El Reino Perdido" class="lazyload" id="cover" src="https://image.tmdb.org/t/p/original/xCA9pHDnrqdqVAO5V0tocVQlTSo.jpg" /></a>
                        </figure>
                    </div>

                 

                   <!-- Botón para abrir el modal -->
<button class="trailer-button" onclick="openModal()">VER TRAILER</button>

<!-- Modal -->
<div id="trailerModal" class="modal">
  <!-- Contenido del modal -->
  <div class="modal-content">
    <span class="close" onclick="closeModal()">&times;</span>
    <iframe id="youtubeVideo" width="560" height="315" src="" frameborder="0" allowfullscreen></iframe>
  </div>
</div>
                  <script>
      // Función para abrir el modal y cargar el vídeo de YouTube
function openModal() {
  // Obtener el elemento del modal y el iframe del vídeo
  var modal = document.getElementById("trailerModal");
  var iframe = document.getElementById("youtubeVideo");

  // Mostrar el modal
  modal.style.display = "block";

  // Cargar el vídeo de YouTube en el iframe
  iframe.src = "https://www.youtube.com/embed/UTiKi-uRY1o";
}

// Función para cerrar el modal
function closeModal() {
  // Obtener el elemento del modal y el iframe del vídeo
  var modal = document.getElementById("trailerModal");
  var iframe = document.getElementById("youtubeVideo");

  // Ocultar el modal
  modal.style.display = "none";

  // Detener la reproducción del vídeo
  iframe.src = "";
}

                  </script>
                  <style>
                 
                    /* Estilos para el botón "VER TRAILER" */
.trailer-button {
width: 100%;
    background-color: #1e274770;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
    height: 36px;
    color: #fff;
    font-size: 11px;
    z-index: 2;
    background-image: radial-gradient(circle, #007aff9e, #0060c98c, #024084a3, #042854b0, #0519379e);
}

.trailer-button:hover {
  background-color: #333;
  color: #fff;
}
                 
 /* Estilos para el modal */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6); /* Fondo semitransparente */
}

/* Contenido del modal */
.modal-content {
  background-color: #fefefe;
  margin: 10% auto;
  padding: 20px;
  border-radius: 8px;
  max-width: 600px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra suave */
}

/* Botón para cerrar el modal */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Estilo para el botón de reproducir */
.play-button {
  display: block;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border: 2px solid #333;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  line-height: 55px;
  color: #333;
  font-size: 30px;
  cursor: pointer;
}

.play-button:hover {
  background-color: #333;
  color: #fff;
}


                  </style>

                 
         
                </div>
            </div>
         
            <div class="movie-info__details">
                <h1 class="h3 s-mb-1 font-weight-bold color-titles">Demo</h1>
                <p class="mg-b-8"> <span>xcvzxcvxz</span></p>

                <div class="col" style="display: flex;">
                <div class="circles x-small" data-fill="69.56" hour="" style="--color: #f5b50a;">
                        <span>69.56 % </span>
                        <div class="bar"></div>
                </div>
                <div class="col-xs-8 col-md-8 star-rating" style="display: inline-block; margin-bottom: -5px; width: 69.56 %;" title="69.56%">
                                <div class="back-stars">
                                    <i aria-hidden="true" class="fa fa-star"></i>
                                    <i aria-hidden="true" class="fa fa-star"></i>
                                    <i aria-hidden="true" class="fa fa-star"></i>
                                    <i aria-hidden="true" class="fa fa-star"></i>
                                    <i aria-hidden="true" class="fa fa-star"></i>
                                 
                                    <div class="front-stars" style="width: 69.56%;">
                                        <i aria-hidden="true" class="fa fa-star"></i>
                                        <i aria-hidden="true" class="fa fa-star"></i>
                                        <i aria-hidden="true" class="fa fa-star"></i>
                                        <i aria-hidden="true" class="fa fa-star"></i>
                                        <i aria-hidden="true" class="fa fa-star"></i>
                                    </div>
                                </div>
                                <p class="rate">
                                        <span>
                                     3.478 pts
                                        </span> / de 5
                                    </p>
                </div>      
            </div>        
            <div class="col" style="display: flex;">
                <p class="s-mb-2">124 minutos | 2023 |  </p>
                <div style="padding-left: 6px; padding-top: 3px;">
                        <iframe allow="encrypted-media" allowtransparency="true" frameborder="0" height="21" scrolling="no" src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FFilmovescom-101803304610214%2F&amp;width=92&amp;layout=button&amp;action=like&amp;size=small&amp;show_faces=true&amp;share=false&amp;height=21&amp;appId=253816448106594" style="border: none; overflow: hidden;" width="92"></iframe>
                </div>

                 </div>
                <div class="page-description s-mb-1">
                    <p>Al no poder derrotar a Aquaman la primera vez, Black Manta, todavía impulsado por la necesidad de vengar la muerte de su padre, no se detendrá ante nada para derrotar a Aquaman de una vez por todas. Esta vez Black Manta es más formidable que nunca y ejerce el poder del mítico Tridente Negro, que desata una fuerza antigua y malévola. Para derrotarlo, Aquaman recurrirá a su hermano encarcelado Orm, el ex rey de la Atlántida, para forjar una alianza improbable. Juntos, deben dejar de lado sus diferencias para proteger su reino y salvar a la familia de Aquaman, y al mundo, de una destrucción irreversible.</p>
                </div>
             
                <div class="s-mb-4 tags-genres">
                                        <a class="tags-genres__item" href="https://www.filmoves.net/genero/fantasia">Fantasía</a>                                            <a class="tags-genres__item" href="https://www.filmoves.net/genero/aventura">Aventura</a>                                            <a class="tags-genres__item" href="https://www.filmoves.net/genero/accion">Accion</a>                                            <a class="tags-genres__item" href="https://www.filmoves.net/genero/dc-comics">DC Comics</a>                        
                </div>

                            </div>
        </div>

<div class="pelicula-view">
  <div class="cont">
    <div class="tab">
      <button class="tablinks" onclick="openTab(event, 'tab1')" data-title="Mega 1">Opcion 1</button>
      <button class="tablinks" onclick="openTab(event, 'tab2')" data-title="Mega 2">Opcion 2</button>
      <button class="tablinks" onclick="openTab(event, 'tab3')" data-title="Mega 3">Opcion 3</button>
      <button class="tablinks" onclick="openTab(event, 'tab4')" data-title="Mega 4">Opcion 4</button>
      <button class="tablinks" onclick="openTab(event, 'tab5')" data-title="Mega 5">Opcion 5</button>
      <button class="tablinks" onclick="openTab(event, 'tab6')" data-title="Mega 6">Opcion 6</button>
      <button class="tablinks" onclick="openTab(event, 'tab7')" data-title="Mega 7">Opcion 7</button>
    </div>
    <div class="cont2">
      <div id="tab1" class="tabcontent">
        <iframe id="video1" width="695" height="391" frameborder="0" allowfullscreen></iframe>
      </div>
      <div id="tab2" class="tabcontent">
        <iframe id="video2" width="695" height="391" frameborder="0" allowfullscreen></iframe>
      </div>
      <div id="tab3" class="tabcontent">
        <iframe id="video3" width="695" height="391" frameborder="0" allowfullscreen></iframe>
      </div>
      <div id="tab4" class="tabcontent">
        <iframe id="video4" width="695" height="391" frameborder="0" allowfullscreen></iframe>
      </div>
      <div id="tab5" class="tabcontent">
        <iframe id="video5" width="695" height="391" frameborder="0" allowfullscreen></iframe>
      </div>
      <div id="tab6" class="tabcontent">
        <iframe id="video6" width="695" height="391" frameborder="0" allowfullscreen></iframe>
      </div>
      <div id="tab7" class="tabcontent">
        <iframe id="video7" width="695" height="391" frameborder="0" allowfullscreen></iframe>
      </div>
    </div>
  </div>
</div>
<script>
function openTab(event, tabName) {
  var i, tabcontent, tablinks;
  // Detener la reproducción de todos los videos al cambiar de pestaña
  var videos = document.querySelectorAll('.tabcontent iframe');
  for (i = 0; i < videos.length; i++) {
    var videoSrc = videos[i].src;
    videos[i].src = videoSrc;
  }

  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(tabName).style.display = "block";
  event.currentTarget.className += " active";

  // Cargar el video correspondiente al tab si es necesario
  if (tabName === 'tab2') {
    document.getElementById("video2").src = "https://www.youtube.com/embed/jqlZXcdeTEE";
  } else if (tabName === 'tab3') {
    document.getElementById("video3").src = "URL_DEL_TERCER_VIDEO";
  } else if (tabName === 'tab4') {
    document.getElementById("video4").src = "URL_DEL_CUARTO_VIDEO";
  } else if (tabName === 'tab5') {
    document.getElementById("video5").src = "URL_DEL_QUINTO_VIDEO";
  } else if (tabName === 'tab6') {
    document.getElementById("video6").src = "URL_DEL_SEXTO_VIDEO";
  }
}

// Cargar el primer video por defecto
document.getElementById("video1").src = "https://www.youtube.com/embed/sIUR49xqjYU";
document.getElementById("tab1").style.display = "block";
document.getElementsByClassName("tablinks")[0].className += " active";
</script>

La plantilla en sus secciones e categorias estan por mediante condicionales
Peliculas: movies
Series: series
Originales De Neflix : netflix
Estreno: premiere

Aun falta muchas cosas por agregar,pero ahy algo similar

LautaroSanchez · 18/04/2024

Gracias

anestesia · 18/04/2024

Gracias por la plantilla

anix2040 · 22/04/2024

lets add some more things to it

frambersilva · 02/10/2024

Muchas gracias por el tema. 😎

Avm's · 21/10/2024

thx for theme let me update and add more thing in this theme

RandomThemes · 31/10/2024

Akash001 disse:
thx for theme let me update and add more thing in this theme

ok

FilMoves ! Clone ! Blogger Template !Abandono!

RandomThemes

Anexos

LautaroSanchez

anestesia

anix2040

frambersilva

Avm's

RandomThemes

Tópicos similares