Quita el menu y los box de la plantilla ice-blue
:: Tutoriales :: Tutoriales PWG
Página 1 de 1.
Quita el menu y los box de la plantilla ice-blue
Hola, creo que este aporte sirve para personalizar tu pagina web, de pwg , con este tutorial quedará muy bonita!!, ya que sirve para quitar el ridiculo menu de la izquierda y de la derecha de tu web.
Antes de mostrar todo el código junto debo explicar las partes que se pueden editar. Recomiendo copiar todo el Código que está Al Final y pegarlo en un bloc de notas como Notepad para que puedas editar lo necesario antes de pegarlo en el diseño de tu web.
--------------------------------------
1)body {
width:800px; <----Yo coloqué 800 porque ese es el ancho que le di a mi diseño
position:relative;
margin-left:auto;
margin-right:auto;
background-color: black;
}
Puedes cambiar el color del fondo ya sea color o imagen, yo uso el color negro. Pero tu puedes colocar una imagen usando el code de fondo, lo puedes cambiar por el de color.
En lugar de esto: background-color: black;
Tendrías esto: background-image: url(url de fondo);
---------------------------------------------
2)td.edit_content_container {
width:800px;
background-color: indigo;
background-image: url(https://2img.net/r/ihimizer/img521/2243/backbaullk1.gif);
border: 6px groove hotpink;
}
Esta es la parte más modificable, es la parte donde aparece el contenido de su web y donde querrán mostrar sus habilidades de diseñador. Ya expliqué el código para fondo, aplica igual en esta parte. Ahora el borde lo hice solo con CSS, el estilo que yo tengo es 6px de borde, el estilo es groove que es el más elegante (según yo) pero depende de lo que quieras lograr puedes usar los siguientes en su lugar:
groove
dotted
dashed
double
outset
inset
solid
Y por último el color que al igual que el de arriba si desean puede ser un color hexadecimal, como: #ffffff o bien puede ser el nombre del color.
Ejemplo: #000000
---------------------------------------------------
Por último pero no menos importante tenemos:
3) table.edit_main_table{width: 800px !important;}
Aquí es donde cambian el ancho del contenido, el mío mide 800px para que se pueda ver en todas las resoluciones. Pero eso cada cual lo decide.
-----------------------------------------------------
Recomendaciones:
*No cambien NADA más a menos que sepan. Ya que no se si pueda dañar algo de otro modo.
*Deben pegar este código en Texto por Encima y por debajo de la pagina, para que no se vea la plantilla ice-blue.
*Cabezales y menu deben ir colocados en Texto por Encima de la Página, pero debajo de este código.
Codigo
---
Cabezal y Menu
____________________________________________
Asi quedaria el codigo:
Si quitan los menus de la derecha y de la izquierda, mejo que pongan un menu horizontal. En este foro tenemos tutoriales de como hacer un menu horizontal.
Saludos!!!
Atentamente: Joska1993!!
Antes de mostrar todo el código junto debo explicar las partes que se pueden editar. Recomiendo copiar todo el Código que está Al Final y pegarlo en un bloc de notas como Notepad para que puedas editar lo necesario antes de pegarlo en el diseño de tu web.
--------------------------------------
1)body {
width:800px; <----Yo coloqué 800 porque ese es el ancho que le di a mi diseño
position:relative;
margin-left:auto;
margin-right:auto;
background-color: black;
}
Puedes cambiar el color del fondo ya sea color o imagen, yo uso el color negro. Pero tu puedes colocar una imagen usando el code de fondo, lo puedes cambiar por el de color.
En lugar de esto: background-color: black;
Tendrías esto: background-image: url(url de fondo);
---------------------------------------------
2)td.edit_content_container {
width:800px;
background-color: indigo;
background-image: url(https://2img.net/r/ihimizer/img521/2243/backbaullk1.gif);
border: 6px groove hotpink;
}
Esta es la parte más modificable, es la parte donde aparece el contenido de su web y donde querrán mostrar sus habilidades de diseñador. Ya expliqué el código para fondo, aplica igual en esta parte. Ahora el borde lo hice solo con CSS, el estilo que yo tengo es 6px de borde, el estilo es groove que es el más elegante (según yo) pero depende de lo que quieras lograr puedes usar los siguientes en su lugar:
groove
dotted
dashed
double
outset
inset
solid
Y por último el color que al igual que el de arriba si desean puede ser un color hexadecimal, como: #ffffff o bien puede ser el nombre del color.
Ejemplo: #000000
---------------------------------------------------
Por último pero no menos importante tenemos:
3) table.edit_main_table{width: 800px !important;}
Aquí es donde cambian el ancho del contenido, el mío mide 800px para que se pueda ver en todas las resoluciones. Pero eso cada cual lo decide.
-----------------------------------------------------
Recomendaciones:
*No cambien NADA más a menos que sepan. Ya que no se si pueda dañar algo de otro modo.
*Deben pegar este código en Texto por Encima y por debajo de la pagina, para que no se vea la plantilla ice-blue.
*Cabezales y menu deben ir colocados en Texto por Encima de la Página, pero debajo de este código.
Codigo
---
Cabezal y Menu
____________________________________________
Asi quedaria el codigo:
- Código:
<style type="text/css">
<!--
body {
width:800px;
position:relative;
margin-left:auto;
margin-right:auto;
background-color: black;
}
td.edit_header_full{
display:none;}
td.headline {display:none;}
td.headline2 {display:none;}
td.nav{
width:.000001px;
height: .000001px;}
td.nav:hover{
width:.000001px;
height: .000001px;}
td.nav_heading{
width:.000001px;
height: .000001px;}
td.edit_below_nav{
visibility:hidden;}
td.edit_navi_headbg{display:none;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_content_top{display:none;}
td.edit_content_container {
width:800px;
background-color: indigo;
background-image: url(http://img521.imageshack.us/img521/2243/backbaullk1.gif);
border: 6px groove hotpink;
}
td.edit_content {
z-index:0;
width:.000001px;
height: .000001px;}
td.edit_content_bottom{display:none;}
td.edit_content_bottom2{background-image:url();}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rb_footer{background-image:url();}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_content_bottom:hover{background-image:url();}
table.edit_main_table{width: 800px !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 20% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;position: absolute;left: -300px;}
td.edit_rechts_cbg{width:100%;}
td.shouty{visibility: hidden;}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{visibility: hidden;}
td.edit_rb_footer{background-image:url();}
td.edit_rechts_bottom{background-image:url();}
td.edit_below_nav{visibility: hidden;}
td#nav_Umfrage{display:none;}
td#nav_abstand, td#nav_abstand1, td#nav_abstand2, td#nav_abstand3, td#nav_abstand4, td#nav_abstand5, td#nav_abstand6, td#nav_abstand7, td#nav_abstand8, td#nav_abstand9, td#nav_abstand10, td#nav_abstand11, td#nav_abstand12, td#nav_abstand13, td#nav_abstand14, td#nav_abstand15, td#nav_abstand16, td#nav_abstand17, td#nav_abstand18, td#nav_abstand19, td#nav_abstand20, td#nav_abstand21, td#nav_abstand22, td#nav_abstand23, td#nav_abstand24, td#nav_abstand25{display:none;}
--></style>
Si quitan los menus de la derecha y de la izquierda, mejo que pongan un menu horizontal. En este foro tenemos tutoriales de como hacer un menu horizontal.
Saludos!!!
Atentamente: Joska1993!!
Temas similares
» Necesito una Plantilla Ice Blue
» Crea un menu horizontal
» Punto en el menu sin link
» Crea una pagina que no sale en el menu
» Menu horizontal desplegable y modifcable
» Crea un menu horizontal
» Punto en el menu sin link
» Crea una pagina que no sale en el menu
» Menu horizontal desplegable y modifcable
:: Tutoriales :: Tutoriales PWG
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.