DaviXM 3.0

Noticias

En la sección +D Periódico.

Tweets:

Visitantes Web:

País: us
Code: us
Hits: 100303
Total: 41761

+D

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


<!-- Plantilla creada Por www.Davixm.es.tl, Por favor no borres el comentario. Gracias-->
<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>

<!-- Fondos Editar-->
<div id="imgFondo" style="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/fondo2.png no-repeat" ></div> <!-- Replaza la Imagen por la que decees-->
<div id="imgFondo" style="background:url(http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/fondo3.png) no-repeat" ></div>
<!-- Puedes agregar mas fondos copias <div>.. </div> y coloca otra-->

<!-- Tenemos Aqui Las miniaturas que aparecen en la derecha-->
<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>
<!-- Tipos de Fondo Insertar Imagenes, Automaticamente estaran en 50px por 50px -->


<!-- Aqui­ va un contenido en HTML -->

<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>
<!-- Me encataria que me dieras algunos creditos, ya que me costo mucho crear la plantilla. www.davixm.es.tl-->

<< AVANZADO >>

CSS


Script

Están algunos .js busquenlos y editenlos.

<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 */




HTML

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

<!-- Fondos Editar-->
<div id="imgFondo" style="http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/fondo2.png no-repeat">&nbsp;</div>
<!-- Replaza la Imagen por la que decees-->
<div id="imgFondo" style="background:url(http://davixm.web44.net/Post-Css/Plantilla_css_Sensacion/fondo3.png) no-repeat">&nbsp;</div>
<!-- Puedes agregar mas fondos copias <div>.. </div> y coloca otra--> <!-- Tenemos Aqui Las miniaturas que aparecen en la derecha-->
<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>
<!-- Tipos de Fondo Insertar Imagenes, Automaticamente estaran en 50px por 50px --> <!-- Aqui­ va un contenido en HTML -->
<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.

=> ¿Desea una página web gratis? Pues, haz clic aquí! <=