Advertisement:

Author Topic: Como crear boton bbcode de descargas!!  (Read 31449 times)

Offline guss!

  • Jr. Member
  • **
  • Posts: 122
    • PiredMex.com
Como crear boton bbcode de descargas!!
« on: September 13, 2008, 09:24:23 AM »
hola!
lo que quiero hacer es copiar por ejemplo el boton de  "citar" o "code" (k dan las funciones k yo kiero, darle estilo a un texto o link) y que ese boton por ejemplo se redondee asi:
[downlink]http://dominio.com/etc.exe[/downlink]
y que al mostrase en el foro se vea con un estilo que ya guarde en el style.css llamado .downlik
en resumen kiero aser la misma funcion del "code" o "citar" solo que con otros estilos..
me explico??
 :D
saludos!
y gracias!!

-------------------------------------------------------------------------
COMO HACERLO EN TU SMF!
Hola veo que a varios les intereso asi que aqui les dejo como hacerlo..

NOTA: HAS UNA COPIA DE TUS ARCHIVOS QUE VAS A EDITAR POR SI ALGO NO SALE BIEN, TRANKILO SOLO ES PRECAUCION

1.- Antes que nada les dire que archivos utilizaran:

-Subs.php (Sources/Sups.php)
-Post.templante.php (Themes/default/Post.templante.php)
-Post.spanish_latin.php (Themes/default/lenguages/Post.spanish_latin.php)

2.- Abres el Post.templante.php y busca este codigo:

Code: [Select]
'flash' => array('code' => 'flash', 'before' => '[flash=200,200]', 'after' => '[/flash]', 'description' => $txt[433]),
'img' => array('code' => 'img', 'before' => '[img]', 'after' => '[/img]', 'description' => $txt[435]),
'url' => array('code' => 'url', 'before' => '[url]', 'after' => '[/url]', 'description' => $txt[257]),
Este pedaso de codigo esta por ai de la linea 780

3.- Colocar ensima de 'flash' => array('code' => 'flash', 'before' => 'http://', 'after' => '', 'description' => $txt[433]), este codigo:
Code: [Select]
'downlinks' => array('code' => 'downlinks', 'before' => '[downlinks]', 'after' => '[/downlinks]', 'description' => $txt[201]), 
El cual nos quedara hasi:
Code: [Select]
         'downlinks' => array('code' => 'downlinks', 'before' => '[downlinks]', 'after' => '[/downlinks]', 'description' => $txt[201]),
'flash' => array('code' => 'flash', 'before' => '[flash=200,200]', 'after' => '[/flash]', 'description' => $txt[433]),
'img' => array('code' => 'img', 'before' => '[img]', 'after' => '[/img]', 'description' => $txt[435]),
'url' => array('code' => 'url', 'before' => '[url]', 'after' => '[/url]', 'description' => $txt[257]),
Listo ya pusimos el boton en le editor!guardamos los cambios. Solo nos hace  falta la funcion y el estilo.

4.- Ahora a abrimos el archivo Subs.php y buscamos este codigo:

Code: [Select]
array(
'tag' => 'quote',
'type' => 'parsed_equals',
'before' => '<div class="quoteheader">' . $txt['smf239'] . ': $1</div><div class="quote">',
'after' => '</div>',
'quoted' => 'optional',
'block_level' => true,
),
Este pedaso esta por ai de la linea 1454

Luego colocamos ensima de ese codigo lo sigiente:
Code: [Select]
array(
'tag' => 'downlinks',
'before' => '<div class="downlinks">',
'after' => '</div>',
'block_level' => true,
),

Y nos quedara hasi:
Code: [Select]
array(
'tag' => 'downlinks',
'before' => '<div class="downlinks">',
'after' => '</div>',
'block_level' => true,
),
array(
'tag' => 'quote',
'type' => 'parsed_equals',
'before' => '<div class="quoteheader">' . $txt['smf239'] . ': $1</div><div class="quote">',
'after' => '</div>',
'quoted' => 'optional',
'block_level' => true,
),
Listo! ya casi lo hemos hecho todo! (Guardamos los cambios)

5.- Abrimos el Post.spanish_latin.php y busca este codigo:
Code: [Select]
// Escape any single quotes in here twice.. 'it\'s' -> 'it\\\'s'.
$txt[260] = 'Insertar Cita';
$txt[261] = 'Insertar Lista';

Colocamos este codigo:
Code: [Select]
$txt[201] = 'Downlinks! - Coloca tus links de descargar con este boton';
;
entre los dos.

Y nos quedara haci:

Code: [Select]
// Escape any single quotes in here twice.. 'it\'s' -> 'it\\\'s'.
$txt[260] = 'Insertar Cita';
$txt[201] = 'Downlinks! - Coloca tus links de descargar con este boton';
$txt[261] = 'Insertar Lista';

5.- Ahora lo que biene aorita es lo mas bello, el diseño del "div" pues yo ise ese ya que tengo algo de conocimientos en css y photoshop. pero ustedes pueden hacer otro aki les dejo como hacerlo y algunas explicaciones mas no el mismo diseño que el mio, e incluso pueden hacer mejores o hacer para lo k lo neseciten..

background:
(edita el fondo del div sea imagen o color se puede los dos)
background-position: (da la posicion del la imagen de fondo si esque la hay)
text-align: left; (edita la posocion del texto dentro de div)
padding: (es el que deja espacios entre el borde y el contenido, puedes usar el padding-left: padding-right: padding-top: y padding-bottom:
border-top: (Edita el grosor y el color del borde superior)
border-bottom: (Edita el grosor y el color del borde inferior)
color:#000000;

Y para usarlo qudaria haci: (Actualizado)
Code: [Select]
.downlinks
{
background: #fbffee url(images/downlinks.gif) center no-repeat;
background-position: 5px 2px; /* x-pos y-pos */
text-align: left;
padding-left: 80px;
padding-right: 15px;
padding-top: 35px;
padding-bottom: 5px;
border-top: 1px solid #1e9f00;
border-right: 1px solid #1e9f00;
border-left: 1px solid #1e9f00;
border-bottom: 1px solid #1e9f00;
color:#000000;
width: 70%;
}

Listo ya esta todo! solo les falta el boton a mostrar en el editor para eso debe guardar el boton el siguiente direccion:

Themes/tutema/images/bbc/downlinks.gif


SI NECESITAN AYUDA CON EL ESTILO DE SU DIV PUEDEN PEDIR AYUDA.
Cualquier otra cosa tambien!

Saludos! y espero les sirva ya que ami me ayuda mucho!

 ;D


« Last Edit: October 15, 2008, 04:37:33 PM by tavmarin »
PiredMex.com - Descarga, descubre, comparte..
Aportes:

UserPC traducido - Downlinks! Boton BBC - ayuda con otros!

Offline ElDon

  • Sophist Member
  • *****
  • Posts: 1,219
  • Gender: Male
  • Smf + Smf
    • Posicionamiento Web
Re: Como crear boton bbcode de descargas!!
« Reply #1 on: September 13, 2008, 09:33:29 AM »
si lo has visto por ahi pon una pantalla porque no se entiende bien la pregunta...
***NUEVO*** 2,500 Vistas Youtube!!! [PREGUNTAS?]
Posicionamiento SEO
Necesitas Comprar Trafico?
Descarga Nuestro Reporte SEO Gratis!!!

Offline guss!

  • Jr. Member
  • **
  • Posts: 122
    • PiredMex.com
Re: Como crear boton bbcode de descargas!!
« Reply #2 on: September 13, 2008, 02:57:43 PM »
Solucionado!!!

gracias a los k me ayudaron!
aki les dejo un pantallazo de como me kedo..


(agan click en la imagen para verla completa)



saludos! atodos"  :D

PiredMex.com - Descarga, descubre, comparte..
Aportes:

UserPC traducido - Downlinks! Boton BBC - ayuda con otros!

Offline ElDon

  • Sophist Member
  • *****
  • Posts: 1,219
  • Gender: Male
  • Smf + Smf
    • Posicionamiento Web
Re: Como crear boton bbcode de descargas!!
« Reply #3 on: September 13, 2008, 02:59:39 PM »
Ok solo falta que le pongas al topico [SOLUCIONADO] asi sabran que esta solucionado el topico, tambien es bueno para ayudar a otros a saber como lo hiciste asi vendrian mas ideas tambien ;D
***NUEVO*** 2,500 Vistas Youtube!!! [PREGUNTAS?]
Posicionamiento SEO
Necesitas Comprar Trafico?
Descarga Nuestro Reporte SEO Gratis!!!

Offline guss!

  • Jr. Member
  • **
  • Posts: 122
    • PiredMex.com
Re: Como crear boton bbcode de descargas!!
« Reply #4 on: September 13, 2008, 03:02:48 PM »
CLARO QUE LO COMPARTIRE, AORITA SALDRE DE MI CASA PERO EN CUANTO LLEGE LES EXPLICARE LO QUE ISE!

 ;D
PiredMex.com - Descarga, descubre, comparte..
Aportes:

UserPC traducido - Downlinks! Boton BBC - ayuda con otros!

Offline ElDon

  • Sophist Member
  • *****
  • Posts: 1,219
  • Gender: Male
  • Smf + Smf
    • Posicionamiento Web
Re: Como crear boton bbcode de descargas!!
« Reply #5 on: September 13, 2008, 03:14:15 PM »
Bueno gracias jejej pero las mayusculas :D, eso se llama ayudar y ser ayudado asi se hace amigo.
***NUEVO*** 2,500 Vistas Youtube!!! [PREGUNTAS?]
Posicionamiento SEO
Necesitas Comprar Trafico?
Descarga Nuestro Reporte SEO Gratis!!!

Offline josan

  • Full Member
  • ***
  • Posts: 465
  • Gender: Male
    • posiblehost on Facebook
    • @PosibleHOST on Twitter
    • PosibleHost
Re: Como crear boton bbcode de descargas!!
« Reply #6 on: September 13, 2008, 09:00:37 PM »
y...........como lo hizo, no dice cmo, ya seguro muchos lo querran tener entre ellos yo  ;D

PosibleHost.Com » Proudly serving websites since 2009.
Shared Hosting » Reseller Hosting » VPS Servers. At An Affordable Price.
English and Spanish 24/7 Support Staff!

Offline ElDon

  • Sophist Member
  • *****
  • Posts: 1,219
  • Gender: Male
  • Smf + Smf
    • Posicionamiento Web
Re: Como crear boton bbcode de descargas!!
« Reply #7 on: September 13, 2008, 09:16:44 PM »
Jejej si hable con el, lo que pasa es que no estara hoy pero me dijo que lo pondra, asi es que siempre hacemos los buenos chicos de smf :D
***NUEVO*** 2,500 Vistas Youtube!!! [PREGUNTAS?]
Posicionamiento SEO
Necesitas Comprar Trafico?
Descarga Nuestro Reporte SEO Gratis!!!

Offline guss!

  • Jr. Member
  • **
  • Posts: 122
    • PiredMex.com
Re: Como crear boton bbcode de descargas!!
« Reply #8 on: September 14, 2008, 04:42:20 PM »
Aqui podran ver k es lo k keria hacer en mi smf:
http://www.simplemachines.org/community/index.php?topic=261650.0

Haci se me quedo ami:

(agan click en la imagen para verla completa)
-------------------------------------------------------------------------
COMO HACERLO EN TU SMF!

Hola veo que a varios les intereso asi que aqui les dejo como hacerlo..

NOTA: HAS UNA COPIA DE TUS ARCHIVOS QUE VAS A EDITAR POR SI ALGO NO SALE BIEN, TRANKILO SOLO ES PRECAUCION

1.- Antes que nada les dire que archivos utilizaran:

-Subs.php (Sources/Sups.php)
-Post.templante.php (Themes/default/Post.templante.php)
-Post.spanish_latin.php (Themes/default/lenguages/Post.spanish_latin.php)

2.- Abres el Post.templante.php y busca este codigo:

Code: [Select]
'flash' => array('code' => 'flash', 'before' => '[flash=200,200]', 'after' => '[/flash]', 'description' => $txt[433]),
'img' => array('code' => 'img', 'before' => '[img]', 'after' => '[/img]', 'description' => $txt[435]),
'url' => array('code' => 'url', 'before' => '[url]', 'after' => '[/url]', 'description' => $txt[257]),
Este pedaso de codigo esta por ai de la linea 780

3.- Colocar ensima de 'flash' => array('code' => 'flash', 'before' => 'http://', 'after' => '', 'description' => $txt[433]), este codigo:
Code: [Select]
'downlinks' => array('code' => 'downlinks', 'before' => '[downlinks]', 'after' => '[/downlinks]', 'description' => $txt[201]), 
El cual nos quedara hasi:
Code: [Select]
         'downlinks' => array('code' => 'downlinks', 'before' => '[downlinks]', 'after' => '[/downlinks]', 'description' => $txt[201]),
'flash' => array('code' => 'flash', 'before' => '[flash=200,200]', 'after' => '[/flash]', 'description' => $txt[433]),
'img' => array('code' => 'img', 'before' => '[img]', 'after' => '[/img]', 'description' => $txt[435]),
'url' => array('code' => 'url', 'before' => '[url]', 'after' => '[/url]', 'description' => $txt[257]),
Listo ya pusimos el boton en le editor!guardamos los cambios. Solo nos hace  falta la funcion y el estilo.

4.- Ahora a abrimos el archivo Subs.php y buscamos este codigo:

Code: [Select]
array(
'tag' => 'quote',
'type' => 'parsed_equals',
'before' => '<div class="quoteheader">' . $txt['smf239'] . ': $1</div><div class="quote">',
'after' => '</div>',
'quoted' => 'optional',
'block_level' => true,
),
Este pedaso esta por ai de la linea 1454

Luego colocamos ensima de ese codigo lo sigiente:
Code: [Select]
array(
'tag' => 'downlinks',
'before' => '<div class="downlinks">',
'after' => '</div>',
'block_level' => true,
),

Y nos quedara hasi:
Code: [Select]
array(
'tag' => 'downlinks',
'before' => '<div class="downlinks">',
'after' => '</div>',
'block_level' => true,
),
array(
'tag' => 'quote',
'type' => 'parsed_equals',
'before' => '<div class="quoteheader">' . $txt['smf239'] . ': $1</div><div class="quote">',
'after' => '</div>',
'quoted' => 'optional',
'block_level' => true,
),
Listo! ya casi lo hemos hecho todo! (Guardamos los cambios)

5.- Abrimos el Post.spanish_latin.php y busca este codigo:
Code: [Select]
// Escape any single quotes in here twice.. 'it\'s' -> 'it\\\'s'.
$txt[260] = 'Insertar Cita';
$txt[261] = 'Insertar Lista';

Colocamos este codigo:
Code: [Select]
$txt[201] = 'Downlinks! - Coloca tus links de descargar con este boton';
;
entre los dos.

Y nos quedara haci:

Code: [Select]
// Escape any single quotes in here twice.. 'it\'s' -> 'it\\\'s'.
$txt[260] = 'Insertar Cita';
$txt[201] = 'Downlinks! - Coloca tus links de descargar con este boton';
$txt[261] = 'Insertar Lista';

5.- Ahora lo que biene aorita es lo mas bello, el diseño del "div" pues yo ise ese ya que tengo algo de conocimientos en css y photoshop. pero ustedes pueden hacer otro aki les dejo como hacerlo y algunas explicaciones mas no el mismo diseño que el mio, e incluso pueden hacer mejores o hacer para lo k lo neseciten..

background:
(edita el fondo del div sea imagen o color se puede los dos)
background-position: (da la posicion del la imagen de fondo si esque la hay)
text-align: left; (edita la posocion del texto dentro de div)
padding: (es el que deja espacios entre el borde y el contenido, puedes usar el padding-left: padding-right: padding-top: y padding-bottom:
border-top: (Edita el grosor y el color del borde superior)
border-bottom: (Edita el grosor y el color del borde inferior)
color:#000000;

Y para usarlo qudaria haci:
Code: [Select]
.downlinks
 {
background: #000000 url(images/downlinks.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
color:#000000;
}

Listo ya esta todo! solo les falta el boton a mostrar en el editor para eso debe guardar el boton el siguiente direccion:

Themes/tutema/images/bbc/downlinks.gif


SI NECESITAN AYUDA CON EL ESTILO DE SU DIV PUEDEN PEDIR AYUDA.
Cualquier otra cosa tambien!

Saludos! y espero les sirva ya que ami me ayuda mucho!

 ;D


« Last Edit: September 14, 2008, 09:21:07 PM by tavmarin »
PiredMex.com - Descarga, descubre, comparte..
Aportes:

UserPC traducido - Downlinks! Boton BBC - ayuda con otros!

Offline HotJoint

  • SMF Hero
  • ******
  • Posts: 3,697
  • Gender: Male
  • Visita HotJoint.me
    • @HotJoint on Twitter
    • Blog
Re: Como crear boton bbcode de descargas!!
« Reply #9 on: September 14, 2008, 04:46:47 PM »
Buen aporte muchas gracias
Mi blog personal: HotJoint

Offline guss!

  • Jr. Member
  • **
  • Posts: 122
    • PiredMex.com
Re: Como crear boton bbcode de descargas!!
« Reply #10 on: September 14, 2008, 04:59:58 PM »
de naa!

saludos!

PiredMex.com - Descarga, descubre, comparte..
Aportes:

UserPC traducido - Downlinks! Boton BBC - ayuda con otros!

Offline ElDon

  • Sophist Member
  • *****
  • Posts: 1,219
  • Gender: Male
  • Smf + Smf
    • Posicionamiento Web
Re: Como crear boton bbcode de descargas!!
« Reply #11 on: September 14, 2008, 05:40:31 PM »
jeje yo sabia que volverias jejeje, bueno que bien Felicitaciones hermano, y  gracias por aportar este boton ;D
***NUEVO*** 2,500 Vistas Youtube!!! [PREGUNTAS?]
Posicionamiento SEO
Necesitas Comprar Trafico?
Descarga Nuestro Reporte SEO Gratis!!!

Offline NicKCramleT

  • Jr. Member
  • **
  • Posts: 258
  • Gender: Male
  • Administrando Down-ALL
    • Comunidad de Foros Down-ALL
Re: Como crear boton bbcode de descargas!!
« Reply #12 on: September 14, 2008, 05:43:53 PM »
excelente aporte, de verdad muy bueno... hace tiempo keria hacer algo asi!!! fue tremenda idea... aunke siempre uno con el facilismo y la broma... no podrian hacer un paquete de esto para instalarlo y no tener q modificar mis archivos?? desde ya muchas gracias y disculpen las molestias
Comunidad Down-ALL ONLINE!!!
www.downallnow.com

Aportes:

Favicon sin Mod
Traducir MODs

Offline guss!

  • Jr. Member
  • **
  • Posts: 122
    • PiredMex.com
Re: Como crear boton bbcode de descargas!!
« Reply #13 on: September 14, 2008, 05:45:35 PM »
jej con mucho gusto!

estaria bueno lo del mod.. jeje

bueno espero les sirva.. y pues por ai tengo otro aporte..

la traduccion del UserCP...
http://www.simplemachines.org/community/index.php?topic=252139.0

lo recomiendo tambien..

saludos!
 ;D
PiredMex.com - Descarga, descubre, comparte..
Aportes:

UserPC traducido - Downlinks! Boton BBC - ayuda con otros!

Offline ElDon

  • Sophist Member
  • *****
  • Posts: 1,219
  • Gender: Male
  • Smf + Smf
    • Posicionamiento Web
Re: Como crear boton bbcode de descargas!!
« Reply #14 on: September 14, 2008, 05:50:26 PM »
Si creo que lo vi antes ese post, esta muy bueno, nada aver cuando te animas a ponerlo en mod si gustas claro, pero de momento esta super super no hay problemas :D
***NUEVO*** 2,500 Vistas Youtube!!! [PREGUNTAS?]
Posicionamiento SEO
Necesitas Comprar Trafico?
Descarga Nuestro Reporte SEO Gratis!!!

Offline NicKCramleT

  • Jr. Member
  • **
  • Posts: 258
  • Gender: Male
  • Administrando Down-ALL
    • Comunidad de Foros Down-ALL
Re: Como crear boton bbcode de descargas!!
« Reply #15 on: September 14, 2008, 05:53:28 PM »
weno yo soy uno q poya la conversion a mod de ésto!! porq de verdad esta geniall...
Comunidad Down-ALL ONLINE!!!
www.downallnow.com

Aportes:

Favicon sin Mod
Traducir MODs

Offline guss!

  • Jr. Member
  • **
  • Posts: 122
    • PiredMex.com
Re: Como crear boton bbcode de descargas!!
« Reply #16 on: September 14, 2008, 05:54:27 PM »
ai se lo dejamos algun moderador que lo rebice y si lo considera que nos apoyara...

 :D
PiredMex.com - Descarga, descubre, comparte..
Aportes:

UserPC traducido - Downlinks! Boton BBC - ayuda con otros!

Offline ElDon

  • Sophist Member
  • *****
  • Posts: 1,219
  • Gender: Male
  • Smf + Smf
    • Posicionamiento Web
Re: Como crear boton bbcode de descargas!!
« Reply #17 on: September 14, 2008, 05:56:22 PM »
si ya veras que si, es algo bueno y para futuras modificaciones tambien
***NUEVO*** 2,500 Vistas Youtube!!! [PREGUNTAS?]
Posicionamiento SEO
Necesitas Comprar Trafico?
Descarga Nuestro Reporte SEO Gratis!!!

Offline Gonzalo

  • Jr. Member
  • **
  • Posts: 248
  • Gender: Male
    • Mi Forum
Re: Como crear boton bbcode de descargas!!
« Reply #18 on: September 14, 2008, 07:25:21 PM »
Amigo, podrias pasarme el proyecto del Adobe Photoshop (el psd)? o sino ya la imagen echa en jpg? por que no se me da idea como hacerla!

Offline MrXHonduras

  • Semi-Newbie
  • *
  • Posts: 27
  • Gender: Male
Re: Como crear boton bbcode de descargas!!
« Reply #19 on: September 21, 2008, 11:24:39 AM »
y el estilo del DIV donde se modifica? ... sera en el Style.css ??

Salu2
| Votar Es Agradecer... VOTA AQUI | Ayudarme a Ganar Puntos |

Dios  Librame De Los Hipócritas... Que De Los Bocones Me Encargo Yo !!!