Buenos días, como se puede apreciar en la página en el menú horizontal superior, me gustaría que las líneas que sobrepasan tanto de derecha a izquierda del bloque no sobrepasen dicho bloque y al mismo tiempo redondear los bordes del menú, es decir, dejar un menú superior con los cuatro bordes redondeados no los bordes de cada sección sino en general.
Sé que es con el border-radius: 10 px, donde el 10 la cantidad que tú quieras, pero no sé exactamente dónde aplicarlo, lo pruebo con el firebug, y no logro ponerlo.
Y hacer lo mismo en los bloques.
Gracias
URL del sitio: Contenido solo visible a usuarios registrados
Hola Oscar.
Edita el archivo customuser.css que encontraras en la ruta themes/Amaltea/css/customuser.css y añade lo siguiente:
#menu-bar { border-bottom:none; border-top:none; } .sf-menu > li:first-child { border-left: none; } .sf-menu > li { border-right: none; float: left; margin-bottom: 0; } .sf-menu > li > a { background-color: #181818; border-radius: 5px; color: #fff; font-weight: bold!important; margin-right: 5px; }
Revisa si ese el resultado que buscabas.
Un Saludo
Buenas, genial, como siempre....he añadido un poco de mi cosecha y me gusta el resultado, un poco mas de limar y listo, muchas gracias, ahora estoy investigando el redondeo de los bloques y me he dado cuenta que poniendo border-radius 10px;... en el global, me lo redondea todo, pero no se, lo mirare, gracias...
si tienes alguna sugerencia, pues por aqui estoy, para no tocar todos los bloques, solo el de busqueda.
Hola Oscar.
No me queda claro que es lo que quieres, entiendo que quieres modificar la celda del buscador, si es así, añade lo siguiente:
.form-control { border-radius: 5px; } #search_button { margin-top:-45px; border-radius:5px; }
Si lo que quieres es el titulo, añade lo siguiente:
#search_block_left .title_block { border-radius:5px; }
Por cierto, revisa el ultimo código que añadiste en el archivo customuser ya que te falta cerrarlo con el corchete }
Un saludo
Buenas, gracias por la advertencia, precisamente sobre ese ultimo bloque me gustaria comentar, esta bien añadido? ya que he puesto todo segun me daba el Firebug, y lo mismo solo vale poner alguna parte, no se si me explico, lo he copiado directamente y modifique el color, y asi lo meti, y funciona.
Sobre los codigos que me envias es mas o menos, seria bordearlo todo desde el bloque del buscador a las celdas de los productos, por eso lo de que estaba mirandolo, ya que añadiendo el border-radius donde te dije, se modificaba todo al mismo tiempo, pero no me ha dado tiempo a mirarlo bien y comentar, solo lo probé en el firebug.
Cuando lo tenga te comento porque seguro tendre que depurarlo.
EDITO:
Esto es lo que he añadido en el custom:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border-radius:15px;
}
Poniendo esto me ha redondeado todos los bordes al tiempo, este bien? o tengo que poner o quitar algo?, que te parece?
EDITO2:
Me he dado cuenta de unos pequeños detalles, se aprecia en la captura.
Fondo de las palabras, añadir al carrito, ver mas promociones, y la lupa del buscador.
Se ve, no?, como lo quitaria?
Hola Oscar.
Bueno es una opción, es un código muy genérico y te realizara bordes a todo, si es eso lo que buscas pues nada ya lo tienes, me parece perfecto 😉
Un saludo
Buenas, y como quitaria lo que pongo en el anterior msj?, en....EDITO2?
Hola Oscar.
Supongo que te refieres al fondo negro.
Prueba añadiendo lo siguiente:
.btn-default { border-color:transparent; background-color:transparent; } .button.button-small { border-color:transparent; background-color:transparent; }
Un saludo
Muchas gracias, perfecto.
Una vez mas, lo mejor de lo mejor.
Hola Oscar.
Genial !!!!! poco a poco como a ti te gusta 😉
Ya sabes, cualquier consulta que tengas no dudes en comunicarlo.
Cerramos el tema.
Un saludo