Últimos temas
» Instalación del skin
Jue Nov 15, 2018 12:20 pm por Admin

» Spoiler, code, citas
Sáb Abr 08, 2017 7:57 pm por Admin

lorem ipsum
octubre, 2017
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Done quam felis, ultricies nec. parturient montes, nascetur ridiculus mus.
Conectarse

Recuperar mi contraseña

skin diseñado por @madeinsevilla

Instalación del skin

Ver el tema anterior Ver el tema siguiente Ir abajo

Instalación del skin

Mensaje por Admin el Jue Nov 15, 2018 12:20 pm

1: CSS

— Descargar este archivo (link).
— Vais a PA > Visualización > Temas > Gestión de los estilos
— En Importar un tema, buscáis ese archivo que acabáis de descargar y le dais a Importar.

2: WIDGETS Y TABLÓN

— Vais a PA > Visualización > Índice > General y en "Mensaje del Índice" pegáis el código del tablón (si lo queréis) que es este (link).
— Vais a PA > Módulos > Portal y Widgets > Gestión de los widgets. Aquí tendréis que crear los siguientes widgets personalizados.
******* Recordad que en los widgets personalizados que creéis ahora tenéis que marcar NO en "Usar una tabla tipo". Y plis, marcad SÍ en "Mostrar los widgets del foro".

1) Tablón del header. Ese que se despliega cuando hacéis hover en la cabecera (link)
2) Afiliados.link
3) Avatar en la navbar. Este os lo dejo aquí porque es muy pequeño.
Código:

Código:
<div class="flotavat">
 
 <div class="jajajaesto">
 
 </div>
</div>
— Ahora que están creados los widgets tenéis que ponerlos en la columna para que aparezcan en el foro. Limpiad todo lo que os sale y dejad los widgets personalizados. Además de los widgets personalizados, tenéis que activar algunos por defecto, que son 1. Últimos temas y 2. Conexión. (CAPTURA)

3: JAVASCRIPT

— Vais a PA > Módulos > Gestión de los códigos JavaScript (abajo del todo).
— Marcáis "SÍ" en activar, como es obvio.
— Creáis los siguientes JavaScripts. Os lo dejaré todos en spoiler porque son pequeños.
1) Afiliados. Mostrar en todas las páginas.
Spoiler:

Código:
$(document).ready(function () {
$('#afiafiaf').appendTo('#content');
});
2) Avatar a la navbar. Mostrar en todas las páginas.
Spoiler:

Código:
$(document).ready(function () {
$('.flotavat').appendTo('body');
});

jQuery(document).ready(function(){
    jQuery(".jajajaesto").replaceWith(jQuery(".mod-login-avatar"));
    });
3) Estadísticas. Mostrar en el Índice.
Spoiler:

Código:
$(function(){
       $("div.h3 a[href='/statistics']").text("Estadísticas");
       $("div#footerf").each(function(){
          $(this).html($(this).html()
             .replace("Nuestros miembros han publicado un total de", " ")
             .replace("mensajes", " ")
             .replace("Tenemos ", " ")
             .replace(" miembros registrados.", " ")
             .replace("El último usuario registrado es", ""));
       });  
   });

$(function(){
       $("div.h3 a[href='/statistics']").text("Estadísticas");
       $("div.lastmemf").each(function(){
          $(this).html($(this).html()
             .replace(".", " "));
       });  
   });
4) Últimos temas. Mostrar en el Índice.
Spoiler:

Código:
jQuery(document).ready(function(){
    jQuery("#micontenedor").replaceWith(jQuery("#comments_scroll_div"));
    });
5) Tablón en el Índice. Mostrar en todas las páginas.
Spoiler:

Código:
$(document).ready(function () {
$('#tablonheader').appendTo('#content');
});

4: TEMPLATES

— Vais a PA > Visualización > Templates > General.
***** Recordad que para que os aparezcan los templates y podáis editarlos tenéis que estar conectados con la cuenta u1, la fundadora.

index_body. Seleccionáis todo y sustituis por esto (LINK).
overall_header.  Seleccionáis todo y sustituis por esto (link)
viewtopic_body. Seleccionáis todo y sustituis por esto (link)

PD: Para que los templates se vean tenéis que iros a la página principal y, si está el icono en rojo, aceptarlo. Tiene que quedar así (CAPTURA)

5: SUBFOROS

— Vais a PA > Foro > Categorías y foros. Y buscáis el foro al que ponerle la descripción. Estos son los que hay:
solo texto:

Código:
<div id="subforos0">
              
 <div class="subforo01">
         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu,        
 </div>
            
 <div class="linksub01">
       <a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|    
 </div>
</div>
SOLO IMAGEN:

Código:
<div id="subforos0">
                
 <div class="subforo01">
         <img src="http://placehold.it/320x90" class="imgs01" />    
 </div>
              
 <div class="linksub01">
        <a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|    
 </div>
</div>
imagen + texto:

Código:
<div id="subforos0">
                  
 <div class="subforo01">
           <img class="imgs02" src="http://placehold.it/90x90" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.  
 </div>
                
 <div class="linksub01">
         <a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|<a href="">enlace x</a>|      
 </div>
</div>

Y eso es todo amigos. Para el perfil en temas ya en su día hice el aporte con las instrucciones y tal (link aquí). Si tenéis alguna duda, estoy a un ASK (aunque seguramente tarde en responderlo porque doy asco). Un besi de fresi.
avatar

Mensajes : 11
Localización : localización
Empleo /Ocio : empleo
Humor : whatever
http://skinbeautifulpain.activo.mx
Adminesto es un rango

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.