¿Quién Soy?

Noticias

Actualizado Twitter oficial de RadioVijaer.

Entrevistas:

Tweets by Radiovijaer

Visitantes Web:

País:
Code: us
Hits: 138327
Total: 58386

Plantilla Sensacion

| Mira la Vista Preliminar

| Descarga la Plantilla por MediaFire

Hola amigos aquí les traigo una plantilla Css, la llamé sensación algo tétrico pero que más dá , les sugiero que la coloquen como plantilla Intro, quedaría excelente como una página HOME, si saben CSS pueden editarle entre otras cosas, agrégenle Fondo, Tablas y lo que deseen, hay 2 tipos de formas de instalarlas que yo las he dividido, Básico, Avanzado. Elige la que te acomodes, si deseas ver una vista previa puedes hacer clic en los botones de arriba, también tienes para descargar y poder editar en tu Opera o Dreamweaver. También hay que destacar que tube una ayuda de adan-2994 en el script y se te dá creditos por ello.

<< BASICO >>

Instrucciones: Copien el Código, no se preocupen por el CSS ya que está almacenado en otro Hosting, aquí solo tendrán que copiarlo y editar a su atojo, es una compresión del CSS

A editar: Azul, Rojo

HTML

<link rel="stylesheet" type="text/css" href="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/Css_Davixm.css">
<script type="text/javascript" src="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/Cuadro_Script.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>$(function(){var imgF=$('div#cambiaFondo img');var proy=$('div#imgFondo');
imgF.click(function(){var imag=$(this).attr('src');var cntr=$(this).attr('centrar');var rpt=$(this).attr('repetir');proy.removeAttr('style');
proy.animate({'opacity':0},200,function(){
proy.css({'background-image':'url('+imag+')','background-repeat':'no-repeat'});
if(rpt != undefined){proy.css('background-repeat','repeat');}
if(cntr != undefined){proy.css('background-position','center');}
proy.animate({'opacity':1},700);});});});
/* Script http://davixm.es.tl */
</script>


<div id="imgFondo" style="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/fondo2.png no-repeat" ></div> 
<div id="imgFondo" style="background:url(http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/fondo3.png) no-repeat" ></div>



<div id="cambiaFondo" >
<img src="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/fondo2.png" >
<img src="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/fondo3.png" >
</div>




<title>Plantilla Abstract - Davixm</title>
<center><img src="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/titulo.png"/></center>

</head>

<body>
<center>
<cuadro>
<img src="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/64x64/contacts.png"/><br>
<b>Contactanos:</b>
<p><i>Si quieres contactarnos por favor por medio de un mail al siguiete correo orientado para ello</i> <br>

</p>
</cuadro>

<cuadro>
<img src="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/64x64/gallery.png"/><br>

<b>Galeria:</b>
<p><i>Encuentras varias imagenes en nuestra Galeria de Imagenes y para inspiracion.</i> <br>

</p>
</cuadro>

<cuadro>
<img src="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/64x64/messages.png"/><br>

<b>Mensajes:</b>
<p><i>Recibimos todos tus mesajes y imediatamente te los repondemos por medio de un MP</i> <br>

</p>

</cuadro><br>
<b>ENTRAR</b>
</center>

<style type="text/css">
.imgdavixm {
display:scroll;
position:fixed;
bottom:-1px;
left:2px}
}

.imgdavixm img {
border: 0px;
}

.imgdavixm span {
position: absolute;
text-decoration: none;
visibility: hidden;
border: 0px;
top:0px;
left:0px;
}

.imgdavixm:hover span{

visibility: visible;
overflow:visible;
z-index: 1002;
}
</style>

<a title="Visita al Blog +D!" href="http://davixm.es.tl" class="imgdavixm" href="javascript:void(0);">
<img alt="" src="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/Logo_banner1.png" />
<span><img alt="" src="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/Logo_banner2.png" /></span>
</a>

<< AVANZADO >>

CSS

/* Fondos Creado por www.Davixm.es.tl */   div#cambiaFondo{    width:60px;    border-radius:10px;    box-shadow: 0px 0px 6px #000;    position:fixed;    top:23%;    left:-21px;    padding:5px 0px 5px 28px;    background-color:#fff;    }    div#cambiaFondo img{    width:50px;    height:50px;    margin:4px 0px;    cursor:pointer;    }    div#imgFondo{    z-index:-5;    width:100%;    height:100%;    position:absolute;    top:0;left:0;    }  /* Fondos Creado por www.Davixm.es.tl */    body {  background: url("file://localhost/Users/Home/Desktop/pagina/cc2ntch.png");  }    cuadro {  width: 250px;  height: 250px;  display: inline-block;  background-color: transparent;    color: black;  border-radius: 15px;  }    cuadro:hover {   background-image: linear-gradient(bottom, rgb(168,226,255) 20%, rgb(212,240,255) 60%);  background-image: -o-linear-gradient(bottom, rgb(168,226,255) 20%, rgb(212,240,255) 60%);  background-image: -moz-linear-gradient(bottom, rgb(168,226,255) 20%, rgb(212,240,255) 60%);  background-image: -webkit-linear-gradient(bottom, rgb(168,226,255) 20%, rgb(212,240,255) 60%);  background-image: -ms-linear-gradient(bottom, rgb(168,226,255) 20%, rgb(212,240,255) 60%);    background-image: -webkit-gradient(  	linear,  	left bottom,  	left top,  	color-stop(0.2, rgb(168,226,255)),  	color-stop(0.6, rgb(212,240,255))  );    }     h1 {  color: white;  }    nav {  background: #25affe;}    /*Creado por www.Davixm.es.tl */

Script

Están algunos .js busquenlos y editenlos.

HTML

Al editar tengan en cuenta el CSS y su estructura, para que no les salga problemas, ni desfigurada la plantilla.

<div id="imgFondo" style="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/fondo2.png no-repeat"> </div>

<div id="imgFondo" style="background:url(http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/fondo3.png) no-repeat"> </div>
 
<div id="cambiaFondo"><img alt="" src="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/fondo2.png" /> <img alt="" src="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/fondo3.png" /></div>
 
<title>Plantilla Sensation Abstract - Davixm</title>
<center><img alt="" src="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/titulo.png" /></center> <center> <cuadro> <img alt="" src="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/64x64/contacts.png" /><br />
<b>Contactanos:</b>
<p><i>Si quieres contactarnos por favor por medio de un mail en pwg o en otro Medio </i></p>
</cuadro> <cuadro> <img alt="" src="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/64x64/gallery.png" /><br />
<b>Galeria:</b>
<p><i>Encuentras varias imagenes en nuestra Galeria de Imagenes y para inspiracion.</i></p>
</cuadro> <cuadro> <img alt="" src="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/64x64/messages.png" /><br />
<b>Mensajes:</b>
<p><i>Recibimos todos tus mesajes y imediatamente te los repondemos por medio de un MP</i></p>
</cuadro></center>

Esta plantilla está con la licencia:

Autor: David Castillo.

Davixm