Mejora tu web ya: Codigos Utiles

Mostrando entradas con la etiqueta Codigos Utiles. Mostrar todas las entradas

Script de comentarios, Mucho muy bueno

martes, 1 de junio de 2010 1 comentarios

Hola amigos, esta vez iba navegando por una web y me encontre un script muy bueno, esta basado en crear comentarios, pero puedes, compartirlos en facebook, google, twitter, en diversas redes sociales, tambien puedes poner una imagen a tu avatar, es muy util, te servira mucho en tu web, puedes vcr la prueba aqui, ve el demo, y convencete...

este es el codigo que debes de poner en la pagina
<script src="http://js-kit.com/comments.js"> </script> Read the full story

Codigos Utiles »

Porner un mensaje, a los visitantes

jueves, 27 de mayo de 2010 0 comentarios

Con este codigo puedes poner un mensaje a tus visitantes, ya sea al entrar a la pagina principal o en cualquiera que tu quieras, es muy bueno, y pratico.

Titulo:

Aqui pon Mensaje que quieres mostrar

<br />
<div id="postit"><div align="right"><a href="javascript:closeit()" title="Cerrar"><font color="red"><b>X</b></font></a></div><b>Titulo:</b><br /><br />
Aqui pon Mensaje que quieres mostrar<br />
</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><br />
<br />
<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><br />
<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><br />

Fuente: cssplantiilas.es.tl Read the full story

Codigos Utiles »

Imagen crece al pasar el mouse codigo java

0 comentarios

Este codigo es muy bueno y mejora la apariencia de tu web ya que tus visitantes qudaran sorprendidos al ver el efecto de este codigo, cuando pasa el mouse en la imagen esta crece, produciendo un efecto muy agradable

Codigo:

Read the full story

Codigos Utiles »

Menu de obciones al pasar el mouse

0 comentarios

Este codigo es muy bueno, en lo personal es de mis favoritos, cuando el mouse para por alguno de los temas, inmediatamente muestra todas las obciones es muy llamativo y practico te lo recomiento

Ver ejemplo

Contenido Aqui here

Contenido Aqui here

Contenido Aqui here

Contenido Aqui here

Contenido Aqui here

Codigo:

/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
* Visita http://www.codeslife.es.tl
***********************************************/

</script>   <script type="text/javascript">

ddaccordion.init({
   headerclass: "silverheader", //Shared CSS class name of headers group
   contentclass: "submenu", //Shared CSS class name of contents group
   revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
   mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
   collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
   defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc] [] denotes no content
   onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed)
   animatedefault: false, //Should contents open by default be animated into view?
   persiststate: true, //persist state of opened contents within browser session?
   toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
   togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
   animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
   oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
      //do nothing
   },
   onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
      //do nothing
   }
})

</script>   <style type="text/css">

.applemenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
background: black url(http://img6.xooimage.com/files/6/e/4/silvergradientover-c6ca55.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}

.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}

