Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..
Buenas tardes, queria el codigo de hacer esto, un ejemplo http://rol4us.blogspot.com/p/afiliados-silver.html
Quiero seguir este tutorial, pero no se donde esta el CSS, para poder colocar el codigo y que me salga asi, donde debo de colgarlo?
INTRODUCCIÓN
Este metodo será útil para dos clases de personas:
La primera, que está CANSADA de repetir las medidas admitidas para sus afiliados y no le hacen ni un poco de caso.
La segunda, será aquella que quiera mantener la estética en sus afiliados y que todos destaquen de un modo bonito, además de ordenado.
Yo, sinceramente, soy un todo de las dos opciones xD Así que comencemos : D
¡TODO ES CSS!
Si ya vieron el preview, se darán cuenta que las medidas de los botones se redimensionan automáticamente, así como también se les agrega un borde, sombra y opacidad. Para poder lograrlo necesitamos ir al CSS de nuestro foro y agregar lo siguiente:
De ese modo creamos una Hoja cascada independiente
PERSONALIZALO TU
Empecemos con lo primerito. Este primer atributo sirve para preparar la nueva presentación de los botones.
a.afiliados img { -moz-opacity:1.0; >> Modifica la opacidad. En caso de querer una imagen realmente opaca, debes cambiar el valor por 0.5. opacity:1.0; >> Modifica la opacidad. En caso de querer una imagen realmente opaca, debes cambiar el valor por 0.5. -khtml-opacity: 1.0; >> Modifica la opacidad. En caso de querer una imagen realmente opaca, debes cambiar el valor por 0.5. -moz-box-shadow : 0 0 10px #2E2E2E; >> Puedes cambiar el color de la sombra. -webkit-box-shadow: 0 0 10px #2E2E2E;Puedes cambiar el color de la sombra. width:100px; >> El ancho de la imagen a redimensionar height:35px; >> La altura de la imagen a redimensionar border:3pxsolid#D2D2D2;
>> Define el grosor del borde
>> Define el tipo de borde (ejemplos: double, dashed, dotted).
>> El color del borde.
}
El siguiente será el efecto del "hover" (cuando el curso está sobre la imagen). Para lograr los botones luzcan como si se hundieran, bastara con modificar el valor de la sombra a cero. Tambien reduje la opacidad de los atributos correspondientes a la mitad.
a.afiliados:hover img {
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5; -moz-box-shadow : 0 0 0px #2E2E2E;
-webkit-box-shadow : 0 0 0px #2E2E2E; width: 100px; height: 35px; >> Recuerda que aqui tambien debes agregar los valores de la imagen, porque sino al posicionar el puntero sobre la image, ésta volverá a su tamaño original y perderá el encanto.
border: 3px solid #D2D2D2;}
CÓDIGO FINAL
Cada vez que añadas un nuevo afiliado, debes utilizar este código.
con eso podrá susar esa clase css en cualquier parte de tu foro.
Última edición por memoadian el 15 Ago 2011, 00:44, editado 1 vez en total.
Datos de soporte URL: http://manganimemas.com/foro Versión phpBB: phpBB3 (3.0.9) MODs Instalados: Advertisement management, Jquery quick edit, Block foro externo, Reimg image resizer, PhpbbSEO, Multi race ranks, Auto backup, Multiple ranks, phpbb-seo dynamic meta tags, breizh ajax checks, barra de mitch, Imágen campos personalizados, centrar avatar, full quick reply editor, ign style colored names, perfil a la izquierda, nv newspage, phpbb security, prime links, smilie creator, user ranks progresion bar, buttons menu, prime notify,
Plantilla(s) usada(s): prosilver Servidor: Pago Actualización desde otra versión: si Conversión desde otro sistema de foros: no
__________________________________________________________________________________________________ Instalo mods Administrador de manganimemas.
__________________________________________________________________________________________________
Es necesario hacerlo por ftp para que no tengas problemas, y la carpeta theme esta dentro de la plantilla, de hecho yo puedo verla desde tu url, buscala bien.
Datos de soporte URL: http://manganimemas.com/foro Versión phpBB: phpBB3 (3.0.9) MODs Instalados: Advertisement management, Jquery quick edit, Block foro externo, Reimg image resizer, PhpbbSEO, Multi race ranks, Auto backup, Multiple ranks, phpbb-seo dynamic meta tags, breizh ajax checks, barra de mitch, Imágen campos personalizados, centrar avatar, full quick reply editor, ign style colored names, perfil a la izquierda, nv newspage, phpbb security, prime links, smilie creator, user ranks progresion bar, buttons menu, prime notify,
Plantilla(s) usada(s): prosilver Servidor: Pago Actualización desde otra versión: si Conversión desde otro sistema de foros: no
__________________________________________________________________________________________________ Instalo mods Administrador de manganimemas.
__________________________________________________________________________________________________
la plantilla que usas es prospace y eso deberias saberlo mejor tu que yo
y recuerda que siempre debes editar tus plantillas directamente en los archivos. y despues subirlos al servidor.
Datos de soporte URL: http://manganimemas.com/foro Versión phpBB: phpBB3 (3.0.9) MODs Instalados: Advertisement management, Jquery quick edit, Block foro externo, Reimg image resizer, PhpbbSEO, Multi race ranks, Auto backup, Multiple ranks, phpbb-seo dynamic meta tags, breizh ajax checks, barra de mitch, Imágen campos personalizados, centrar avatar, full quick reply editor, ign style colored names, perfil a la izquierda, nv newspage, phpbb security, prime links, smilie creator, user ranks progresion bar, buttons menu, prime notify,
Plantilla(s) usada(s): prosilver Servidor: Pago Actualización desde otra versión: si Conversión desde otro sistema de foros: no
__________________________________________________________________________________________________ Instalo mods Administrador de manganimemas.
__________________________________________________________________________________________________
, cualquier duda, pregunten sin cuidado.
