Etiquetado: Codigo Fuente Mostrar/Ocultar Comentarios | Atajos de teclado

  • jodacame 3:56 pm el September 10, 2009 Permalink | Responder
    Etiquetas: barcode, , codigo de barras, Codigo Fuente, ean13, , ,   

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

    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!….

    Fuente => http://www.nexxuz.com/?p=108

     
  • jodacame 3:13 pm el August 19, 2009 Permalink | Responder
    Etiquetas: , Codigo Fuente, , , ,   

    crear un plugin (widget) para wordpress ejemplo 

    Ejemplo de como hacer un plugin para wordpress.

    < ?php
    /*
    Plugin Name: Mi Primer Plugin
    Plugin URI: https://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!

     
    • Andy Alozno (virus-a3) 10:42 am el noviembre 8, 2009 Permalink

      ESPERO QUE SIRVA XQ ESTOY HACIENDO UN SISTEMA DE USUARIOS PARA WORDPRESS DE UN SISTEMA DE USUARIOS CON ALGUNAS UTILIDADES 😄 AUNQUE EL PLUGIN NO SERA 100% MIO PERO ES ALGO QUE PUEDO HACER 😄

    • Robbie 2:23 pm el abril 28, 2010 Permalink

      Donde dice “Aquí va el código…..” ese código sólo puede ser HTML/JavaScript / PHP o también se puede utilizar Pyton si lo tengo instalado?

      Si acepta JavaScript, puedo usar AJAX?

      Gracias.

    • jodacame 8:55 am el mayo 5, 2010 Permalink

      Hola, si puedes uar ajax-…

      Les recuerdo que las entradas de este blog se movieron a nexxuz.com

  • jodacame 3:31 pm el April 2, 2009 Permalink | Responder
    Etiquetas: , Codigo Fuente, , , personalizacion,   

    Iconos al Lado de los Link CSS – Personalizacion WEB 

    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

     
  • jodacame 11:38 am el December 4, 2008 Permalink | Responder
    Etiquetas: Codigo Fuente, , ,   

    Cajas de texto con imagenes css 

    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>
    
    
     
  • jodacame 7:24 pm el November 19, 2008 Permalink | Responder
    Etiquetas: Codigo Fuente,   

    Personalizar la forma como muestras los codigos en tu Blog 

    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>
    
    <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
 
c
Crea una nueva entrada
j
Siguiente entrada / Siguiente comentario
k
anterior entrada/anterior comentario
r
Responder
e
Editar
o
mostrar/ocultar comentarios
t
ir al encabezado
l
ir a iniciar sesión
h
mostrar/ocultar ayuda
shift + esc
Cancelar