.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(http://img6.xooimage.com/files/6/e/4/silvergradientover-c6ca55.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: 300px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

</style><br />
<br />
<br />
<br />
<div align="center"><div class="applemenu"><div class="silverheader"><a href="http://www.codeslife.es.tl">Dynamic Drive</a></div><div class="submenu">Contenido Aqui here</div><div class="silverheader"><a href="http://www.codeslife.es.tl">CSS Examples</a></div><div class="submenu">Contenido Aqui here</div><div class="silverheader"><a href="http://www.codeslife.es.tl">JavaScript Kit</a></div><div class="submenu">Contenido Aqui here</div><div class="silverheader"><a href="http://www.codeslife.es.tl">CSS Drive</a></div><div class="submenu">Contenido Aqui here<br />
<br />
<img src="http://i27.tinypic.com/sy7295.gif" alt="" /></div><div class="silverheader"><a href="http://www.codeslife.es.tl">JavaScript Kit</a></div><div class="submenu">Contenido Aqui here</div></div></div><br />

Read the full story

Codigos Utiles »

Marco en Imagen

0 comentarios

Un código muy bueno y llamativo, para las imagenes, con este código mejoras la apariencia de una imagen poniendole un marco lo unico que tienes que hacer es cambiar la URL y poner la de la imagen que quieres poner y ya. asi de sencillo,

Ejemplo

Código:

Read the full story

Codigos Utiles »

Codigo para que tus visitantes puedan calificar tu web.

0 comentarios

Con este código tus visitantes pueden califican algun tema, articulo, aplicación, o cualquier novedad de tu web es muy util y facil de usar solo tienes que poner el codigo en la pagina donde quieres que califique, bueno en el tema:

Sugerencia: No ponerlo en ningon box, o sidebar, solo en las paginas donde quieres que califiquen

Ejemplo

Deja tu calificación para nosotros es importante

Codigo:

Fuente: Shinoxayuda.es.tl Read the full story

Codigos Utiles »

Código Javascript abrir 4 páginas en tu página

0 comentarios

Inframes

Con este código, puedes abrir 4 paginas en tu propio sitio, es muy util para mostrar temas, aplicaciones, o cualquier cosa del otro sitio, sin la necesidad de que tus visitantes salgan de tu página web.

Blog Mejora tu web | Mundo Digital | Xmaxim | Google

Read the full story

Codigos Utiles », PWG »

Slide, Reproductor de Imagenes con Java Script

0 comentarios

Este es un reporductor de imagenes, muy útil y sencillo, pero es para webmaster un poco mas expertor es muy bueno, en este puedes poner las portadas de tus ultimos temas.

Ver Ejemplo

Código

<br /> <script type="text/javascript" src="http://img5.xooimage.com/files/d/e/5/jquery-2--f80ba5.js"></script><br /> <script type="text/javascript" src="http://img25.xooimage.com/files/c/d/0/easyslider1.5-11fb25a.js"></script><br /> <script type="text/javascript">         $(document).ready(function(){                $("#slider").easySlider({                 controlsBefore:    '<p id="controls"> ',                 controlsAfter:    '</p>',                 auto: true,                 continuous: true             });             $("#slider2").easySlider({                 controlsBefore:    '<p id="controls2"> ',                 controlsAfter:    '</p>',                        prevId: 'prevBtn2',                 nextId: 'nextBtn2'                });                    });        </script><br /> <br /> <style type="text/css">              img{border:none;}          #container2{            margin:0 auto;         position:relative;         text-align:left;         width:696px;         background:#fff;                margin-bottom:2em;         }                        #content2{         position:relative;         }             /* Easy Slider */      #slider{}        #slider ul, #slider li, #slider2 ul, #slider2 li{         margin:0;         padding:0;         list-style:none;         }     #slider li, #slider2 li{         /*             define width and height of list item (slide)             entire slider area will adjust according to the parameters provided here         */         width:696px;         height:241px;         overflow:hidden;         }         #slider2 li{         background:#f1f1f1;         }            #slider2 li h2{         margin:0 20px;         padding-top:20px;         }        #slider2 li p{         margin:20px;         }                                    p#controls, p#controls2{         margin:0;         position:relative;         }         #prevBtn, #nextBtn, #prevBtn2, #nextBtn2{         display:block;         margin:0;         overflow:hidden;         text-indent:-8000px;                width:30px;         height:77px;         position:absolute;         left:-30px;         top:-160px;         }        #nextBtn, #nextBtn2{         left:696px;         }                                                            #prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{          display:block;         width:30px;         height:77px;         background:url(http://img40.xooimage.com/files/7/3/0/btn_prev-15766b5.gif) no-repeat 0 0;            }        #nextBtn a, #nextBtn2 a{         background:url(http://img44.xooimage.com/files/a/1/d/btn_next-15766b4.gif) no-repeat 0 0;            }                                                 /* // Easy Slider */  </style>   <br /> <br /> <br /> <br /> <div id="container2"><br /> <br /> <div id="content2"><br /> <div id="slider"><ul><li><a href="http://templatica.com/preview/30"><img src="http://img29.xooimage.com/files/1/9/0/01-157669e.jpg" alt="Css Template Preview" /></a></li> <li><a href="http://templatica.com/preview/7"><img src="http://img27.xooimage.com/files/5/2/f/02-15766a0.jpg" alt="Css Template Preview" /></a></li> <li><a href="http://templatica.com/preview/25"><img src="http://img43.xooimage.com/files/0/f/9/03-15766a3.jpg" alt="Css Template Preview" /></a></li> <li><a href="http://templatica.com/preview/26"><img src="http://img43.xooimage.com/files/5/7/9/04-15766a5.jpg" alt="Css Template Preview" /></a></li> <li><a href="http://templatica.com/preview/27"><img src="http://img25.xooimage.com/files/1/2/b/05-15766a7.jpg" alt="Css Template Preview" /></a></li> </ul></div><br /> <br /> <div id="slider2"><ul><li><br /> <h2>What's Templatica anyway?</h2><p>Templatica is a membership based template club where you get<br /> <strong>full access to all templates</strong> in the <a href="http://templatica.com/templates">css template gallery</a> for a single and very affordable<br /> <strong>annual fee of $24!</strong><br /> <br /> Yup, that's right! All of <a href="http://templatica.com/templates" title="CSS templates">this</a> plus <strong>all of the<br /> templates released within one year from the day you join</strong>. No extra cost, no hidden fees!<br /> <br /> You also have a possibility of purchasing a <strong>single template for as low as $5</strong>.</p></li> <li><br /> <h2>Why is the fee so low?</h2><p>I wanted to make premium templates <strong>available to as many of you as possible</strong>.<br /> <a href="http://templatica.com/templates">Templates</a> are not only meant for commercial but for<br /> <strong>educational purpose as well</strong>. I would like you to <a href="http://templatica.com/join">join</a>,<br /> download templates, analyze the code and hopefully learn something new. <br /> <br /> For those who'd like to <strong>test the quality</strong> of the templates I suggest my <strong>single template purchase option</strong>.</p></li> <li><br /> <h2>What Templatica offers</h2><p>Templatica offers static design templates with <strong>valid XHTML and CSS</strong>.<br /> All templates are tested in<strong> Firefox Win, IE7, IE6, Opera</strong> on Windows<br /> as well as <strong>Safari and Firefox</strong> on Mac. <br /> <br /> Templates are <strong>highly customizable</strong>. The download package for each template<br /> includes HTML, CSS, JavaScript files and related images.</p></li> </ul></div><br /> <br /> <br /> <br /> </div><br /> </div>

Read the full story

Mejora tu web ya

.

Script de comentarios, Mucho muy bueno

Porner un mensaje, a los visitantes

Imagen crece al pasar el mouse codigo java

Menu de obciones al pasar el mouse

Marco en Imagen

Codigo para que tus visitantes puedan calificar tu web.

Código Javascript abrir 4 páginas en tu página

Slide, Reproductor de Imagenes con Java Script

Ultimos temas

Categories

Comunidad

Seguidores

Etiquetas

Tecnologia

Post recientes

Ultimos comentarios