Como crear boton bbcode de descargas!!

Started by guss!, September 13, 2008, 09:24:23 AM

Previous topic - Next topic

guss!

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:

'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://',%20'after'%20=>%20'', 'description' => $txt[433]), este codigo: 'downlinks' => array('code' => 'downlinks', 'before' => '[downlinks]', 'after' => '[/downlinks]', 'description' => $txt[201]), 
El cual nos quedara hasi:
         '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:

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:
array(
'tag' => 'downlinks',
'before' => '<div class="downlinks">',
'after' => '</div>',
'block_level' => true,
),


Y nos quedara hasi:
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:
// Escape any single quotes in here twice.. 'it\'s' -> 'it\\\'s'.
$txt[260] = 'Insertar Cita';
$txt[261] = 'Insertar Lista';


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

Y nos quedara haci:

// 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)

.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


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

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

ElDon

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!!!

guss!

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!

ElDon

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!!!

guss!

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!

ElDon

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!!!

josan

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!

ElDon

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!!!

guss!

#8
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:

'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://',%20'after'%20=>%20'', 'description' => $txt[433]), este codigo: 'downlinks' => array('code' => 'downlinks', 'before' => '[downlinks]', 'after' => '[/downlinks]', 'description' => $txt[201]), 
El cual nos quedara hasi:
         '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:

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:
array(
'tag' => 'downlinks',
'before' => '<div class="downlinks">',
'after' => '</div>',
'block_level' => true,
),


Y nos quedara hasi:
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:
// Escape any single quotes in here twice.. 'it\'s' -> 'it\\\'s'.
$txt[260] = 'Insertar Cita';
$txt[261] = 'Insertar Lista';


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

Y nos quedara haci:

// 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:
.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


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

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

HotJoint


guss!

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

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

ElDon

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!!!

NicKCramleT

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

guss!

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!

ElDon

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!!!

NicKCramleT

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

guss!

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!

ElDon

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!!!

Gonzalo

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!

MrXHonduras

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 !!!




Advertisement: