1. PHPost | Soporte, Descargas y Tutoriales de Risus Nova
  2. Entretenimiento
  3. Off topic

¡Bienvenido a PHPost!

Para participar en el foro, descargar complementos y acceder al chat, es necesario tener una cuenta activa.
Por favor, regístrate utilizando un correo electrónico válido para completar la activación.

Descarga Risus Nova 2.0   (Ver notas de la versión) (ACT-16/06/2026- 00:00 ESP)

Regístrate Descargar Risus Nova
Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5

Modo compacto
OFF TOPIC Trabajando en nuevo proyecto
Tronlar
Administrador
España
Jan 2021
56 Temas
412 Mensajes
255 Reputación


363 Recibidos
241 Dados
 Logros
Ver todos
#11

08-12-2021, 07:19 AM
1
Perdona por tardar en contestar, ya aquí era muy tarde-
Ponlo en le mismo archivo del menú así
 
Código PHP: ( Seleccionar Todo )
<script language=javascript>
{literal}
$("#searchanime").focusin(function () {
    $("#Modalanime").show();
});

$("#close").click(function () {
    $("#Modalanime").hide();
});
{/literal}
</script> 
WWW Buscar
Responder
zero
Registrado
Andorra
Apr 2021
9 Temas
47 Mensajes
18 Reputación


36 Recibidos
78 Dados
 Logros
Ver todos
#12

08-13-2021, 02:24 PM
(Última modificación: 08-13-2021, 02:40 PM por zero.)
0
Hola Tronlar, gracias por responder.

Intenté colocar el código y no me funcionó pero todas maneras ya no voy a usar esa función.

Solo voy a usar el buscador simple ya que me parece un poco molesto que apareciera a cada rato ese modal jeje.
 


Ahora estoy intentando colocar esto en la home como un sitio de películas:

[video=youtube]Registrate o inicia tu sesión para ver este contenido[/video]

Y así es como me ha quedado:

[img]Registrate o inicia tu sesión para ver este contenido[/img]

Todo se ve bien hasta que coloco el javascript y desaparece

Disculpa que te moleste tanto, es que solo quiero ver por qué no funciona bien el javascript y quería saber si me puedes echar una mano con esto

Estos son los archivos (3 archivos) a subir en sus respectivas carpetas:

Debes agradecer para ver el contenido...

Aquí te dejo el código que coloqué en t.home.tpl, en teoría, debería funcionar pero no agarra el javascript:
 
Código: ( Seleccionar Todo )
<link href="{$tsConfig.css}/lightslider.css" rel="stylesheet" type="text/css">

<script src="{$tsConfig.js}/JQuery3.3.1.js" type="text/javascript"></script>    
<script src="{$tsConfig.js}/lightslider.js" type="text/javascript"></script>
    
<script language=javascript>
{literal}

   $(document).ready(function() {
    $('#autoWidth,#autoWidth2').lightSlider({
        autoWidth:true,
        loop:true,
        onSliderLoad: function() {
            $('#autoWidth,#autoWidth2').removeClass('cS-hidden');
        }
    });  
  });

{/literal}
</script>

<section id="main">

