[SOLUCIONADO] Problema en copiar efecto de un sitio

[mikehove]

Hola amigos. Este es mi proyecto:

[URL="http://jsfiddle.net/hmEHc/9/"]http://jsfiddle.net/hmEHc/9/ [/URL]

Lo que necesito es lograr: el tipo de borde (barra) que separa un link del otro (pareciera que este borde tiene un efecto relieve ) y acomodar mejor el color de fondo donde están los links cómo muestro en esta imagen:



Este es el link de la anterior imagen:

[URL="http://plugins.jquery.com/"]http://plugins.jquery.com/[/URL]

Claro que mi proyecto es para la etiqueta footer html5, y la parte adonde dice "productos" allí aparece arriba las opciones.

Ayuda amigos, porfavor

mikehove.-

[pzin]

El efecto relieve se consigue poniendo dos lineas de color similar al fondo, con diferentes tonalidades siendo una más clara.

Lo del color de fondo no acabo de entederlo.

[mikehove]

Hola Bonez:
Me estas diciendo que el efecto de barra relieve se logra uniendo 2 bordes (1 border-right; 1 border-left;) uno fuerte y otro más claro?

mikehove.-

[memoadian]

si, fijate en el css tiene esto cada li y el ul

Código CSS:

border-left: 1px solid rgba(0, 0, 0, 0.35);
border-right: 1px solid rgba(255, 255, 255, 0.098);
 

[mikehove]

Gracias memoadian! Ahora sí! Gracias por tu valiosa ayuda!

mikehove, saludos!

[pzin]