Generar, dibujar, insertar codigos de barras en pagina web con PHP en Ubuntu

Septiembre 10, 2009

Pantallazo-Shiretoko-1
Después de generar códigos de barras en ASP con un par de funciones de forma relativamente fácil me hice la pregunta ¿En php como puedo hacer esto? y la respuesta fue muy simple PEAR Image_Barcode.

Lo primero que vamos hacer es instalar el paquete:

sudo apt-get install php-image-barcode

Luego reiniciamos apache:

sudo /etc/init.d/apache2 restart

Ahora procedemos a crear un archivo php en nuestra carpeta www, yo lo llamare barcode.php el cual contiene las siguientes lineas:

< ?php
require_once 'Image/Barcode.php';
Image_Barcode::draw($_GET[NUM], $_GET[TYP], $_GET[IMG]);
?>

después creamos la pagina donde vamos a ver el codigo de barras la cual llamare index.php, esta contiene las siguientes lineas:

<html>
<head>
</head>
<body>
<h1>Codigo de Barras EAN13</h1>
<img src="barcode.php?NUM=4011030968433&TYP=ean13&IMG=png"/>
</body>
</html>

PARAMETROS
NUM= Numero para el codigo de barras
TYP= tipo de codigo de barras en mi caso use EAN-13
IMG= tipo de imagen a generar

Para modificar el ancho y/o el alto es necesario modificar el archivo correspondiente al tipo del código de barras, lo explicare con el EAN-13; ingresamos a /usr/share/php/Image/Barcode/aquí buscamos ean13.php y podemos editar algunos parámetros como:

class Image_Barcode_ean13 extends Image_Barcode

{

 var $_barcodeheight = 60;

 var $_font = 2;  

 var $_barwidth = 2;

y Listo!….


crear un plugin (widget) para wordpress ejemplo

Agosto 19, 2009

Ejemplo de como hacer un plugin para wordpress.

< ?php
/*
Plugin Name: Mi Primer Plugin
Plugin URI: http://jodacame.wordpress.com
Description:Mi Primer Plugin para wordpress
Author: Jose Daniel Canchila Mercado
Version: Beta
Author URI: http://Jodacame.wordpress.com
*/

function Mi_Plugin($args) {

extract($args);
 $nom_plugin = plugin_basename(dirname(__FILE__)); //Con esto tenemos el nombre de la carpeta del plugin
$url_plugin= WP_PLUGIN_URL.'/'. $nom_plugin ;  //Con esto armamos la ruta del plugin, es ultil para insertar imagenes y codigo css

echo $before_widget;

echo $before_title. 'Titulo del Plugin'. $after_title; 

?>
<h1>Aqui va el codigo HTML/JavaScript o PHP</h1>
< ?php
echo $after_widget;

}

function init_Mi_Plugin(){
 register_sidebar_widget("Mi Primer Plugin", "Mi_Plugin");}

add_action("plugins_loaded", "init_Mi_Plugin");
?>

Listo solo queda ir a la pestaña plugin de wordpress y activarlo, y luego en widgets insertarlo en el blog. Enjoy!


Iconos al Lado de los Link CSS – Personalizacion WEB

Abril 2, 2009

Si quieres agregar un icono al lado de tus link, solo tienes q escribir este código en tu css y listo, cada vez que agregues un link te pondrá un icono automáticamente al lado de este.

cambia el “.exe” por la extencion que quieras personalizar, puedes agregar tantas extenciones como quieras.

a[href$='.exe'] { 

	padding-left:20px;  

	background: transparent url(icons/icon_exe.gif) no-repeat center left;

}

Para los videos de Youtube y otros

a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] { 

	padding-left:20px;  

	background: transparent url(icons/icon_film.gif) no-repeat center left;

}

Solo funciona en IE7 y Firefox


Cajas de texto con imagenes css

Diciembre 4, 2008

Quieres personalizar tus cajas de texto en tu pagina web al estilo de google, aqui te dejo el código:

Cajas Personalizadas con CSS

Cajas Personalizadas con CSS



CSS


<style>
.searchBox
{
background-image:url('http://www.google.com/images/poweredby_transparent/poweredby_FFFFFF.gif');
background-repeat:no-repeat;
background-color:#FFFFFF;
color:#000000;
padding-left:70px;
border-width:1px;
height:20px;
border-style:solid;
border-color:#000000;

}

.userBox
{
background-image:url('img2.png');
background-repeat:no-repeat;
padding-left:25px;
border-width:1px;
border-style:solid;
border-color:#CC0000;
}

TD
{
font-size:12px;
}

</style>

HTML

<table>
<tr>
<td><input type="text" name="buscar" class="searchBox" size="18"/></td><td>(Google)</td>
</tr>
<tr>
<td><input type="text" name="nombre" class="userBox" size="18"/></td><td>(Personalizado)</td>
</tr>
</table>

Personalizar la forma como muestras los codigos en tu Blog

Noviembre 19, 2008

Hacen unos dias queria personalizar mis codigos en este blog, pero tenia el problema que no podia instalar plugin ya que es un hosting free. La solucion que encontre en la ayuda de wordpress fue mas facil de lo que me esperaba, y la comparto con ustedes (“Ps los que no saben como se hace”).

Para personalizar un codigo basta con meterlo entre la etiqueta:

**** Codigo que queremos mostrar ****

El Resultado del siguiente codigo html sin la etiqueta es:

<html>
<head>
<title>Mi Pagina</title>
</head>
<body>
<h1>Mi Primer Titulo</h1>
<font color=”Blue”>
Aqui escribo cualquier cosa de color Azul<br>
</font>
<font color=”Red”>
Aqui escribo otra cosa de color Rojo <br>
</font>
</body>
</html>

Como podemos ver es un poco difícil entender lo que dice, por eso aplicamos la etiqueta

</em>

<strong>El Resultado Con la Etiqueta es:</strong>
<em>
</em>
[sourcecode language='html']
<html>
<head>
<title>Mi Pagina</title>
</head>
<body>
<h1>Mi Primer Titulo</h1>
<font color="Blue">
Aqui escribo cualquier cosa de color Azul
</font>
<font color="Red">
Aqui escribo otra cosa de color Rojo
</font>
</body>
</html>


Los tipos de lenguajes que soporta son:

* cpp
* csharp
* css
* delphi
* html
* java
* jscript
* php
* python
* ruby
* sql
* vb
* xml