¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

Quita el menu y los box de la plantilla ice-blue

Ir abajo

Quita el menu y los box de la plantilla ice-blue Empty Quita el menu y los box de la plantilla ice-blue

Mensaje por Admin Lun Sep 01, 2008 6:30 pm

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:

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!!
Admin
Admin
Admin
Admin

Masculino
Cantidad de envíos : 221
Edad : 30
Fecha de inscripción : 21/07/2008

http://nikeandjoska1993.es.tl

Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.