
	kamakubybarcelona

Menú Principal

DISEÑA TU WEB...

BOTONES WEB...

GENERADORES...

IMÁGENES...

TEXTOS...

CÓDIGOS HTML...

CAJAS de TEXTOS...

OTROS CÓDIGOS...

LENGUAJE BASICO HTML...

BANNER&LOGO...


	OTROS C. HTML INTERESANTES...

CHAT DESLIZANTE.

CÓDIGO en el HEAR.

Haga click dentro de la caja de texto para copiar su contenido.

CÓDIGO en el HTML.

Haga click dentro de la caja de texto para copiar su contenido.

//<![CDATA[

var e = jQuery.noConflict();

e(document).ready(function(){

e("#louver").hover(function(){

e(this).stop(true,false).animate({top: 33}, 700); },function(){

e("#louver").stop(true,false).animate({top: -310}, 1700); }); });

//]]>

</script> <div id="louver">     <img id="c_i" src="http://u.jimdo.com/www17/o/s224fc11c65cbc592/img/id81f223d07ed3030/1348441924/std/cadena-1.png" _fcksavedurl="http://u.jimdo.com/www17/o/s224fc11c65cbc592/img/id81f223d07ed3030/1348441924/std/cadena-1.png" alt="" name="c_i" /> <img id="c_d" src=     "http://u.jimdo.com/www17/o/s224fc11c65cbc592/img/id81f223d07ed3030/1348441924/std/cadena-1.png" _fcksavedurl=     "http://u.jimdo.com/www17/o/s224fc11c65cbc592/img/id81f223d07ed3030/1348441924/std/cadena-1.png" alt="" name="c_d" />     <div id="notoy">         <div id="image_chat">         </div>         <embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="408" height="286" name="chat" flashvars="id=AQUÍ EL ID DE TU CHAT&rl=Spanish" align="middle"         allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" ></embed>     </div> </div>

Este seria el código para colocarlo en Paginawebgratis.es.

Editar Dideño/Configuraciones Avanzadas/Texto por encima de la Pagina/código CCS.

Haga click dentro de la caja de texto para copiar su contenido.

#louver {

z-index:10005;

width:430px;

height:310px;

position:fixed;

right: 10px;

top: -310px;

overflow: visible;

background-repeat: no-repeat;

background-image: url(http://u.jimdo.com/www17/o/s224fc11c65cbc592/img/i3cd47a4ebdccfd4e/1348442120/std/bg-chat-1.png);

visibility: visible;

}

#louver #c_d {

right: 5px;

position: absolute;

top: -36px;

z-index: 10003;

}

#louver #c_i {

position: absolute;

left: 5px;

top: -36px;

z-index: 10003;

}

#louver #notoy{

width:408px;

height:286px;

overflow:hidden;

margin-top: 10px;

margin-right: auto;

margin-left: auto;

border: 1px solid #000000;

}

#image_chat{

position:absolute;

bottom: -33px;

height: 40px;

width: 200px;

right: 110px;

background-repeat: no-repeat;

background-image: url(http://u.jimdo.com/www17/o/s224fc11c65cbc592/img/ifecb381956d8495e/1348442039/std/bg-image-chat.png);

visibility: visible;

}

/*Diseño: Abraham de la C.*/

-->  /*]]>*/  </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script><script type="text/javascript">

//<![CDATA[

var e = jQuery.noConflict();

e(document).ready(function(){

e("#louver").hover(function(){

e(this).stop(true,false).animate({top: 33}, 700); },function(){

e("#louver").stop(true,false).animate({top: -310}, 1700); }); });

//]]>

