ZoneArtCSS | Desarrollo Web, Diseño de páginas Web, Aplicaciones Móviles, Notas de Tecnología » php http://www.zoneartcss.com Tips de Diseño y Desarrollo Web Wed, 26 Oct 2011 18:31:39 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Captcha personalizable en PHP y jQuery http://www.zoneartcss.com/webdevelopment/php/captcha-personalizable-en-php-y-jquery/ http://www.zoneartcss.com/webdevelopment/php/captcha-personalizable-en-php-y-jquery/#comments Fri, 14 Oct 2011 22:52:26 +0000 miguelortega http://www.zoneartcss.com/?p=3618

reCAPTCHA es un código escrito en PHP y CSS para hacer el efecto de recarga de un código nuevo en el CAPTCH.

Con este ejemplo puedes crear tu propio estilo de Captcha completamente personalizado.

Código jQuery:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

$(document).ready(function() { 
 
 // refresh captcha
 $('img#captcha-refresh').click(function() {  
 
		change_captcha();
 });
 
 function change_captcha()
 {
	document.getElementById('captcha').src="get_captcha.php?rnd=" + Math.random();
 }
 
});

Código HTML:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<!-- Captcha HTML Code -->
 
	<div id="captcha-wrap">
		<div class="captcha-box">
			<img src="get_captcha.php" alt="" id="captcha" />
		</div>
		<div class="text-box">
			<label>Type the two words:</label>
			<input name="captcha-code" type="text" id="captcha-code">
		</div>
		<div class="captcha-action">
			<img src="refresh.jpg"  alt="" id="captcha-refresh" />
		</div>
	</div>
 
	<!--  Copy and Paste above html in any form and include CSS, get_captcha.php files to show the captcha  -->

Código CSS:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

#captcha-wrap{
	border:solid #870500 1px;
	width:270px;
	-webkit-border-radius: 10px;
	float:left;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#870500;
	text-align:left;
	padding:3px;
	margin-top:3px;
	height:100px;
	margin-left:80px;
}
#captcha-wrap .captcha-box{
	-webkit-border-radius: 7px;
	background:#fff;
	-moz-border-radius: 7px;
	border-radius: 7px;
	text-align:center;
	border:solid #fff 1px;
}
#captcha-wrap .text-box{
	-webkit-border-radius: 7px;
	background:#ffdc73;
	-moz-border-radius: 7px;
	width:140px;
	height:43px;
	float:left;
	margin:4px;
	border-radius: 7px;
	text-align:center;
	border:solid #ffdc73 1px;
}
 
#captcha-wrap .text-box input{ width:120px;}
#captcha-wrap .text-box label{
	 color:#000000;
	 font-family: helvetica,sans-serif;
	 font-size:12px;	
	 width:150px;
	 padding-top:3px; 
	 padding-bottom:3px; 
}
#captcha-wrap .captcha-action{
	float:right; width:117px; 
	background:url(logos.jpg) top right no-repeat; 
	height:44px; margin-top:3px;
}
#captcha-wrap  img#captcha-refresh{
	margin-top:9px;
	border:solid #333333 1px;
	margin-right:6px;
	cursor:pointer;
}
Descargar Captccha en PHP y jQuery (49) ]]> http://www.zoneartcss.com/webdevelopment/php/captcha-personalizable-en-php-y-jquery/feed/ 0 Contador de Seguidores en Facebook,Twitter y Rss http://www.zoneartcss.com/webdevelopment/php/contador-de-seguidores-en-facebooktwitter-y-rss/ http://www.zoneartcss.com/webdevelopment/php/contador-de-seguidores-en-facebooktwitter-y-rss/#comments Fri, 14 Oct 2011 17:09:29 +0000 miguelortega http://www.zoneartcss.com/?p=3604

Excelente Script basado en PHP y jQuery que su funcionalidad es de un contador de redes sociales, Te imprime la cantidad de seguidores que tienes en twitter, facebook y rss; Adicionalmente el conteo total de seguidores.



Descargar contador Social (50)

]]> http://www.zoneartcss.com/webdevelopment/php/contador-de-seguidores-en-facebooktwitter-y-rss/feed/ 0 Login ó Signup con jQuery y PHP http://www.zoneartcss.com/webdevelopment/php/login-signup-con-jquery-y-php/ http://www.zoneartcss.com/webdevelopment/php/login-signup-con-jquery-y-php/#comments Tue, 16 Nov 2010 19:39:59 +0000 miguelortega http://www.zoneartcss.com/webdevelopment/php/login-signup-con-jquery-y-php/

Algunos usuarios no le gusta llenar el formulario de inscripción.  Así que ese inicio de sesión que había puesto en práctica es más simple y los campos singup están en el mismo bloque, este script esta echo sólo con jQuery y PHP.

 

image

Es Javascript simple y básico código PHP.

Descargar en: 9lessons

]]> http://www.zoneartcss.com/webdevelopment/php/login-signup-con-jquery-y-php/feed/ 0 Motor de plantillas para PHP http://www.zoneartcss.com/webdevelopment/php/motor-de-plantillas-para-php/ http://www.zoneartcss.com/webdevelopment/php/motor-de-plantillas-para-php/#comments Fri, 12 Nov 2010 17:44:49 +0000 miguelortega http://www.zoneartcss.com/webdevelopment/php/motor-de-plantillas-para-php/

Twig es un motor de plantillas para PHP cuyo objetivo es ofrecer una alternativa flexible, potente y segura a otros motores similares como Smarty.

image

Twig ha sido creado por los desarrolladores del framework Symfony

Ir a: twig-project.org

]]> http://www.zoneartcss.com/webdevelopment/php/motor-de-plantillas-para-php/feed/ 0 Haciendo un POST con Sockets http://www.zoneartcss.com/webdevelopment/php/haciendo-un-post-con-sockets/ http://www.zoneartcss.com/webdevelopment/php/haciendo-un-post-con-sockets/#comments Mon, 27 Sep 2010 17:58:10 +0000 miguelortega http://www.zoneartcss.com/webdevelopment/php/haciendo-un-post-con-sockets/

En este ejemplo  nos podemos encontrar como hacer un post a un url externa de tu sitio web, este ejemplo utilizamos fsockopen(). Es interesante porque podemos automatizar registro de formularios de otros sitios o ejecutar funciones externas.

Veamos el Ejemplo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

 
<?php
/* Send POST request to https://secure.example.com/form_action.php
* Include form elements named "foo" and "bar" with dummy values
*/
 
$sock = fsockopen("ssl://secure.example.com", 443, $errno, $errstr, 30);
if (!$sock) die("$errstr ($errno)\n");
 
$data = "foo=" . urlencode("Value for Foo") . "&bar=" . urlencode("Value for Bar");
 
fwrite($sock, "POST /form_action.php HTTP/1.0\r\n");
fwrite($sock, "Host: secure.example.com\r\n");
fwrite($sock, "Content-type: application/x-www-form-urlencoded\r\n");
fwrite($sock, "Content-length: " . strlen($data) . "\r\n");
fwrite($sock, "Accept: */*\r\n");
fwrite($sock, "\r\n");
fwrite($sock, "$data\r\n");
fwrite($sock, "\r\n");
 
$headers = "";
while ($str = trim(fgets($sock, 4096)))
$headers .= "$str\n";
 
echo "\n";
 
$body = "";
while (!feof($sock))
$body .= fgets($sock, 4096);
 
fclose($sock);
 
?>

Visto en PHP.net

]]> http://www.zoneartcss.com/webdevelopment/php/haciendo-un-post-con-sockets/feed/ 0 Prototype – Añade ventanas o diálogos http://www.zoneartcss.com/webdevelopment/php/prototype-anade-ventanas-o-dialogos/ http://www.zoneartcss.com/webdevelopment/php/prototype-anade-ventanas-o-dialogos/#comments Fri, 06 Aug 2010 05:22:36 +0000 adda http://www.zoneartcss.com/?p=1891

Prototype es un framework desarrollado en JavaScript por Sam Stephenson para el desarrollo sencillo y dinámico de páginas Web.

Prototype es un código abierto (bajo licencia MIT) configurable modal sistema de ventanas. La biblioteca le permite añadir una ventana o un diálogo. Windows puede tener una sombra y ser legible; modo modal está disponible, y hay un gestor de ventanas para el comportamiento de Web OS. Prototipo de interfaz de usuario simplifica la forma en componentes de interfaz de usuario se agregan a las aplicaciones web modernas. Puede descargar cualquiera de los componentes por separado (como un simple archivo. Js) o descargar la colección completa (es aún un solo archivo. Js).

prototype-ui_ajax

Enlace: reencoded.com

]]> http://www.zoneartcss.com/webdevelopment/php/prototype-anade-ventanas-o-dialogos/feed/ 0