Seleccionar idioma:
Realizar Donación - Mods Premium - Portfolio



Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.
* Tutorial Crear Mods en Smf by lucas-ruroken
  Leído 12256 veces
* Viendo el foro
 0 Usuarios y 1 Visitante están viendo este foro.


*
Autor: lucas-ruroken
Nov 15 2009
Indice de capitulos


Tutorial Crear mods en SMF - Capitulo I


Antes que nada aclarar: Todo las preguntas que tengan las pueden hacer en este mismo post, yo seguire posteando a medida que valla haciendo los capitulos los ire posteando en ste mismo post tambien.
Otra cosa tambien a aclarar, el contenido no lo oculto ya que para verlo tendria qe dar las gracias o responder y no es mi intencion, sino que sepan como crear las modificaciones de smf y saber que archivos tocar para las respesctivas modificaciones, pero si me gustaria que se registren y digan aunque sea gracias por este tutorial... Es lo minimo que espero ^^


Necesitamos: Minimo conocimiento php y html

En este post aprenderemos a crear mods en smf desde cero, ya siendo para crear el zip y tambien que archivos podremos modificar y para que son cada uno.

Primero pasara a explicar la creacion del zip que es lo mas importante y por lo que se empieza. Para esto necesitaremos crear dos archivos. install.xml y otro que se llame package-info.xml (Nota: el package-info.xml no se puede modificar el nombre, tiene que ser siempre ese, mientras que el install.xml pueden poner loquequieran.xml, pero por ahora para no perderse usen el install.xml).

Bien, procedemos a abrir el install.xml con cualquier editor. Yo les recomiendo DreamWeaver, pero pueden usar otros como notepad, etc.
En este archivo tiene que ir si o si esto:
Citar
<?xml version="1.0"?>
<!DOCTYPE modification SYSTEM "http://www.simplemachines.org/xml/modification">
<modification xmlns="http://www.simplemachines.org/xml/modification" xmlns:smf="http://www.simplemachines.org/">
Bien: luego colocaremos <id>autor:Nombre del mod</id>, y abajo la version del mod entre <version></version>, quedando hasta ahora asi por ejemplo:
Citar
<?xml version="1.0"?>
<!DOCTYPE modification SYSTEM "http://www.simplemachines.org/xml/modification">
<modification xmlns="http://www.simplemachines.org/xml/modification" xmlns:smf="http://www.simplemachines.org/">
   <id>Lucas-ruroken:H1 BBCode</id>
   <version>1.0.0</version>
Ahora podremos poner debajo el sitio de tu pagina pero no es necesario. Lo ponen entre <homepage></homepage>.
Bien, ahora empieza la parte de las modificaciones de los archivos, pero eso lo dejaremos para  despues ya que se empieza a complicar un poco ^^


PD: Cualquier queja, comentario, acotacion o correccion es bien recibida ;D
Espero que les guste y les sirva ^^


« Última Modificación: Septiembre 25, 2010, 04:16:28 am por lucas-ruroken »



Tutorial Crear mods en SMF - Capitulo II


Nos habiamos quedado en:
Citar
<?xml version="1.0"?>
<!DOCTYPE modification SYSTEM "http://www.simplemachines.org/xml/modification">
<modification xmlns="http://www.simplemachines.org/xml/modification" xmlns:smf="http://www.simplemachines.org/">
   <id>Lucas-ruroken:H1 BBCode</id>
   <homepage>http://sharedownload.org</homepage>

Para proseguir tengo que explicar unas variables que se usan a la hora de decir que archivo modificar.
$boarddir: ruta del foro. Ejemplo public_html/foro
$sourcedir: ruta de la carpeta Sources del foro. Ejemplo public_html/foro/Sources
$themedir: ruta de la carpeta Themes/default. Ejemplo public_html/foro/Themes/default
$imagesdir: ruta de la carpeta images del theme default. Ejemplo public_html/foro/Themes/default/images

Bien entonces teniend en cuenta esto prosigamos, debemos colocar el archivo a modificar seguido de <operation>, y luego seguido de lo que vamos a buscar y si lo vamos a reemplazar, agregar antes o agregar despues.
Veamos un ejemplo sencillo:
Citar
<file name="$sourcedir/Subs.php">
      <operation>
         <search position="after"><![CDATA[
         array(
            'tag' => 'white',
            'before' => '<span style="color: white;">',
            'after' => '</span>',
         ),
]]>

Como ven estamos buscando en la carpetas sources ($sourcedir) el archivo subs.php, colocamos el <operation>, seguido de lo que vamos a agregar DESPUES (after). Si van a agregar despues de las lineas buscadas colocamos <search position="after">, si vamos a agregar antes de las lines buscadas colocamos <search position="before"> y si vamos a reemplazar las lineas buscadas colocamos <search position="replace">. Si ven bien despues de search colocamos <![CDATA[, y cuando terminamos de buscar todo colocamos ]]>, eso significa que terminan las sentencias.
Luego de ]]> tenemos que cerrar el search, de esta manera </search>, y abrimos un <add> que es lo que vamos a agregar despues/antes o reemplazar, colocamos la modificacion y cerramos con </add> quedando:
Citar
<add><![CDATA[
         array(
   'tag' => 'h1',
   'before' => '<h1>',
   'after' => '</h1>',
   'block_level' => true,
     ),
]]></add>
y colocando <![CDATA[  y  ]]> nuevamente
Cerramos el </operation>. Si no vamos a modificar nada mas de ese archivo cerramos con </file>, pero si vamos a seguir modificando ese archivo, volvemos a abrir con otro <operation>.

Una vez realizada todas las modificaciones cerramos el archivo con </modification>. Podria quedar todo algo asi:
Citar
<?xml version="1.0"?>
<!DOCTYPE modification SYSTEM "http://www.simplemachines.org/xml/modification">
<modification xmlns="http://www.simplemachines.org/xml/modification" xmlns:smf="http://www.simplemachines.org/">
   <id>Lucas-ruroken:H1 BBCode</id>
   <version>1.0.0</version>
   <info>H1 tags will allow us to add our titles</info>
   <homepage>http://sharedownload.org</homepage>
   <file name="$sourcedir/Subs.php">
      <operation>
         <search position="after"><![CDATA[
         array(
            'tag' => 'white',
            'before' => '<span style="color: white;">',
            'after' => '</span>',
         ),
]]></search>
         <add><![CDATA[
         array(
   'tag' => 'h1',
   'before' => '<h1>',
   'after' => '</h1>',
   'block_level' => true,
     ),
]]></add>
      </operation>
   </file>
        </modification>

Luego explicare las modificaciones, por ahora tomenlo como ejemplos lo que se reemplaza


Bueno hasta aca llegamos en esta parte, y ahora en el que sigue vemos lo referido al package-info.xml ;)
Espero que les guste y como dije antes queja, comentario, acotacion o correccion es bien recibida :)




Tutorial Crear mods en SMF - Capitulo III


Bueno en el capitulo anterior habiamos terminado de crear el install.xml. Ahora vamos a ver de que se encarga el package-info.xml.
Abrimos el archivo con nuestro editor. Al igual que en el archivo anterior ponemos lo referent a xml, lo pongo otra vez:
Citar
<?xml version="1.0"?>
<!DOCTYPE package-info SYSTEM "http://www.simplemachines.org/xml/package-info">
<package-info xmlns="http://www.simplemachines.org/xml/package-info" xmlns:smf="http://www.simplemachines.org/">
Ponemos el nombre del bbcode entre <name></name>, al igual que en el anterior ponemos el id de esta forma<id>Autor:nombredelmod</id> (el nombre del mod en este caso tiene que ir todo junto, ejemplo: h1bbcode), luego ponemos el tipo que siempre es una modificacion, y lo ponemos asi: <type>modification</type> y por ultimo la version del mod entre <version></version>. Todo nos quedaria hasta ahora asi:
Citar
<?xml version="1.0"?>
<!DOCTYPE package-info SYSTEM "http://www.simplemachines.org/xml/package-info">
<package-info xmlns="http://www.simplemachines.org/xml/package-info" xmlns:smf="http://www.simplemachines.org/">
        <name>H1 BBCode</name>
        <id>lucas-ruroken:H1BBCode</id>
        <type>modification</type>
        <version>1.0.0</version>