<h1 class="showcase-heading">Anime News</h1>
        
        <ul id="autoWidth" class="cs-hidden">
        
           <!--box-1--------------------------->
           <li class="item-a">
            <!--showcase-box------------------->
           <div class="showcase-box">
               <img src="Registrate o inicia tu sesión para ver este contenido"/>
           </div>
               </li>
            <!--box-2--------------------------->
            <li class="item-b">
                <!--showcase-box------------------->
               <div class="showcase-box">
                   <img src="Registrate o inicia tu sesión para ver este contenido"/>
               </div>
                   </li>
                <!--box-3--------------------------->
            <li class="item-c">
                <!--showcase-box------------------->
               <div class="showcase-box">
                   <img src="Registrate o inicia tu sesión para ver este contenido"/>
               </div>
                   </li>
                <!--box-4--------------------------->
            <li class="item-d">
                <!--showcase-box------------------->
               <div class="showcase-box">
                   <img src="Registrate o inicia tu sesión para ver este contenido"/>
               </div>
                   </li>
                   <!--box-5--------------------------->
            <li class="item-e">
                <!--showcase-box------------------->
               <div class="showcase-box">
                   <img src="Registrate o inicia tu sesión para ver este contenido"/>
               </div>
                   </li>
          </ul>
        
    </section>
    
    
    <!--latest-movies---------------------->
    <section id="latest">
        <h2 class="latest-heading">Anime New Season</h2>
        <!--slider------------------->
        <ul id="autoWidth2" class="cs-hidden">
            <!--slide-box-1------------------>
            <li class="item-a">
                <div class="latest-box">
                    <!--img-------->
                    <div class="latest-b-img">
                        <img src="Registrate o inicia tu sesión para ver este contenido">
                    </div>
                    <!--text---------->
                    <div class="latest-b-text">
                        <strong>Kin 2018</strong>
                        <p>Action Movie</p>
                    </div>
                </div>
            </li>
    <!--slide-box-2------------------>
    <li class="item-b">
        <div class="latest-box">
            <!--img-------->
            <div class="latest-b-img">
                <img src="Registrate o inicia tu sesión para ver este contenido">
            </div>
            <!--text---------->
            <div class="latest-b-text">
                <strong>Kin 2018</strong>
                <p>Action Movie</p>
            </div>
        </div>
    </li>
    <!--slide-box-3------------------>
    <li class="item-c">
        <div class="latest-box">
            <!--img-------->
            <div class="latest-b-img">
                <img src="Registrate o inicia tu sesión para ver este contenido">
            </div>
            <!--text---------->
            <div class="latest-b-text">
                <strong>Kin 2018</strong>
                <p>Action Movie</p>
            </div>
        </div>
    </li>
    <!--slide-box-4------------------>
    <li class="item-d">
        <div class="latest-box">
            <!--img-------->
            <div class="latest-b-img">
                <img src="Registrate o inicia tu sesión para ver este contenido">
            </div>
            <!--text---------->
            <div class="latest-b-text">
                <strong>Kin 2018</strong>
                <p>Action Movie</p>
            </div>
        </div>
    </li>
    <!--slide-box-5------------------>
    <li class="item-e">
        <div class="latest-box">
            <!--img-------->
            <div class="latest-b-img">
                <img src="Registrate o inicia tu sesión para ver este contenido">
            </div>
            <!--text---------->
            <div class="latest-b-text">
                <strong>Kin 2018</strong>
                <p>Action Movie</p>
            </div>
        </div>
    </li>
    <!--slide-box-6------------------>
    <li class="item-f">
        <div class="latest-box">
            <!--img-------->
            <div class="latest-b-img">
                <img src="Registrate o inicia tu sesión para ver este contenido">
            </div>
            <!--text---------->
            <div class="latest-b-text">
                <strong>Kin 2018</strong>
                <p>Action Movie</p>
            </div>
        </div>
    </li>
    <!--slide-box-7------------------>
    <li class="item-g">
        <div class="latest-box">
            <!--img-------->
            <div class="latest-b-img">
                <img src="Registrate o inicia tu sesión para ver este contenido">
            </div>
            <!--text---------->
            <div class="latest-b-text">
                <strong>Kin 2018</strong>
                <p>Action Movie</p>
            </div>
        </div>
    </li>
          </ul>
    </section>
    
    
    
    
    
    <!--movies---------------------------->
    <div class="movies-heading">
        <h2>Tops Animes</h2>
    </div>
    
    <section id="movies-list">
        <!--box-1------------------------>
        <div class="movies-box">
            <!--img------------>
            <div class="movies-img">
                <div class="quality">HDRip</div>
                <img src="Registrate o inicia tu sesión para ver este contenido">
            </div>
            <!--text--------->
            <a href="#">
                Tin (2018) Full Movie[In English] With English Subtitles | HDRip 1080p HD
            </a>
        </div>
         <!--box-2------------------------>
         <div class="movies-box">
            <!--img------------>
            <div class="movies-img">
                <div class="quality">HDRip</div>
                <img src="Registrate o inicia tu sesión para ver este contenido">
            </div>
            <!--text--------->
            <a href="#">
                Tin (2018) Full Movie[In English] With English Subtitles | HDRip 1080p HD
            </a>
        </div>
         <!--box-3------------------------>
         <div class="movies-box">
            <!--img------------>
            <div class="movies-img">
                <div class="quality">HDRip</div>
                <img src="Registrate o inicia tu sesión para ver este contenido">
            </div>
            <!--text--------->
            <a href="#">
                Tin (2018) Full Movie[In English] With English Subtitles | HDRip 1080p HD
            </a>
        </div>
         <!--box-4------------------------>
         <div class="movies-box">
            <!--img------------>
            <div class="movies-img">
                <div class="quality">HDRip</div>
                <img src="Registrate o inicia tu sesión para ver este contenido">
            </div>
            <!--text--------->
            <a href="#">
                Tin (2018) Full Movie[In English] With English Subtitles | HDRip 1080p HD
            </a>
        </div>
         <!--box-5------------------------>
         <div class="movies-box">
            <!--img------------>
            <div class="movies-img">
                <div class="quality">HDRip</div>
                <img src="Registrate o inicia tu sesión para ver este contenido">
            </div>
            <!--text--------->
            <a href="#">
                Tin (2018) Full Movie[In English] With English Subtitles | HDRip 1080p HD
            </a>
        </div>
         <!--box-6------------------------>
         <div class="movies-box">
            <!--img------------>
            <div class="movies-img">
                <div class="quality">HDRip</div>
                <img src="Registrate o inicia tu sesión para ver este contenido">
            </div>
            <!--text--------->
            <a href="#">
                Tin (2018) Full Movie[In English] With English Subtitles | HDRip 1080p HD
            </a>
        </div>
         <!--box-7------------------------>
         <div class="movies-box">
            <!--img------------>
            <div class="movies-img">
                <div class="quality">HDRip</div>
                <img src="Registrate o inicia tu sesión para ver este contenido">
            </div>
            <!--text--------->
            <a href="#">
                Tin (2018) Full Movie[In English] With English Subtitles | HDRip 1080p HD
            </a>
        </div>
         <!--box-8------------------------>
         <div class="movies-box">
            <!--img------------>
            <div class="movies-img">
                <div class="quality">HDRip</div>
                <img src="Registrate o inicia tu sesión para ver este contenido">
            </div>
            <!--text--------->
            <a href="#">
                Tin (2018) Full Movie[In English] With English Subtitles | HDRip 1080p HD
            </a>
        </div>
        <!--box-9------------------------>
         <div class="movies-box">
            <!--img------------>
            <div class="movies-img">
                <div class="quality">HDRip</div>
                <img src="Registrate o inicia tu sesión para ver este contenido">
            </div>
            <!--text--------->
            <a href="#">
                Tin (2018) Full Movie[In English] With English Subtitles | HDRip 1080p HD
            </a>
        </div>
    </section>

    
    
    

