angelac Posted July 7, 2014 Share Posted July 7, 2014 Hola a todos. Quisiera poner un marco o borde, a ser posible con sombra (si puede ser, si no, no pasa nada) a todo el theme y por otro lado, solo a la ficha del articulo. Una vez vea como quedan los dos, decidiria donde dejarlo. Alguien puede ayudarme? Muchas gracias Link to comment Share on other sites More sharing options...
lastapril Posted July 7, 2014 Share Posted July 7, 2014 puedes poner url de tu web? Link to comment Share on other sites More sharing options...
angelac Posted July 7, 2014 Author Share Posted July 7, 2014 SI, claro. www.milregalos.es Link to comment Share on other sites More sharing options...
lastapril Posted July 7, 2014 Share Posted July 7, 2014 Hola, en global.css linea 41 dejalo asi -webkit-box-shadow: -3px 1px 37px 11px rgba(0,0,0,0.75); -moz-box-shadow: -3px 1px 37px 11px rgba(0,0,0,0.75); box-shadow: -3px 1px 37px 11px rgba(0,0,0,0.75); el rgb cambialo por el color que quieras Link to comment Share on other sites More sharing options...
angelac Posted July 7, 2014 Author Share Posted July 7, 2014 Hola de nuevo. He probado tanto a insertar en la linea 41 el codigo que me has proporcionado como a sustituirlo por lo que ahora hay, pero ninguna de las 2 opciones ha hecho nada. Que puedo estar haciendo mal? Si me puedes poner como esta ahora y como debe quedar... Gracias Link to comment Share on other sites More sharing options...
JuDrYa Posted July 8, 2014 Share Posted July 8, 2014 Para el theme (como dice el compi lastapril) Hola, en global.css linea 41 dejalo asi -webkit-box-shadow: -3px 1px 37px 11px rgba(0,0,0,0.75); -moz-box-shadow: -3px 1px 37px 11px rgba(0,0,0,0.75); box-shadow: -3px 1px 37px 11px rgba(0,0,0,0.75); el rgb cambialo por el color que quieras ... no ves nada porque tienes que añadir tambien la linea... border: 2px #000000 solid; Para la ficha de los productos, te quedaria mal, ya que pega una ficha con otra. Aparte de hacerle lo de arriba a los productos deberias de añadirle un margen entre uno y otro. Link to comment Share on other sites More sharing options...
angelac Posted July 8, 2014 Author Share Posted July 8, 2014 Disculpad ni ignorancia pero sigo sin verlo. Ahora está así, como debo dejarlo? #page {} #header {z-index:10} #columns {z-index:1} #left_column {} #center_column {} #right_column {} #footer {} Link to comment Share on other sites More sharing options...
JuDrYa Posted July 8, 2014 Share Posted July 8, 2014 (edited) Esta asi.... #page { } Dejalo asi... #page { border: 2px #000000 solid; -webkit-box-shadow: -3px 1px 37px 11px rgba(0,0,0,0.75); -moz-box-shadow: -3px 1px 37px 11px rgba(0,0,0,0.75); box-shadow: -3px 1px 37px 11px rgba(0,0,0,0.75); } Border 2px =========> grosor del borde #000000 =====> color del borde (http://www.w3schools.com/cssref/css_colornames.asp) solid ========> borde solido(http://www.w3schools.com/css/css_border.asp) Sombras rgba(0,0,0,0.75) =====> (http://3con14.info/codigo_web/imagen_adornos.html) Edited July 8, 2014 by JuDrYa (see edit history) Link to comment Share on other sites More sharing options...
lastapril Posted July 8, 2014 Share Posted July 8, 2014 (edited) Solo con el codigo que te pase funciona miralo en la captura que adjunto. Comprueba en rendimiento que has forzado la compilacion y vacia cache Edited July 8, 2014 by lastapril (see edit history) Link to comment Share on other sites More sharing options...
angelac Posted July 8, 2014 Author Share Posted July 8, 2014 Ahora si, muchas gracias !! Al final le he quitado la sombra aunque iré haciendo pruebas. Hay algo que no me acaba de gustar. Hay forma de que el borde este 1 mm separado hacia afuera, de forma que no esten todos los textos e imagenes pegados a él? Link to comment Share on other sites More sharing options...
lastapril Posted July 8, 2014 Share Posted July 8, 2014 en la misma linea 41 añade esto padding: 10px; lepuedes poner tu el valor que quieras Link to comment Share on other sites More sharing options...
angelac Posted July 8, 2014 Author Share Posted July 8, 2014 Lo tengo. He añadido padding: 18px; y listo. Una ultima cosa. Es posible ensanchar barra de menus superior hasta llegar al nuevo borde (derecha e izquierda?? Y la barra de productos destacados hacia la derecha? Link to comment Share on other sites More sharing options...
lastapril Posted July 8, 2014 Share Posted July 8, 2014 (edited) float: left; margin-bottom: 1em; width: 104%; ; Para el menu modifica el superfish-modified.css en la linea 70 i dejala como esta arriba en el codigo Edited July 8, 2014 by lastapril (see edit history) Link to comment Share on other sites More sharing options...
lastapril Posted July 8, 2014 Share Posted July 8, 2014 Para los productos has de cambiar dos archivos primero el homefeatured.css linea 1 dejala asi #featured-products_block_center li { padding: 10px 15px 5px 0px; width: 138px; height: 300px; } y ahora en el global css la linea 304 asi .products_block { width: 776px; } Link to comment Share on other sites More sharing options...
angelac Posted July 8, 2014 Author Share Posted July 8, 2014 (edited) Podrias indicarme donde se encuentra ese archivo? el superfish-modified.css Edited July 8, 2014 by angelac (see edit history) Link to comment Share on other sites More sharing options...
JuDrYa Posted July 8, 2014 Share Posted July 8, 2014 modules/blocktopmenu/css/... Link to comment Share on other sites More sharing options...
lastapril Posted July 8, 2014 Share Posted July 8, 2014 modules/blocktopmenu/css Link to comment Share on other sites More sharing options...
angelac Posted July 8, 2014 Author Share Posted July 8, 2014 No me ha funcionado ninguna de las 2 modificaciones. La de la barra de menus, solo aumentaba el tamaño por la derecha y se salia del marco. La de los productos destacados me descuadraba los articulos. En este punto, comentar que lo unico que quiero es que quede por la derecha la misma distancia hasta el marco que el bloque de categorias tiene a su izquierda hasta el marco. Gracias, siento ser tan pesado Link to comment Share on other sites More sharing options...
lastapril Posted July 8, 2014 Share Posted July 8, 2014 global css line 296 .products_block { margin-right: -23px; } Link to comment Share on other sites More sharing options...
Recommended Posts