Bien, ahora mostraremos que funcion va a ser el package-info.xml. Abrimos con un <install>, y le decimos al archivo la modificaciones que vamos a realizar, como estan ya estaban en el install.xml le decimos que realize las modificaciones de ese archivo de esta forma: <modification type="file">install.xml</modification>. Ahora si nosotros tenemos un archivo aparte (por ejemplo una imagen) y lo queremos meter en una carpeta especifica lo tenemos que hacer de esta forma por ejemplo: <require-file name="h1.gif" destination="$imagesdir/bbc" />, Ahi le estamos diciendo que se requiere el archivo h1.gif y que lo mande a la carpeta Themes/default/images/bbc, Facil no?.
Ahora cerramos con un </install>.
Nos podria quedar asi:
Citar
<install>
      <modification type="file">install.xml</modification>
      <require-file name="h1.gif" destination="$imagesdir/bbc" />
     </install>

Ahora creamos la parte referida a la desinstalacion, y la haremos de esta forma:
Abrimos con un <uninstall> y hacemos los procesos inversos. Ponemos <modification type="file" reverse="true">install.xml</modification> y luego decimos que borre el archivo: <remove-file name="$imagesdir/bbc/h1.gif" /> (Si tenemos que remover mas archivos tenemos que poner uno de bajo de otro por ejemplo asi:
Citar
<remove-file name="$imagesdir/bbc/h1.gif" />
<remove-file name="$imagesdir/bbc/h2.gif" />
<remove-file name="$imagesdir/bbc/h3.gif" />
es lo mismo para agregar).
Bien ahora cerramos con un <uninstall> y por ultimo cerramos con un </package-info>.
Todo nos podria quedar algo asi para que tengan una idea:
Citar
<?xml version="1.0"?>
<!DOCTYPE package-info SYSTEM "http://www.simplemachines.org/xml/package-info">
<package-info xmlns="http://www.simplemachines.org/xml/package-info" xmlns:smf="http://www.simplemachines.org/">
        <name>H1 BBCode</name>
        <id>lucas-ruroken:H1BBCode</id>
        <type>modification</type>
        <version>1.0.0</version>
      
      <install>
      <modification type="file">install.xml</modification>
      <require-file name="h1.gif" destination="$imagesdir/bbc" />
      </install>
      
                </uninstall>
                <modification type="file" reverse="true">install.xml</modification>
            <remove-file name="$imagesdir/bbc/h1.gif" />
        </uninstall>
</package-info>
Ahora podemos comprimir ambos archivos en un zip, por ejemplo h1.zip (no vale otra extension) y ya se podra instalar en nuestro smf ;D ;D ;D.


Hasta aca vimos lo referido al install y al package, en los chapters que siguen podremos ver que modificaciones hacer y a que archivos. Tambien ense




Tutorial Crear mods en SMF - Capitulo IV


Ahora voy a explicar a hacer un bbcode simple para smf 1.1.X
El metodo de ahora en mas es....Realizo los pasos y luego explico que se hace...

Primero Abriremos el Themes/default/Post.template.php
Buscaremos la linea
Código: [Seleccionar]
'flash' => array('code' => 'flash', 'before' => '[flash=200,200]', 'after' => '[/flash]', 'description' => $txt[433]),y la reemplazaremos por la de nuestro bbcode....
Código: [Seleccionar]
'lucas' => array('code' => 'lucas', 'before' => '[lucas]', 'after' => '[/]', 'description' => $txt['lucas']),
Lo que hemos echo aca es dar las tag qe en este caso es 'lucas'...... Luego pondremos que etiquetas tendra nuestro bbcode Antes (before) [lucas] y despues (after) [/lucas]
Prosigamos.... Tenemos la descripcion que seria al pasar con el raton sobre el boton que nos aparecera.... En este caso $txt['lucas']...
Pero....Tenemos que ir al archivo Themes/default/languages/Modifications.TUIDIOMA.php y agregar antes de ?>
Código: [Seleccionar]
$txt['lucas'] = 'El Titulo de nuestro bbcode';
Listo terminamos esa parte....
Nos dirijimos al Sources/Subs.php
Buscamos:
Código: [Seleccionar]
array(
'tag' => 'white',
'before' => '<span style="color: white;">',
'after' => '</span>',
),

Y Presten bien atencion a esta parte
Agregamos despues
Código: [Seleccionar]
array(
'tag' => 'lucas',
'before' => '<h1><div align="center">',
'after' => '</div></h1>',
),

Fijense bien... 'tag' es la que nos va a crear el bbcode
La parte de before =>  nos referimos a la parte que reemplazaria al [lucas] y en el after a la parte que reemplazaria al [/lucas]

Resumiendo..... Este es un ejemplo nomas.... Y es lo basico..... En este caso seria
[lucas]Ola gente[/lucas]
 
Y lo que haria en este caso nuestro bbcode es agregarle la etiqueta <h1> y alinearlo ......
Ya por ultimo nos quedaria subir nuestra imagen lucas.gif (si se fijan tiene qe tener el mismo nombre de nuestra tag) de 23 x 22 px a la carpeta Themes/TUTHEME/images/bbc


Proximo capitulo BBCode en smf 2.0


« Última Modificación: Septiembre 25, 2010, 04:06:58 am por lucas-ruroken »




tha is goog tutorial
thank you




you're welcome




lucas, tenfo una pregunta, si yo quiero extraer las una carpetas a la raiz del foro, que orden le tendria que dar.

esta

$root:

o como seria. muchas gracias




si te refieres al package-info.xml... es $boarddir esto hace que lo que le digas lo mande al directorio del foro en este caso tu root pero de tu foro




muchas gracias amigo.




Tutorial Crear mods en SMF - Capitulo V


Ahora voy a explicar a hacer un bbcode simple para smf 2.0

Primero Abriremos el Sources/Subs-Editor.php
Buscaremos la linea
Código: [Seleccionar]
array(
'image' => 'flash',
'code' => 'flash',
'before' => '[flash=200,200]',
'after' => '[/flash]',
'description' => $txt['flash']
),
y la reemplazaremos por la de nuestro bbcode....
Código: [Seleccionar]
array(
'image' => 'lucas',
'code' => 'lucas',
'before' => '[lucas]',
'after' => '[/lucas]',
'description' => $txt['lucas']
),

Lo que hemos echo aca es dar las tag qe en este caso es 'lucas'...... Luego pondremos que etiquetas tendra nuestro bbcode Antes (before) [lucas] y despues (after) [/lucas]
Prosigamos.... Tenemos la descripcion que seria al pasar con el raton sobre el boton que nos aparecera.... En este caso $txt['lucas']...
Pero....Tenemos que ir al archivo Themes/default/languages/Modifications.TUIDIOMA.php y agregar antes de ?>
Código: [Seleccionar]
$txt['lucas'] = 'El Titulo de nuestro bbcode';
Listo terminamos esa parte....
Nos dirijimos al Sources/Subs.php
Buscamos:
Código: [Seleccionar]
array(
'tag' => 'white',
'before' => '<span style="color: white;" class="bbc_color">',
'after' => '</span>',
),

Y Presten bien atencion a esta parte
Agregamos despues
Código: [Seleccionar]
array(
'tag' => 'lucas',
'before' => '<h1><div align="center">',
'after' => '</div></h1>',
),

Fijense bien... 'tag' es la que nos va a crear el bbcode
La parte de before =>  nos referimos a la parte que reemplazaria al [lucas] y en el after a la parte que reemplazaria al [/lucas]

Resumiendo..... Este es un ejemplo nomas.... Y es lo basico..... En este caso seria
[lucas]Ola gente[/lucas]
 
Y lo que haria en este caso nuestro bbcode es agregarle la etiqueta <h1> y alinearlo ......
Ya por ultimo nos quedaria subir nuestra imagen lucas.gif (si se fijan tiene qe tener el mismo nombre de nuestra tag) de 23 x 22 px a la carpeta Themes/TUTHEME/images/bbc


Despues de tanto aca estoy devuelta 8)




Otros temas de su interes

[TIP] Quitar moderadores del Linktree ^HeRaCLeS^ Septiembre 04, 2013, 01:11:38 pm
Usar Base de Datos en SMF (PHP) lucas-ruroken Septiembre 26, 2010, 04:20:02 am
Tutorial instalar themes en SMF lucas-ruroken Octubre 17, 2009, 01:31:23 pm
Tutorial utilizar SSI (Avanzado) lucas-ruroken Junio 11, 2010, 01:09:59 pm
Como poner un boton de twitter en tu foro lucas-ruroken Enero 02, 2010, 03:50:05 am
[Tip] Solucion error Member Awards V3 ^HeRaCLeS^ Agosto 24, 2014, 09:02:44 pm



Usuario:
Contraseña:
Sesión:
hermes bracelet replica, christian louboutin replica, van cleef and arpels replica, red bottoms replica, cartier love bracelet replica christian louboutin replica, christian louboutin replica, hermes bracelet replica,