<style>

.showcase-box{
    width:430px;
    height: 250px;
    box-shadow: 5px 15px 30px rgba(0,0,0,0.3);
    border-radius: 10px;
    margin:0px 20px 10px 20px;
    overflow: hidden;
}
.showcase-box img{
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.showcase-heading{
    padding-left: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #1a1a1a;
}
.cs-hidden{
    overflow: visible !important;
}
#latest{
    border-top: 1px solid rgba(53,53,53,0.1);
}
.latest-heading{
    margin: 30px 30px 0px 30px;
    font-weight: 500;
    font-size: 1.3rem;
}
.latest-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 2px 2px 30px rgba(0,0,0,0.2);
    margin: 20px 10px;
    border-radius: 10px;
    overflow:hidden;
    width:200px;
    background-color: #ffffff;
}
.latest-b-img{
    width:100%;
    height: 270px;
}
.latest-b-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.latest-b-text strong{
    color:#3a3a3a;
    margin: 0px;
}
.latest-b-text{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 10px;
}
.latest-b-text p{
    color:#979797;
    margin: 0px;
}
.movies-heading h2{
    font-weight: 400;
    margin: 0px;
    padding: 1px 20px;
    background-color: rgba(0,0,0,0.01);
    border: 1px solid rgba(0,0,0,0.06);
    font-size: 1.7rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
}
.movies-heading{
    display: flex;
    margin:0px 2%;
}
.movies-box{
    width:300px;
    display: flex;
    justify-content: *****;
    align-items: center;
    flex-direction: column;
    box-shadow: 2px 2px 30px rgba(0,0,0,0.2);
    margin: 20px;
    border-radius: 5px;
    overflow: hidden;
    border-top: 3px solid #292929;
}
.movies-img{
    width:100%;
    height: 400px;
    position: relative;
}
.movies-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.movies-box a{
    text-align:center;
    display: block;
    font-weight: 600;
    display: -webkit-box;
    max-width: 80%;
    -webkit-line-clamp: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #3a3a3a;
    margin: 20px;
}
.movies-box:hover{
    transform: translateY(-10px);
    transition: all ease 0.2s;
}
#movies-list{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.quality{
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #1f1f1f;
    color: #ffffff;
    padding: 5px 20px;
    font-weight: 500;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 5px 10px 30px rgba(0,0,0,0.4);
}



</style>

Gracias  Cool

P.D: Este es el código original del creador, yo solo quité lo del navbar pero lo dejo por si quieres revisar:

Debes agradecer para ver el contenido...
Buscar
Responder
Tronlar
Administrador
España
Jan 2021
56 Temas
412 Mensajes
255 Reputación


363 Recibidos
241 Dados
 Logros
Ver todos
#13

08-13-2021, 06:04 PM
(Última modificación: 08-13-2021, 06:08 PM por Tronlar.)
0
Te esta quedando bien.
Me he descargado los archivos para verlo del enlace que dejas y es solo una carpeta de imágenes.
Pero viendo lo que has puesto en t.home.tpl creo que tienes conflicto entre jquerys, prueba en quitar lo que has puesto en t.home.tpl
 