</script> <div id="louver">     <img id="c_i" src="http://u.jimdo.com/www17/o/s224fc11c65cbc592/img/id81f223d07ed3030/1348441924/std/cadena-1.png" _fcksavedurl="http://u.jimdo.com/www17/o/s224fc11c65cbc592/img/id81f223d07ed3030/1348441924/std/cadena-1.png" alt="" name="c_i" /> <img id="c_d" src=     "http://u.jimdo.com/www17/o/s224fc11c65cbc592/img/id81f223d07ed3030/1348441924/std/cadena-1.png" _fcksavedurl=     "http://u.jimdo.com/www17/o/s224fc11c65cbc592/img/id81f223d07ed3030/1348441924/std/cadena-1.png" alt="" name="c_d" />     <div id="notoy">         <div id="image_chat">         </div>         <embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="408" height="286" name="chat" flashvars="id=AQUÍ LA ID DE TU CHAT&rl=Spanish" align="middle"         allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" ></embed>     </div> </div>

CAJA FLOTANTE.

Este seria el código para colocarlo en Paginawebgratis.es.

Editar Dideño/Configuraciones Avanzadas/Texto por encima de la Pagina/código CCS.

Haga click dentro de la caja de texto para copiar su contenido.

VENTANA de AVÍSO.

Haga click dentro de la caja de texto para copiar su contenido.

<div id="postit"> <div align="right"><a href="javascript:closeit()" _fcksavedurl="javascript:closeit()" title="Cerrar"><font color="red"><b>X</b></font></a></div> <b>MENSAJE:</b><br /> Aqui pon Mensaje que quieres mostrar </div> <style>#postit{display:scroll;position:fixed;bottom:10px;left:5px;visibility:hidden; background:#333;color:#ccc;border:2px solid #ff9900; z-index:100;font:12px verdana;width:200px;padding:3px;height:100px;} #postit a{color:#ff9900;text-decoration:none;}</style>  <script>
var once_per_browser=0
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ns4)
crossobj=document.layers.postit
else if (ie4||ns6)
crossobj=ns6? document.getElementById("postit") : document.all.postit
function closeit(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
crossobj.visibility="hide"}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))}}
return returnvalue;}
function showornot(){
if (get_cookie('postdisplay')==''){
showit()
document.cookie="postdisplay=yes"}}
function showit(){
if (ie4||ns6)
crossobj.style.visibility="visible"
else if (ns4)
crossobj.visibility="show"}
if (once_per_browser)
showornot()
else
showit()
</script> <script language="JavaScript1.2">
function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx+'px'
crossobj.style.top=tempy+event.clientY-offsety+'px'
return false}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx+'px'
crossobj.style.top=tempy+e.clientY-offsety+'px'
return false}}
function initializedrag(e){
if (ie4&&event.srcElement.id=="postit"||ns6&&e.target.id=="postit"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY
tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)
dragapproved=true
document.onmousemove=drag_drop}}
document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")
</script>

Lo puedes pegar donde quieras, siempre y cuando soporte HTML y javascript. Si sabes de HTML y CSS lo puedes modificar a tu manera este codigo. Puedes incluirle imagenes, link's, codigos, hasta videos. .

Centra y Quita el Nombre de la WEB .

CENTRAR TU WEB.

Haga click dentro de la caja de texto para copiar su contenido.

Quitar el NOMBRE de tu WEB.

Haga click dentro de la caja de texto para copiar su contenido.

Los colocaremos en TEXTO sobre el DISEÑO .

BARRA de BOTONES con CCS.

... ...

Haga click dentro de la caja de texto para copiar su contenido.

QUITAR PUBLICIDAD EN PLANTILLAS CCS.

Colocar X debajo de la PAGINA.

Haga click dentro de la caja de texto para copiar su contenido.

Hoy habia 6 visitantes (14 clics a subpáginas) ¡Aqui en esta página!

Acerca de esta WEB,,,

TODO TIPO DE CÓDIGOS HTML. PARA TU WEB...

GOOGLE & R. SOCIALES

RELOJ

CONTADOR de VISITAS

VISITANTE

IP: 3.140.242.165

CALENDARIO

NO OLVIDEIS DE FIRMAR EN MI LIBRO DE VISITAS...

LOGO

creacion de sitios

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

Registrarse gratis