X
Otros link's:
http://www.raystrack.tk/ http://www.raystrack.es.tl/ http://www.raystrack.com.ar/

Foro:
http://www.rayforo.com.ar/

Upload:
http://www.rayupload.com.ar/

Raystrack

Iceblue sin box ni menu

Como ya saben, el efecto deseado ya yo lo había logrado pero con CSS que es bastante más fácil en cuestión de hayar la manera de editarlo, pero estuve investigando por el foro y logré juntar varias ideas con una mía y coseguí hacer que funcionara.

Debo darle crédito a Team-Webmaster ya que gran parte de lo que usé fue su código de quitar los box de la derecha. Pero lo cambié un poco, espero que no le moleste.


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(http://img521.imageshack.us/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 como lo uso yo, encuentran una lista bastante buena en esta web: (yo la uso constantemente)
http://www.iangraham.org

---------------------------------------------------

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 de la Página para que no se vea la 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


____________________________________________

Ahora sin más preambulos el code:

Pueden ver el código en función en esta web:
http://diseno-css.es.tl


 

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: none;}

td.edit_rechts_cbg{background-image: url(URL);}

td.edit_rb_footer{background-image: none;}

td.edit_rechts_bottom{background-image: url(URL);}

td.edit_content_bottom:hover{background-image: none;}


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: none;}
td.edit_rechts_bottom{background-image: none;}
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>




Espero haber sido de ayuda.

El nuevo navegador de Google no lo lee igual.

Les pido a todos los que usan mi código para remover box y menu de Ice Blue con el ancho de contenido modificable que revisen sus códigos y reemplazen esta linea de código:

Código:
td.edit_content_bottom2{background-image: none;}


Por Esta:

Código:
td.edit_content_bottom2{display:none;}


Siento mucho los inconvenientes que esto pueda causarles.

Fuente: http://team-ayudamaster.es.tl/ Y http://team-webmaster.es.tl/

 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis