| Autor |
Mensaje |
-
liberobberry
Nuevo
|
 07-04-2012, 14:00 (UTC)
Título del mensaje: Bordes Css Design (Resuelto) |
|
|
Re Edito: Explico los 2 problemas
1: Alineacion de titulos con subtitulos del menu vertical
Ejemplo: si se dan cuenta los titulos son:
-Servicios Blackberry
-Liberacion Blackberry
-Accesorios
-Venta Blackberry 8xxx
-Venta Blackberry 9xxx
Subtitulos
-Pasos para liberar
-Colocar codigo MEP2
-Pagos
ETC
Quiero Que el los bordes de los subtitulos y los Titulos esten ALINEADOS
es decir que esten parejos que el borde del titulo no sobre salga de los del subtitulo Si se dan cuenta Los cuadros de titulos Sobre salen como 1cm a la derecha y 1cm a la izquierda del Cuadro de subtitulos, Lo quiero lograr es nivelar eso que esten ALINEADOS
Problema 2
Si se fijan los cuadros de titulos son cuadrados son un simple cuadro de color Marron, quiero Que esos cuadros tengan puntas redondas osea que las 4 esquinas de ese cuadro de color marron sean esquinas redondas no cuadradas
Mejor no me pude explicar
Código: #pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#header {display: none;}
#title {display: none;}
#nav_container {display:none;}
table {margin-left:auto;margin-right:auto;}
body {margin: 0;padding: 0;background: #1B120B;
font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #787878;}
h1, h2, h3 {margin: 0;padding: 0;font-family: Georgia, "Times New Roman";
font-weight: normal;color: #181818;}
h2 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
p, ul, ol {margin-top: 0;line-height: 180%;}
ul, ol {}
a {text-decoration: none;color: #B94E0E;}
a:hover {}
#wrapper {margin: 0 auto;padding: 0;
background: url("http://img.webme.com/pic/c/cssplantillas/bamboo5.jpg") repeat-x left top;}
#head-wrapper {}
#head {width: 960px;height: 240px;margin: 0 auto;
background: url("http://img.webme.com/pic/l/liberobberry/sbb1.jpg") no-repeat left top;}
/* Logo */
#logo {float: left;height: 240px;margin: 0;
padding: 0px;color: #FFFFFF;}
#logo h1, #logo p {margin: 0;padding: 0;}
#logo h1 {float: left;padding-left: 25px;
letter-spacing: -1px;font-size: 2.6em;}
#logo p {float: left;margin: 0;padding: 12px 0 0 10px;
font: normal 14px Georgia, "Times New Roman", Times, serif;font-style: italic;}
#logo a {border: none;background: none;text-decoration: none;color: #FFFFFF;}
#search {float: right;width: 279px;height: 110px;padding: 0;}
#search form {height: 41px;margin: 0;padding: 10px 0 0 30px;}
#search fieldset {margin: 0;padding: 0;border: none;}
#search-text {width: 195px;padding: 6px 10px;border: 1px #4C4842 solid;
background: none;text-transform: lowercase;
font: normal 11px Arial, Helvetica, sans-serif;color: #808080;}
#search-submit {display: none;}
/* Menu */
#menu {width: 960px;height: 40px;margin: 0 auto;padding: 0;
background: url("http://img.webme.com/pic/c/cssplantillas/bamboo3.jpg") repeat-x left top;}
#menu ul {margin: 0;padding: 0px 0px 0px 25px;list-style: none;line-height: normal;}
#menu li {float: left;}
#menu a {display: block;height: 18px;margin-right: 3px;padding: 12px 40px 0px 40px;
background: url("http://img.webme.com/pic/c/cssplantillas/bamboo6.jpg") no-repeat right 10px;
text-decoration: none;font-family: Arial, Helvetica, sans-serif;
font-size: 12px;font-weight: normal;color: #FFFFFF;border: none;}
#menu a:hover, #menu .current_page_item a {}
#menu .current_page_item a {padding-left: 0;}
#menu a:hover {text-decoration: underline;}
#page {width: 960px;margin: 0 auto;padding: 0;
background: url("http://img.webme.com/pic/c/cssplantillas/bamboo4.jpg") repeat-y left top;}
#page-bgtop {}
#page-bgbtm {padding: 0px 20px 0px 20px;}
/* Content */
#content {float: left;width: 640px;padding: 0;color:#333;padding-top:10px;}
/* Sidebar */
#sidebar {float: right;width: 250px;padding: 10px 0px 0px 0px;color: #000000;}
#sidebar ul {margin: 0;padding: 0;list-style: none;}
#sidebar li {margin: 0;padding: 0;}
#sidebar li ul {margin: 0px 15px;padding-bottom: 30px;}
#sidebar li li {line-height: 30px;border-bottom: 3px outset#FFFFFF;border-top: 3px outset#D1D1D1;border-right: 5px outset#FFFFFF;border-left: 3px outset#FFFFFF;padding-left: 40px;}
#sidebar li li span {display: block;margin-top: -5px;padding: 0;
font-size: 30px;font-style: italic;}
#sidebar h2 {height: 1px; height: 27px;padding: 5px 0 0 1px;
letter-spacing: -.20px;color: #fff;background-color: #9C3802;}
#sidebar p {margin: 0 0px;padding: 0px 20px 20px 20px;text-align: justify;}
#sidebar a {border: none;color: ##FFFFFF;}
#sidebar a:hover {text-decoration: underline;}
/* Footer */
#footer-wrapper {width: 100%;background: #231202;}
#footer {width: 960px;height: 100px;margin: 0 auto;padding: 0px 0 15px 0;
background: url("http://img.webme.com/pic/c/cssplantillas/bamboo1.jpg") repeat-x left top;
font-family: Arial, Helvetica, sans-serif;}
#footer p {margin: 0;padding-top: 40px;line-height: normal;
font-size: 9px;text-align: center;color: #D78983;}
#footer a {color: #FFDBD9;}
Ultima edición por liberobberry el Sab Abr 07, 2012 12:44 pm; editado 4 veces
|
|
|
↑
|
|
 |
-
help-4-pwg
Semi-Experto
Ubicación: España
|
07-04-2012, 16:22 (UTC)
Título del mensaje: |
|
|
¡Hola!,
Ya lo has modificado y lo entiendo, gracias 
Para que estén alineados títulos con subtítulos y para que los títulos estén redondeados, necesitas una modificación del CSS, que yo mismo te he hecho:
Código:
#pre_header {
display: none;
}
#post_header {
display: none;
}
#header_container {
display: none;
}
lli.nav_element {
display: none;
}
li.nav_element a {
display: none;
}
h1#title {
display: none;
}
h2#title span {
display: none;
}
#header {
display: none;
}
#title {
display: none;
}
#nav_container {
display: none;
}
table {
margin-left: auto;
margin-right: auto;
}
body {
background: none repeat scroll 0 0 #1B120B;
color: #787878;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
}
h1, h2, h3 {
color: #181818;
font-family: Georgia,"Times New Roman";
font-weight: normal;
margin: 0;
padding: 0;
}
h2 {
font-size: 2em;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.6em;
}
p, ul, ol {
line-height: 180%;
margin-top: 0;
}
ul, ol {
}
a {
color: #B94E0E;
text-decoration: none;
}
a:hover {
}
#wrapper {
background: url("http://img.webme.com/pic/c/cssplantillas/bamboo5.jpg") repeat-x scroll left top transparent;
margin: 0 auto;
padding: 0;
}
#head-wrapper {
}
#head {
background: url("http://img.webme.com/pic/l/liberobberry/sbb1.jpg") no-repeat scroll left top transparent;
height: 240px;
margin: 0 auto;
width: 960px;
}
#logo {
color: #FFFFFF;
float: left;
height: 240px;
margin: 0;
padding: 0;
}
#logo h1, #logo p {
margin: 0;
padding: 0;
}
#logo h1 {
float: left;
font-size: 2.6em;
letter-spacing: -1px;
padding-left: 25px;
}
#logo p {
float: left;
font: italic 14px Georgia,"Times New Roman",Times,serif;
margin: 0;
padding: 12px 0 0 10px;
}
#logo a {
background: none repeat scroll 0 0 transparent;
border: medium none;
color: #FFFFFF;
text-decoration: none;
}
#search {
float: right;
height: 110px;
padding: 0;
width: 279px;
}
#search form {
height: 41px;
margin: 0;
padding: 10px 0 0 30px;
}
#search fieldset {
border: medium none;
margin: 0;
padding: 0;
}
#search-text {
background: none repeat scroll 0 0 transparent;
border: 1px solid #4C4842;
color: #808080;
font: 11px Arial,Helvetica,sans-serif;
padding: 6px 10px;
text-transform: lowercase;
width: 195px;
}
#search-submit {
display: none;
}
#menu {
background: url("http://img.webme.com/pic/c/cssplantillas/bamboo3.jpg") repeat-x scroll left top transparent;
height: 40px;
margin: 0 auto;
padding: 0;
width: 960px;
}
#menu ul {
line-height: normal;
list-style: none outside none;
margin: 0;
padding: 0 0 0 25px;
}
#menu li {
float: left;
}
#menu a {
background: url("http://img.webme.com/pic/c/cssplantillas/bamboo6.jpg") no-repeat scroll right 10px transparent;
border: medium none;
color: #FFFFFF;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
height: 18px;
margin-right: 3px;
padding: 12px 40px 0;
text-decoration: none;
}
#menu a:hover, #menu .current_page_item a {
}
#menu .current_page_item a {
padding-left: 0;
}
#menu a:hover {
text-decoration: underline;
}
#page {
background: url("http://img.webme.com/pic/c/cssplantillas/bamboo4.jpg") repeat-y scroll left top transparent;
margin: 0 auto;
padding: 0;
width: 960px;
}
#page-bgtop {
}
#page-bgbtm {
padding: 0 20px;
}
#content {
color: #333333;
float: left;
padding: 10px 0 0;
width: 640px;
}
#sidebar {
color: #000000;
float: right;
padding: 10px 0 0;
width: 250px;
}
#sidebar ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
#sidebar li {
margin: 0;
padding: 0;
}
#sidebar li ul {
margin: 0 0px;
padding-bottom: 30px;
}
#sidebar li li {
border-color: #D1D1D1 #FFFFFF #FFFFFF;
border-style: outset;
border-width: 3px 5px 3px 3px;
line-height: 30px;
padding-left: 25px;
}
#sidebar li li span {
display: block;
font-size: 30px;
font-style: italic;
margin-top: -5px;
padding: 0;
}
#sidebar h2 {
background-color: #9C3802;
color: #FFFFFF;
height: 27px;
letter-spacing: -0.5px;
padding: 10px 10px 5px 20px;
border-radius: 5px 5px 0px 0px;
}
#sidebar p {
margin: 0 0;
padding: 5px 5px 20px 0px;
text-align: justify;
}
#sidebar a {
border: medium none;
}
#sidebar a:hover {
text-decoration: underline;
}
#footer-wrapper {
background: none repeat scroll 0 0 #231202;
width: 100%;
}
#footer {
background: url("http://img.webme.com/pic/c/cssplantillas/bamboo1.jpg") repeat-x scroll left top transparent;
font-family: Arial,Helvetica,sans-serif;
height: 100px;
margin: 0 auto;
padding: 0 0 15px;
width: 960px;
}
#footer p {
color: #D78983;
font-size: 9px;
line-height: normal;
margin: 0;
padding-top: 40px;
text-align: center;
}
#footer a {
color: #FFDBD9;
}
|
|
|
↑
|
|
|
-
liberobberry
Nuevo
|
07-04-2012, 16:26 (UTC)
Título del mensaje: |
|
|
help-4-pwg escribió: ¡Hola!,
Ya lo has modificado y lo entiendo, gracias
Para que estén alineados títulos con subtítulos y para que los títulos estén redondeados, necesitas una modificación del CSS, que yo mismo te he hecho:
Código:
#pre_header {
display: none;
}
#post_header {
display: none;
}
#header_container {
display: none;
}
lli.nav_element {
display: none;
}
li.nav_element a {
display: none;
}
h1#title {
display: none;
}
h2#title span {
display: none;
}
#header {
display: none;
}
#title {
display: none;
}
#nav_container {
display: none;
}
table {
margin-left: auto;
margin-right: auto;
}
body {
background: none repeat scroll 0 0 #1B120B;
color: #787878;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
}
h1, h2, h3 {
color: #181818;
font-family: Georgia,"Times New Roman";
font-weight: normal;
margin: 0;
padding: 0;
}
h2 {
font-size: 2em;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.6em;
}
p, ul, ol {
line-height: 180%;
margin-top: 0;
}
ul, ol {
}
a {
color: #B94E0E;
text-decoration: none;
}
a:hover {
}
#wrapper {
background: url("http://img.webme.com/pic/c/cssplantillas/bamboo5.jpg") repeat-x scroll left top transparent;
margin: 0 auto;
padding: 0;
}
#head-wrapper {
}
#head {
background: url("http://img.webme.com/pic/l/liberobberry/sbb1.jpg") no-repeat scroll left top transparent;
height: 240px;
margin: 0 auto;
width: 960px;
}
#logo {
color: #FFFFFF;
float: left;
height: 240px;
margin: 0;
padding: 0;
}
#logo h1, #logo p {
margin: 0;
padding: 0;
}
#logo h1 {
float: left;
font-size: 2.6em;
letter-spacing: -1px;
padding-left: 25px;
}
#logo p {
float: left;
font: italic 14px Georgia,"Times New Roman",Times,serif;
margin: 0;
padding: 12px 0 0 10px;
}
#logo a {
background: none repeat scroll 0 0 transparent;
border: medium none;
color: #FFFFFF;
text-decoration: none;
}
#search {
float: right;
height: 110px;
padding: 0;
width: 279px;
}
#search form {
height: 41px;
margin: 0;
padding: 10px 0 0 30px;
}
#search fieldset {
border: medium none;
margin: 0;
padding: 0;
}
#search-text {
background: none repeat scroll 0 0 transparent;
border: 1px solid #4C4842;
color: #808080;
font: 11px Arial,Helvetica,sans-serif;
padding: 6px 10px;
text-transform: lowercase;
width: 195px;
}
#search-submit {
display: none;
}
#menu {
background: url("http://img.webme.com/pic/c/cssplantillas/bamboo3.jpg") repeat-x scroll left top transparent;
height: 40px;
margin: 0 auto;
padding: 0;
width: 960px;
}
#menu ul {
line-height: normal;
list-style: none outside none;
margin: 0;
padding: 0 0 0 25px;
}
#menu li {
float: left;
}
#menu a {
background: url("http://img.webme.com/pic/c/cssplantillas/bamboo6.jpg") no-repeat scroll right 10px transparent;
border: medium none;
color: #FFFFFF;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
height: 18px;
margin-right: 3px;
padding: 12px 40px 0;
text-decoration: none;
}
#menu a:hover, #menu .current_page_item a {
}
#menu .current_page_item a {
padding-left: 0;
}
#menu a:hover {
text-decoration: underline;
}
#page {
background: url("http://img.webme.com/pic/c/cssplantillas/bamboo4.jpg") repeat-y scroll left top transparent;
margin: 0 auto;
padding: 0;
width: 960px;
}
#page-bgtop {
}
#page-bgbtm {
padding: 0 20px;
}
#content {
color: #333333;
float: left;
padding: 10px 0 0;
width: 640px;
}
#sidebar {
color: #000000;
float: right;
padding: 10px 0 0;
width: 250px;
}
#sidebar ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
#sidebar li {
margin: 0;
padding: 0;
}
#sidebar li ul {
margin: 0 0px;
padding-bottom: 30px;
}
#sidebar li li {
border-color: #D1D1D1 #FFFFFF #FFFFFF;
border-style: outset;
border-width: 3px 5px 3px 3px;
line-height: 30px;
padding-left: 25px;
}
#sidebar li li span {
display: block;
font-size: 30px;
font-style: italic;
margin-top: -5px;
padding: 0;
}
#sidebar h2 {
background-color: #9C3802;
color: #FFFFFF;
height: 27px;
letter-spacing: -0.5px;
padding: 10px 10px 5px 20px;
border-radius: 5px 5px 0px 0px;
}
#sidebar p {
margin: 0 0;
padding: 5px 5px 20px 0px;
text-align: justify;
}
#sidebar a {
border: medium none;
}
#sidebar a:hover {
text-decoration: underline;
}
#footer-wrapper {
background: none repeat scroll 0 0 #231202;
width: 100%;
}
#footer {
background: url("http://img.webme.com/pic/c/cssplantillas/bamboo1.jpg") repeat-x scroll left top transparent;
font-family: Arial,Helvetica,sans-serif;
height: 100px;
margin: 0 auto;
padding: 0 0 15px;
width: 960px;
}
#footer p {
color: #D78983;
font-size: 9px;
line-height: normal;
margin: 0;
padding-top: 40px;
text-align: center;
}
#footer a {
color: #FFDBD9;
}
Espero que te guste 
¡Saludos!
Has echo el trabajo que necesitaba era justo lo que queria 1000000 de gracias (y) muy grosoooo |
|
|
↑
|
|
|
-
help-4-pwg
Semi-Experto
Ubicación: España
|
07-04-2012, 16:28 (UTC)
Título del mensaje: |
|
|
|
|
|
↑
|
|
|
-
liberobberry
Nuevo
|
07-04-2012, 16:35 (UTC)
Título del mensaje: |
|
|
help-4-pwg escribió: De nada, estoy aquí para ayudar. Si necesitas algo más, no dudes en volver a preguntar
¡Saludos!
Es posible quitar esos espacios de la plantilla que quedan a un lado de la web? osea que la pagina abarque todo completo sin que queden esas ranuras de lado y lado |
|
|
↑
|
|
|
-
plantillaswebsite
Nuevo
|
20-04-2012, 00:09 (UTC)
Título del mensaje: |
|
|
liberobberry escribió: help-4-pwg escribió: De nada, estoy aquí para ayudar. Si necesitas algo más, no dudes en volver a preguntar
¡Saludos!
Es posible quitar esos espacios de la plantilla que quedan a un lado de la web? osea que la pagina abarque todo completo sin que queden esas ranuras de lado y lado
solución: para que el archivo htm se vea todo completo solo tenes que resetear el codigo con un linea de css que seria :
Código: * {margin:0 ; padding: 0;}
observación de codigo css: :Es recomendable insertar el codigo en la primera linea de la hoja de estilo; y este codigo afecta alos espacios por default de las etiquetas <h1>,<h2>,<h3>...<p>...<ul>,<ol>....;
Ultima edición por plantillaswebsite el Jue Abr 19, 2012 8:10 pm; editado 1 vez
|
|
|
↑
|
|
|
|
Respeta las 
Email oficial PaginaWebGratis.es: 