Código PHP: ( Seleccionar Todo )
<script src="{$tsConfig.js}/JQuery3.3.1.js" type="text/javascript"></script> 
WWW Buscar
Responder
zero
Registrado
Andorra
Apr 2021
9 Temas
47 Mensajes
18 Reputación


36 Recibidos
78 Dados
 Logros
Ver todos
#14

08-13-2021, 06:54 PM
(Última modificación: 08-13-2021, 11:29 PM por zero.)
0
Disculpa me equivoqué de enlace

Aquí están los archivos:

Debes agradecer para ver el contenido...

Quité el enlace de JQuery y tampoco me funciona
Buscar
Responder
Tronlar
Administrador
España
Jan 2021
56 Temas
412 Mensajes
255 Reputación


363 Recibidos
241 Dados
 Logros
Ver todos
#15

08-15-2021, 12:24 PM
1
(08-13-2021, 06:54 PM)zero escribió: Debes agradecer para ver el contenido...Disculpa me equivoqué de enlace

Aquí están los archivos:

[/url]

Quité el enlace de JQuery y tampoco me funciona

Perdona por tardar en contestar, estoy este fin de semana de viaje, mañana cuando llegue a mi casa lo descargo, lo instalo y veo el problema, pero creo que tiene que ser algo de lo que te he dicho, que tenga un conflicto.
WWW Buscar
Responder
zero
Registrado
Andorra
Apr 2021
9 Temas
47 Mensajes
18 Reputación


36 Recibidos
78 Dados
 Logros
Ver todos
#16

08-15-2021, 03:29 PM
(Última modificación: 08-15-2021, 03:31 PM por zero.)
1
(08-15-2021, 12:24 PM)Tronlar escribió: Debes agradecer para ver el contenido...
(08-13-2021, 06:54 PM)zero escribió: Debes agradecer para ver el contenido...Disculpa me equivoqué de enlace

Aquí están los archivos:

[/url]

Quité el enlace de JQuery y tampoco me funciona

Perdona por tardar en contestar, estoy este fin de semana de viaje, mañana cuando llegue a mi casa lo descargo, lo instalo y veo el problema, pero creo que tiene que ser algo de lo que te he dicho, que tenga un conflicto.


Tranquilo Tronlar, tómate tu tiempo Cool

Yo estoy trabajando en otras secciones de la V7 mientras tanto...

Disfruta de tu viaje que siempre es bueno desconectarse un poco y cuando tengas tiempo puedes descubrir cuál es el conflicto Cool

P.D: Fue un acierto usar la V7 incluye su chat con avatar y poco a poco encuentro funciones adicionales muy importantes
Buscar
Responder
Tronlar
Administrador
España
Jan 2021
56 Temas
412 Mensajes
255 Reputación


363 Recibidos
241 Dados
 Logros
Ver todos
#17

08-16-2021, 05:54 AM
1
Hola, ya lo he visto desde mi PC y el problema es que tienes que actualizar el modulo ese que dejas, lo que estas usando y adaptando a la V7 esta creado con una versión antigua de jquery, dile al creador de eso que lo actualize o lo tienes que actualizar tu, o puedes usar jQuery.noConflict() pero no es recomendable, lo mejor es usar cosas actualizadas como lo tiene la V7.
WWW Buscar
Responder
zero
Registrado
Andorra
Apr 2021
9 Temas
47 Mensajes
18 Reputación


36 Recibidos
78 Dados
 Logros
Ver todos
#18

08-18-2021, 11:47 PM
0
(08-16-2021, 05:54 AM)Tronlar escribió: Debes agradecer para ver el contenido...Hola, ya lo he visto desde mi PC y el problema es que tienes que actualizar el modulo ese que dejas, lo que estas usando y adaptando a la V7 esta creado con una versión antigua de jquery, dile al creador de eso que lo actualize o lo tienes que actualizar tu, o puedes usar jQuery.noConflict() pero no es recomendable, lo mejor es usar cosas actualizadas como lo tiene la V7.

Gracias por descubrir el problema, no sabía que existían ese tipo de conflictos en JQuery, cosas nuevas que voy aprendiendo

Voy a buscar otro más actualizado y cualquier cosa comparto mis avances por aquí  Cool
Buscar
Responder
« Tema anterior | Tema siguiente »


Compartir en:

Salto de foro:


Usuarios navegando en este tema: 1 invitado(s)
  1. PHPost | Soporte, Descargas y Tutoriales de Risus Nova
  2. Entretenimiento
  3. Off topic