• 0
  • 3 RepliesReplies
  • 5637 ReadTimes Read
  • 20 PointsPoints

Topic: Instalar y cambiar diseño de Mod Atenttion Topic Locked

no avatar
Usuario: aszoN
Rango: Nuevo Usuario
Mensajes: 3
Points: 22
Mi web: http://www.shareforo.com
Perfil: View Profile
Pais:
ve
100% hecho por mí  ;D

MOD Attention Locked Topic

¿Qué hace?

Muy fácil, si un tema está cerrado, mostrará una barra de notificación encima del mismo para anunciar que está cerrado.

Tutorial

Bueno, primero que nada vamos a instalarlo.

Paso 1: Vamos a: http://www.smfsimple.com/ y nos registramos.

Paso 2: Una vez registrados, validados y logueados, nos vamos a:
http://www.smfsimple.com/index.php?action=downloads;sa=view;download=71 y descargamos el MOD.

Paso 3: Vamos a la administración de nuestro foro y vamos al Gestor de paquetes.

Paso 4: Vamos a 'Descargar paquetes'.

Paso 5: Vamos a lo último, donde dice subir un paquete, y subimos el archivo .rar o .zip no recuerdo ahora mismo antes descargado.

Paso 6: Luego de que lo subamos le damos a 'Instalar Modificación'

Paso 7: seleccionamos en cuáles themes queremos instalarlo y finalmente, lo instalamos.

Ok, pero, el diseño es algo feo, ¿No? Aquí una muestra del diseño:



Bueno, te tengo la solución. Solo debes buscar en los archivos de tu foro, vas a Themes/tutheme/css/ y abres el index.css con el bloc de notas o algún programa como Notepad ++.

Paso 2: buscas donde diga .errorbox y seleccionas desde ahí hasta donde diga /* Styles for the profile section.

Paso 3: borras lo seleccionado y lo reemplazas por:

Code: [Select]
.errorbox
{
padding: 0.75em 1em 1.5em 1em;
color: #c12424;
background-color: #efc8c8;
margin-bottom: 1em;
border-radius:5px;
-moz-border-radius: 5px;
width:925px;
height:0.5em;
font-size: 12px;
}
.errorbox h3
{
padding:0;
margin: 0;
font-size: 12px;
text-decoration: underline;
color: #bb0000;
}
.errorbox p
{
margin: 0;
color: #bb0000;
}
.errorbox p.alert
{
padding:0;
margin: 0;
float: left;
width: 1em;
font-size: 1.5em;
color: #bb0000;
}
.errorbox img {
padding: 0.1em 0 0 0;
}

/* Styles for the profile section.

Luego te vas a Themes/tutheme y buscas el archivo Display.template.php y buscas donde diga: <div class="errorbox">, seleccionas toda esa línea de código y lo cambias por:

Code: [Select]
<div class="errorbox"><img src="themes/bluecolor/images/lock.png" />  ', $txt['attentionlockedtopic'] ,'</div>';
IMPORTANTE: donde dice "bluecolor" cambiarlo por el nombre de su theme.

Eso sería todo, recuerda debes poner ésta imagen: en la carpeta Themes/tutheme/images como "lock.png".

Y te tendría que quedar así:



Créditos: a mi por crear el código y el tutorial.

PD: perdonen la parte en la que hago referencia a registrarse aquí es que el tutorial lo hice primero para otra comunidad y me da pereza editarlo.
You do not have permission to give points
point 20 Points

Users who gave points in this topic » Lean (10 Pts) » 4kstore (10 Pts) 

Usuario: Lean
Rango: Fundador
Mensajes: 6782
Points: 236
Perfil: View Profile
Pais:
ar
Re:Instalar y cambiar diseño de Mod Atenttion Topic Locked
Reply #1 January 01, 2013 - 04:46 16:46
Bueno, gracias por el aporte, es cuestion de gustos y personalmente me gustan los 2 diseños. El diseño que le hiciste quizas no sea del todo util para este mod ya que no resalta demasiado y es lo que necesita el mod, resaltar. Puedes quizas agregarle un borde de color oscuro para que se vea algo mas resaltado a la vista.
Luego, con respecto a editar el archivo index.css, jamas se recomienda editar con el bloc de notas puesto que no es un editor de codigo y cambia la codificacion de los archivos.
Te dejo 10 puntos por compartirlo
Saludos

no avatar
Usuario: aszoN
Rango: Nuevo Usuario
Mensajes: 3
Points: 22
Mi web: http://www.shareforo.com
Perfil: View Profile
Pais:
ve
Re:Instalar y cambiar diseño de Mod Atenttion Topic Locked
Reply #2 January 01, 2013 - 04:48 16:48
Bueno, gracias por el aporte, es cuestion de gustos y personalmente me gustan los 2 diseños. El diseño que le hiciste quizas no sea del todo util para este mod ya que no resalta demasiado y es lo que necesita el mod, resaltar. Puedes quizas agregarle un borde de color oscuro para que se vea algo mas resaltado a la vista.
Luego, con respecto a editar el archivo index.css, jamas se recomienda editar con el bloc de notas puesto que no es un editor de codigo y cambia la codificacion de los archivos.
Te dejo 10 puntos por compartirlo
Saludos

Es que en la comunidad done lo publiqué por primera vez no tienen muchos conocimientos de ésto, por eso dije o con el bloc de notas o con programas como notepad ++

Usuario: 4kstore
Rango: Moderador Global
Mensajes: 4916
Points: 8111
Mi web: http://www.smfsimple.com
Perfil: View Profile
Pais:
ar
Re:Instalar y cambiar diseño de Mod Atenttion Topic Locked
Reply #3 January 01, 2013 - 05:55 17:55
Es un buen tutorial, hay que tener en cuenta que cambiando la clase .errorbox en el archivo css tambien cambiaras el diseño de todos los errores que se muestran a lo largo de la actividad del foro, esa es una clase que ya viene por defecto en SMF.
Saludos

 

TAGS



Subject Replies
Mods SMFSimple Started by 4kstore 11 Replies
9752 Views
Mods SMFSimple Started by JTX3 9 Replies
9337 Views
Tutoriales y Tips SMF Started by 4kstore 6 Replies
14052 Views
Mods SMFSimple Started by Maliante 0 Replies
5153 Views
Mods SMFSimple Started by 4kstore 7 Replies
11604 Views
top

Smfsimple.com es un sitio destinado a brindar un servicio de soporte y herramientas para foros realizados con el sistema de foros gratuito simplemachines.org. Contamos con un selecto equipo de desarrolladores y conocedores del sistema, sus foros estaran en buenas manos.
This site is not affiliated with or endorsed by Simple Machines