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: