News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

Como crear boton bbcode de descargas!!

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

Previous topic - Next topic

guss!

Quote from: MrXHonduras on September 21, 2008, 11:24:39 AM
y el estilo del DIV donde se modifica? ... sera en el Style.css ??

Salu2

si amigo ai mismo..

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

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

4Kstore


¡¡NEW MOD: Sparkles User Names!!!

matasanos

gracias!!!!

lo podrias pasar a mods y cambiar el titulo
te quedo perfecto

Drogocop

Coincido con Gonzalo, si puedieras dejar la img del boton BBC, y la img/psd del marco que dice "Links de descarga" te agradesco.

Muy buen aporte. Felisitaciones

guss!

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

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

RMX100

Quote5.- 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;
}

Donde encuentro esta Parte ???


Sacale el jugo a tu NOKIA!!. Usalo al 100%; encuentra aqui muchas opciones para tu movil; Juegos, Aplicaciones, Tutoriales, Hacks.Y con Seccion GPS, Secion N-GAGE Etc Etc , ENTRA!! ;)

HotJoint


guss!

en el style.css de tu theme debes agregar ese estilo el ".downlinks"
solo copia y pega este codigo en tu style.css

.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 solo te falta la imagen:



http://piredmex.com/images/bagde-title.png

que debes subir a tu theme/images/..

saludos!


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

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

RMX100

Gracias man La verda Muy Bueno ya esta Funcionando al 100% en mi web solo faltaria una imagen para el boton bbc no se si esa la podrias compartir..


Sacale el jugo a tu NOKIA!!. Usalo al 100%; encuentra aqui muchas opciones para tu movil; Juegos, Aplicaciones, Tutoriales, Hacks.Y con Seccion GPS, Secion N-GAGE Etc Etc , ENTRA!! ;)

guss!

Quote from: RMX100 on October 11, 2008, 11:46:30 AM
Gracias man La verda Muy Bueno ya esta Funcionando al 100% en mi web solo faltaria una imagen para el boton bbc no se si esa la podrias compartir..

Listo ai te dejo la imagen amigo!
saludos!
PiredMex.com - Descarga, descubre, comparte..
Aportes:

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

RMX100

Quote from: tavmarin on October 11, 2008, 01:54:38 PM
Quote from: RMX100 on October 11, 2008, 11:46:30 AM
Gracias man La verda Muy Bueno ya esta Funcionando al 100% en mi web solo faltaria una imagen para el boton bbc no se si esa la podrias compartir..

Listo ai te dejo la imagen amigo!
saludos!

Listo gracias man funciona al 100% gracias por campartir el boton bbc


Sacale el jugo a tu NOKIA!!. Usalo al 100%; encuentra aqui muchas opciones para tu movil; Juegos, Aplicaciones, Tutoriales, Hacks.Y con Seccion GPS, Secion N-GAGE Etc Etc , ENTRA!! ;)

guss!

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

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

Carlos1

hola tengo un problema, hice todo el tutorial, pero me sale asi



http://img184.imageshack.us/img184/1724/dibujofh1.png

edite mi style.css y lo tengo asi

.downlinks
{
background: #ffffff 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;
}


me ayudan por favor


guss!

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

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


puchitus


Drogocop

Muy bueno che.. gracias por compartir!

Mira, te muestro este problema, que veo que no me quedo como en la foto que posteaste.


awek

#38
Usa este en tu style.css:

.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%;

Drogocop

Quote from: Seba! on October 12, 2008, 01:53:01 AM
Usa este en tu style.css:

.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%;


Una manteca!!!
Gracias pa, con ese link funciona bien

Advertisement: