Design By Jeeba

Relative Superfish is a Mad Mad Girl

2012-02-09T06:46:00.001-08:00

When trying to use Superfish or other css-based dynamic menu, Internet Explorer will complot against you, specially with some complex layout.

Lets take an example of what im saying. Suppose we want to do come to this:

This is a typical web page, we have a Menu with Superfish, an Slideshow underneat it, and also a floating Logo. So what is the best way to put all of this?

1) Lets make the Dom:
Thats right, put the container divs in that order and together at the same DOM level. Those ID comes from Drupal, but you can name them as you want.

2) Position:
This is almost easy, just put them as the image suggest:

The important part here is the static position on the Superfish Menu. Never put a position:relative to the superfish menu container. It will just mess it up the children menus. Why it does that? Well for what I know, when a relative item (the submenu) is inside another relative item (the container), that item will only appear inside the view area of the container. Of course only on IE. (6 to 8 at least).

The Dreaded INVALID_STATE_ERR: DOM Exception 11

2011-04-04T15:45:00.000-07:00

Last month I had a strange problem in Chrome with Jquery, the chrome console launched me an INVALID_STATE_ERR:DOM 11 error. It happen when i tried to insert a string of HTML directly using $.html(). Other browsers didnt thrown any error,even IE where ok with that kind of indecent proposal i tried to reach.

So what was the problem with Mr Chrome?
The Exception 11 means teorically means that some objects doesnt exist, in practice it mean that you're creating DOM objects ( I means html tags) using jquery append(), html() or prepend() with semantics errors, like not closing the tags or something like that. So if you write bad html like $.html('<ul><li>HelloWorld</li></ul>'); , ( we did'nt close the li tag) there will be mayhem in Chrome.

And the solution?

If you are using jquery to write strings of html, then make sure all the tags are closed and your html doesnt have semantic errors like unclosed tags and non existing properties. Check the source code in Firefox or Opera an see if youre missing some properties over there. Hope this help

Drupal: From localhost to your domainsite in five steps

2010-12-31T01:18:00.000-08:00

The designer in you, has finished to create the plus ultra of web pages, the only problem is that your web pages is in localhost, or worse yet, it is in a subdirectory in another domain. No problem, with this five step guide step you are going to have our web page ready to be truly Online

Step 1
Backup your database and webpage and put it in your new domain. This mean you have to enter your cpanel ( or other web manager , if you have plesk, may Odin be with you) and go to PhpMyAdmin ( you can install it if you dont have one, its free!) and export your database.

Now import it to your new domain. There may be a problem while importing the backup to your new site, If your database backup file is more than 5 mb, then you probably need BigDump. Its an Ajax uploader of databases. So when exporting your sql, mak sure to uncheck the Extended Insert option, it juss mess up BigDump.

In BigDump, make sure to use UTF-8 (or the schema youre using) in his config, this will make you very happy latter.

Exporting your database so bigdump can use it

Step2: Domain URL
So far so good, you need to modify the sites/default/settings.php. Change the new database access, and the base_url variable (read the instructions there, nothing fancy really). Make sure that you have the right permission of modifyng that file. Usually it will not come with write permission (or chmod 555) . Make it chmod 777 (change is permission to write) and start modifyng. Then change it back to 555 for security sake.

Step3: htaccess
Did you change the permission for settings.php back to 555? Good, then there's a hidden file called .htaccess (notice the dot at the start) that you may need to modifyng. Search for this string # RewriteBase / and remove that # , so it is umcommented. If for some reason you are still at an subdomain you may need to chage it to # RewriteBase /subdomainname

Step 4: Refresh Cache
Now you need to go to http://www.yournewdomainname.com/oldsubdirectory/admin_menu/flush-cache?destination=admin%2Fsettings%2Fsite-information. Notice the red part is your old subdomain. Maybe you will need to remove it, remember that is the name of your old subdirectory (if you used one).

Ste 5: Run Cron
Now go to http://www..yournewdomainname.com/oldsubdirectory/admin/reports/status/run-cron?destination=admin%2Fsettings%2Fsite-information and enter. You are going to run cron. Again maybe you are not going to need that oldsubdirectory part but, just in case it is there.

Then enjoy, Happy New Year from Jeeba!

Yes Please, hack me

2010-12-23T06:19:00.000-08:00

So I was doing my usual web surfing, when i managed to run a "secure website". It amazingly scan my PC for troyans and stuff like that. The most beatiful part is when it says that Windows Defender has detected Spyware on my machine.

Windows Defender on my Ubuntu 10.04, using Opera 10. Feeling the sarcasm already?

Its me or PHP is being Javanized?

2010-12-22T16:48:00.000-08:00

I dont really like Java, not the languague per se, only her "WEB" stuff, as a PHP developer, PHP has tought me the easy way to create web application. Dont get me wrong, I started programming in Assembler ( i kinda like it, it just make sense!), C, and then C++ with my structures and pointers and memallocs. I started developing enterprice code in JAVA, back then like 8 years ago, i used to do my interfaces in SWT and Swing, yes Desktop Applications. Then one day i decided to learn PHP, like a hobby, I learn it in 8 hours all the necesary stuff including configuring a basic WAMP server. It is so easy!.

¿What about now?
Eight years ahead, my company decided to make a Web application in Java. Damm its so complex, and not in a good way. I mean, all that complexity is just innecesary, but its like fellow Java Developers cant see that complexitiy because they have been brain washed, yes ORM, yes XML for configuring this or that, centralize those files? ha you must be kidding say one of my coworkers, they think its natural to work that hard to spit a checkbox and a commandButton together, something that even when not using a framework its a piece of cake, what a echo can do in a second, i need like 4 classes, one compiler and 3 minutes restarting my server.

The promised futured aeons
And believe me, that complexity, it just keep growing and growing. I heard the reason for this maddness its it just to keep the promise that the maintenance phase of the application in his lifecycle will be easy. How can it be possible?, It just dont make sense!, how putting more complexity in a system is going to make it easier to maintain? What Java Developers needs to comprehend is that LESS IS MORE!, why cant they comprehend this. Maybe its isn't all their fault, after all, Oracle make a lot of investment so you can believe that their products are the best of the best, your boss eat all that cheesse without asking for a different flavor, you must then pay the consequences of a social design pattern, that i call affecionately, the oracle oriented lobbyming.

So PHP is being Javanized, you say
What Drupal taught me is that you dont really need to be crazy about objects , its not the only way to be!.

But after googling identity maps for PHP on google, i just know that we as PHP developers, are being invaded by the Java Way of Live. All the examples for doing identity maps, are just a biased copy of Java. Separating identity maps from data mappers, and creating a ton of more classes just so it can be like the way its implemented normaly in Java. Why cant it be all in just a single class, after all im using the two of them together all the time.

But you can create a Facade Object and unite the two of them, a Java Saviour will say. Nooo hell no, I protest, just mix it all in the same class, make private functions, if you need, and create functions that call those functions that are called togetehr. After all you make a ton of futil getters and setter function, why not put some really useful functions inside it. STOP copying concepts at litteram, and make use of some creativity. Creativity will kill abstraction some day.

Singleton are Evil and other WTF
For example read this article, singletons are evil, they really are making a storm in a glass of water, they can't test a database access singleton, so they want me to use dependancy injection to "solve that problem"? Yes lets put more maneur on the problem, never mind all the instantiation I made before in my code, i will just refactor the hell out of it so i can put a new parameter on the constructor, for real.

They are so blind with their dogmas, they cant see the real problem lays in another realm. Singletons are useful and not using it just because it cant past an unit test, its insanely crazy, we are not programming to pass the unit test, unit test are not out master but our tools.

Maybe its time to change the way I test my singleton i already gave an alternative on the comments), or dont test it at all, its a singleton for god sake!. We tend to forgot that the goal is creating interesting and maintenable software, not appliyng every concept that they sell us, so our software have that "enterprise quality" that will make our brainwashed souls fell safe.

And so it is
And this is only the tip the iceberg, i know PHP is not the best, I am learning Python,just to know his wonders, but i will never freely choose program in Java again for a Web Project.

Just believe my words, in five years "enterprise" will be a pun for complex, boring and , spaguetti like programming, we just started with Struts, now.. Java?

Unite to the Game Development Group!

2010-12-08T17:12:00.000-08:00

How you doing my fellow programmers and designers, i invite you to the newly created Game Development group. Its all about of Game Development (in spanish), in every platform imagined. We will try to be a common nexus between spanish speaking developers around the world. Currently Topics of the group are: show us your project, ideas for a game, questions and answers of the community, and of course all new ideas for topics are welcome and encouraged.

Now go Ahead an suscribe to the group, you know you want it ;)

JavaServer Faces Newbie NavigateError

2010-11-30T14:27:00.000-08:00

So Im learning JavaServer Faces using netbeans 6.9, Tomcat 6.0 and Java 1.6.0_22; HotSpot(TM) 64-Bit Server VM 17.1-b03 (whatever it is) and i get caught with lots of errors, I kinda like PHP more than Java but work is work.

The Problem

Studying the navigation in Server Faces (you know the XML tags in faces-config.xml) i was having some troubles with a h:commandButton . After clicking that dammed supersubmit button that jsf kindly created for me (hate, hate,

hate those extra markup lines that JSF created automagically , what in god sake is type="text" value="Hola" name="helloForm:j_id_jsp_1546894878_4" suppose to mean?, is like developers where against designers, well i just want to kill some .. ARGGHHH, ok lets continue...)

Well after clicking that stupid submit button, it just doesn't take me to nowhere, and adding more insult to the injury, the widows seems to being charging. Well lets see what tomcat Log have to say:

Yup, nonsense glibberish in bloddy programmer red, an this is like 1% of the total log

From a noobbie point of view, this output scares me to death. I wasnt suppose to "disrespect" JSF at all, but How in earth Im supposse to know what is the error that makes all that messed up crash log get sooo large!?

The Answer

A bloody backslash, yes a boddy backslash like in /welcomeJSF.jsp. It was ahrd for the framework developer to tell me that the address was at least bad formated? And the tutorials didnt say a word about this. geshh . In puting this so it can help another newbie killing himself with jsf. God have mercy on us (and i dont believe in god, for JSF sake)

Quick tips on Drupal hook user

2010-09-12T12:20:00.000-07:00

So as you see, Im playing a lot with the hook_user function in Drupal. It has a lot of power, but unfortunately,theres not too much documentation to play with itl. I am going to post some random tips that i learn using the hook user function so this will be an article that would be updated frequently. The tips are for the Drupal 6.X version. Lets begin!

About the hook user function
This is an useful hook function when you need to play around with the users in Drupal, particulary registering users, updating users, validating the info of user and the deletion of user. This function receive four parameters:

$op: The operation to perform. Refer to the api to know all the variables
&$edit: The values returned from the login/register form. This is a reference to the variable, so be carufull changing values here
&$account: The user object on which the operation is being performed. This variable is not always the current active user!, so the global $user is not always equals to $account. For example if you are the superuser and you are registering manually a user called Michael, the $account should be Michael and $user should be the superuser
$category The active category of user information being edited. This works only for updating user info.

Tip A: The account variable in $op = validate
I have some problems with this. I was trying to access the name of the account like this $account->name, but it gave me an error saying that the object dont have that field.

When debbuging the variable, I could see the field name with the corresponding value.So what was the problem? Well it appears than when validating the form, the $account variable is an stdClass object, and with those object you cant use the -> operator, you can only access their fields using a sintaxis like associative arrays, so the correct sintaxis in this case is $account['name'] instead of $account->name. Have some fun with this

Tip B: Help, i cant debug hook_user using Drupal for Firebug, or drupal_set_message

The thing with hook_user and many hook in Drupal is that they are called over and over again across different pages.

Drupal for Firebug works putting some hidden html to your footer, so if you try to use it , it will not work. I dont know exactly why this happen but, for example, using firep in the validate $op just wont work.

drupal_set_message is an useful function to send messages to your current Drupal user. But I couldnt make it show a print_r($account) or a var_dump($account), for some strange reason , it just dont work.

The best way to debug your code , appart from using xcode, or Zend debugger, or other professional debug tools, is using the firephp extesion of Firefox. Theres a magic option called persist that save every data ouptputed to firephp, until you delete it manually.

The only problem with firephp is that you have to somehow, integrate it with Drupal. Its not so hard and this useful article will help you install it in a generic PHP program. But remember my word, that Persist Button IS your only friend in Drupal debugging, forget devel or Drupal for firebug module, they just dont have the power!

UPDATE 21 September 2010: Actually Drupal for firebug is an awesome module. After writing this article, as some sort of poetic justice, Firephp started to fail, an in exchange, Drupal for Firebug started to work!. So, i would recommend to use both, just in case, first plug-in Drupal for Firebug, and if it fails then launch Firephp and catch your bug.

Also the devel module as some nice functions for development. And lets not forget the dblog module (formally watchdog, you can found him here admin/reports/dblog). If you see some blank pages maybe going here can help you solve your problems.

Nobody says that being an PyroEntomologist was fun.

Redirect user after login in Drupal

2010-09-08T20:48:00.000-07:00

Redirecting users in Drupal is not easy as it seems to be. In this 6.19 version of Drupal, there are some gotchas to have in mind to make a succesfull redirection

The Direct Path : Hooking form_alter
Like the title say, what we need to do is create a hook for the form_alter hook. This hook is usefull for modifyng the form before rendering it (and for a lot of other interesting stuff), and because Mr. login block and Ms. login page (sitemap.com/user) are also forms, we are going to have fun with the hook(er) (bazinga? well, thats a sick joke). Here are the steps for ultimate redirection control:

Create a module: Create two files yeah.info and yeah.module (change yeah for whatever you wish but make sure to remember that key word) and put them inside sites/all/modules/yeah.

Fill yeah.info with this generic code:

;
$Id$
name = Yeah Redirect
description = "Redirect your users at login"
core = 6.x
package = "Yeah"

This is just a required file the module need to exist.

Fill yeah.module with this code
```
function yeah_form_alter(&$form, $form_state, $form_id){
if ($form_id == 'user_login' || $form_id == 'user_login_block') {
$form['#redirect']=array('thepath/you/want.php');}
}
```
Now, let me explain how this works:
- The first line tell you that you're hooking the hook_form_alter hook (sic). What does this means is that before any form is rendered this function is being called. Notice the three parameters, first one is the variable that hold the form, its an reference (& anyone?) so the changes you make to &form will exist outside this function. Dont worry too much about $form_state. The third one is the id of the form.
- The second line is an if that we use to capture only the user_login page form (user_login) and the user_login block form.
- If the form currently on form_alter is a login form, then we are going to modified it, giving the #redirect property the url that we want to go. If you need to pass parameters then use an array, the first one is the path, and the next ones are the parameters

This code should work for all the user login pages. But it will not work for user login blocks...

What the..
Yes, that code will not work for the login block of Drupal. Why? well because, redirect calls the function drupal_goto($url) an that function is going to ignore you if $_REQUEST['destination'] and/or $_REQUEST['edit']['destination'] exist. Why? I dont have a clue, maybe someone in Drupal wants us to be slapped in the face as a price for using this awesome piece of framework ( no sarcasm here, really!, i luuuuuuuuuve Drupal, well except the drupal_goto function).

The Solution

unset($_REQUEST['destination'], $_REQUEST['edit']['destination']);

Insert this after form redirect and youre ready to go!.

Dude, its not working
Well here are some hints if you need more help:

Make sure you activate the module . Duh!
Check that others noncore modules are not using drupal_goto. Drupal_goto is like a header('Location:....) , it will redirect you to another page, and if there is more code to process after calling drupal_goto, it would not be use.
Clear your theme_cache. Even if you have the 'Rebuild the theme registry on every page load.' on, hell just clear all the cache just in case.

Maybe im missing something here but with this easy explanation i think i have covered all that is need to know for redirecting users at login state. Happy Hooking

Drupal Subtheming nightmare with a happy ending

2010-08-28T23:25:00.000-07:00

Im modifying the user login form of a normal Drupal installation using the adaptative theme. so far so good, until i started to create some template suggestion files for my subtheme.

The tpl in question is named block-user.tpl.php. So i create my .tpl file and put all the needed stuff inside it. Then I put it in the template directory of my subtheme and .. it didnt work.

For now the file was in /sites/all/themes/adaptativetheme/subtheme/template/block-user.tpl

The second thing I did to make it work was copying that file on the template directory of the adaptative theme ( the father of my subtheme), and it works!. But why it didnt work on my subtheme?

The copied file was in /sites/all/themes/adaptativetheme/adaptative/template/block-user.tpl and also in:

/sites/all/themes/adaptativetheme/subthemename/template/block-user.tpl

The Fix
Apparently you have to had a copy of all the parent templates in your template directory. So the parent .tpl file of block-user.tpl.php is block.tpl.php. Its a bug in Drupal6, live with it because it wont be fixed. Why it works on the theme instead of the subtheme, because the Adaptative theme has that file by default. So I copy that file on my subtheme.. to no avail.

Clearing the Cache
I had the Rebuild the theme registry on every page load option on, so i wonder why it didnt work. I cleared all the cache ( Its an options that appears in the module Administration Menu, a must have module ), and Voila!, it worked in my subtheme!, so you must clear the cache when seeing funny stuff happening with your tpl files.

Optional Life Savier Info
Also they must be in the same directory as the parents of your subtheme. So if your main theme saves all our .tpl files in the templateyeah carpet, you need to create the same carpet in your subtheme.

Hope this little article help someone drupaling. Happy coding!

Aptana 3 Color schema sucks (and the remedy)

2010-08-13T19:08:00.000-07:00

So you installed the new Aptana 3 beta, but suddenly all your code its invisible to your eyes, including the cursor, yes, the cursor is, for some unknow reason, invisible to a normal human being.

And that's the reason, you shouldn't smoke crack cocaine when devising the new color schema of Aptana.

But dont worry, after some googling i found how you can change this to a more acceptable color schema.

1) Open your Aptana an go to the menu Windows->Preferences

2) Change the eyeburning theme to any other theme, god ,any other theme will do it fine. Just select Aptana->Theme and you will see something like the photo below:

BONUS PACK: How about the variable highlight, it just messing up my retina!!!!. Well I finally found where is the option to change it so it will look like this:

Well today is your luck day. Just follow this guide:

1) Go again to Windows->Preferences, and then navigate to Aptana ->PHP -> Mark Ocurrences . TIP: If you want to dissable it all, just uncheck all the options here and forget abot the rest.

2) Do you see the link called annotation up there?, just click it and you will see the next windows:

3) Here you will have to modified two options PHP Read Ocurrences and PHP Write Ocurrences, does those name make sense to you? neither to me, but what the heck, Aptana rules but the color schema suck, but you can change it anyway so enjoy it.

IE6 and Ubertcart

2010-06-07T09:36:00.000-07:00

There's a problem with Ubercart and any modules that use a great quantity of CSS files in Drupal. It doesnt seem to work in IE (any version).

Sympthoms
You install Ubercart or any other big module in Drupal. you test it and seems fine in all the browsers , except IE (again, any version). Seems like some CSS files are missing.

WTF happened to my CSS! yelling is another sympthom of this IE induced disease

Cause:
IE6 was created to support only 31 stylesheets if you use the link tag to insert them. So when you install ubercart, theres a big possibility that youre excedding that nonsense limit. Have a good day with that.

Remedy:
There are two ways to work this in Drupal without feelin like youre kicked in the nuts with an iron spiked shoe:

Im too young to die way (Easy Way): Just use unlimited css module, install it an forget about it. This module will call all the CSS files via an @import rule , you can have more thant 31 @import rules in IE, that why it work. Just as a side note, as a good web developer youre not supposed to use the @import rule because its mean trouble.

Hurt me plenty way (Medium Way): Activate the Css File Optimizer in Drupal. Go to admin/settings/performance and you will find the option Optimize the Css Files (duh!). This will mix all the css files in your web page to just one file. I couldnt make it work in my server, this option need a beefy machine to run so make sure you have a really reaaaaally fresh backup of your site before activating this.

You can also activate the Optimize the Javascript Code option, jsut remember to make a backup

So at least in Drupal there are ways to deal with it. Hey dont blame IE for teaching you about web server performance and making you lost 4 hours of your life yelling like a crazy schoolgirl before a Jonas Brothers concert.

Hate the Computers Gnomes, yeah thoses little rascals causing trouble again.

Change the Scayt language in Drupal CKEditor Module

2010-06-06T12:21:00.000-07:00

This will be a short post about that dammed Spell Checker that comes active by default in the Ckeditor module of Drupal. Well as to this day the best WYSIWYG Module in Drupal 6 (for me) is Ckeditor. Its simple to install, fast as hell at least compared to Fckeditor, and easy to configure, except the SpellChecker plugin.

Yes Ckeditor has an SpellChecker, No its not easy to configure.

By Default the SpellChecker plugin is active, and in english, so i couldnt find a way to deactivate it but at least I found the way to change the language. Just search for the string 'en_US' in the file ckeditor.js and change it according to the idiom you want.For spanish is 'es_ES'. You will found this file in the real ckeditor directory , not in the module.

That file is a minimized version of ckeditor. You can found the source in '_source' directory, just in case you wonder what does the real ckeditor do.

Drupal Lightbox2 and Paging

2010-06-04T10:45:00.000-07:00

So I had a strange problem with an ecommerce site Im developing. The site shows in the front page some products. The Owner told me to put a button with the magnifying glass over there, and when clicked, make it appear a modal box that shows more info of the product.

The Magnifying Glass in all it splendor

So hands at work, i use the lightbox2 and views module to make something like the owners command. The frontpage must show 8 products and if we have more, use a pager to navigate between products.

This is the pager, just in case youre asking what is a pager.

The problem? The view use paging so i show only the first eight products in the first page but if we go to the second page, problems occurs. The lightbox show all the modal boxes with the information of the first page. Oh god i smell some bug induced headache soon

The Solution
So after an entire day of debuging I found the problem: Lightbox2 is not taking in account the page you are when it retrieve the data. Basically lightbox2 use the load() function of jquery to get the WHOLE page it need to extract the info. The url of the page is inserted by lightbox2 usign the template in the file lightbox2_handler_field_lightbox2.inc

You have to change the line 124 like this:
Before:


   // We don't actually use the link, but we need it there for lightbox to function.
    if (empty($link)) {
      // Get the path name.
      $path = isset($_GET['q']) ? $_GET['q'] : '';
      //Created By Carlos
    }

After:


   // We don't actually use the link, but we need it there for lightbox to function.
    if (empty($link)) {
      // Get the path name.
      $path = isset($_GET['q']) ? $_GET['q'] : '';
      //Created By Carlos
      if(isset($_GET['page'])){
        $path = $path .'?page='.$_GET['page'];
      }
      $link = url($path, array('absolute' => TRUE));
    }

I just get the GET value of the current page and if it have a variable called page, append ?page= and the number of the page to the path that will be inserted in the lightbox trigger. Question anyone?

Adding new fields to the Ubercart Checkout module

2010-02-05T05:32:00.000-08:00

So, you are using Ubercart and Drupal, but the checkout address fields isnt enough for you. Lets say, you need to add some more fields like a cellphone number or a district field. Well you have come to the right place, but before this, let me give you some advice.

Before the hack/slash

There is a module called Extra Fields, that give you the ability to input some extra fields to your checkout page. But you can't insert your fields to the billing and delivery panel. It just create a new panel to put that extra info. Maybe with some CSS and JS you can move the extrafields to the biling and/or delivery panel.
There is a webform to ubercart checkout module, its in beta stage, if you need more thant text boxes maybe this is the module you are looking for.

Into the Abyss
This tutorial is not for beginners, but with a little know of copy and paste you can do the magic. User with a cpanel hosting can use the file manager and phpmyadmin to easily modified the required files and tables.

Also remember that hacking your Drupal Files is not something that i recommend, but in some cases, its the only way to do things here. I didnt know too much about hooks in Drupal, but for what can i see in the code, i think it isnt possible for this Ubercart version to create hooks to modify the delivery and billing panels.

Step o : Requisites:
Obviously you will need to install Ubercart 2.X with all the required modules. I used Drupal 6.15 for this tutorial, but I think it will work well with any Drupal 6 version.

Then, fill your Drupal+ Ubercart installation with some products and the info of your store. Make sure you install the checkout module of Ubercart.

Next step is creating a backup of your files and your database. You are not going to advance to the next step until you make your lifesaver backup. Seriously dont go ahead without your backup.

Also, before we going any further, theres something strange i need to explain first. The checkout panel contains two important panels, the delivery panel and the billing panel. Essencially those panels share the same fields, and, for some strange reason in ubercart, if you only need a field in one panel, you are going to create it in both panels and save that info in your database of both fields.You can hide one of them if you dont need it anyway.

In this example I'm going to create a new cellphone field for the billing and delivery address.

Step 1 : The database
First we need an identifier name for our new field. It should be a word in lower case. In my example I will just call it cellphone. Next thing is insert that variable in our database.

Use any DB manager (here im using phpMyAdmin) to update the table called variable and search for the row with the name uc_address_fields. This row contain the list of all the variables used in the checkout panel. Dont be scare, the text here is just a serialized php array. Now add a line containing something like this: s:9:"cellphone";s:9:"cellphone" (sic) somewhere between two semicolons, just like my image. Notice that you are going to repeat twice your new field. And for the curious s:9 means [s]tring of nine spaces. cellphone is a word with 9 letters. Just look how the other fields are stored here.

s:9:"cellphone";s:9:"cellphone";

2. Add the fields billing_identifiername and delivery_identifiername. to the uc_orders table. In this example im going to create billing_cellphone and delivery_cellphone. Its doesn't matters if you are going to use only one of them, you will need to create both.

The new fields on the uc_orders table

And thats its for the database. The next step is modifiendo the uc_store.module file.

Step 2 : Playing with ubercart/uc_store/uc_store.module file
Here is where the copy&paste party begin:

Search for the function uc_store_address_fields_form() that should be around the line 702. Now you see that big array? just add a field that identify your new field. I suggest using your identifiername for the array.


$fields = array(
'first_name' => array(t('First name'), TRUE),
'last_name' => array(t('Last name'), TRUE),
'phone' => array(t('Phone number'), TRUE),
'cellphone' => array(t('Cellphone number'), TRUE),
'company' => array(t('Company'), TRUE),
'street1' => array(t('Street address 1'), TRUE),
'street2' => array(t('Street address 2'), TRUE),
'city' => array(t('City'), TRUE),
'zone' => array(t('State/Province'), TRUE),
'country' => array(t('Country'), TRUE),
'postal_code' => array(t('Postal code'), TRUE),
'address' => array(t('Address'), FALSE),
'street' => array(t('Street address'), FALSE),
);

What is that t() function surrounding the text? It just a drupal functions that allow that text to be translated. Just
copy it as you see here.

2.- Now, next to that big array you just modified, there is a line under it,with a function called variable_get, it could be the line 728 but in any case it should be nearby. Add your identifier name inside single quotes as a parameter of the drupal_map_assoc function, like this:

$current = variable_get('uc_address_fields', drupal_map_assoc(array('first_name', 'last_name', 'phone', 'company', 'street1', 'street2', 'city', 'zone', 'postal_code', 'country','cellphone')));

3. Now go to the function uc_get_field_name that should be near the line 1177 and you will see another array. Just copy and item of the array and paste it and change it using your identifier name like this: 'cellphone' => t('Cellphone number'),

4.Next, go to the function uc_address_field_enabled near the line 1207 and you will find something like step two. Just add your identifier name as the last parameter of the drupal_map_assoc function.

5. This is the most important step on store.module, coz this is where you tell the database to obtain the address values. Go to the function uc_get_addresses near the line 1442 and you will see two database queries one for Mysql and the other one for Postgres. Modified the sql that you use, should be like this using the mysql select:

$result = db_query("SELECT DISTINCT ". $type ."_first_name AS first_name, "
              . $type ."_last_name AS last_name, ". $type ."_phone AS phone, "
              . $type ."_company AS company, ". $type ."_street1 AS street1, "
              . $type ."_street2 AS street2, ". $type ."_city AS city, "
              . $type ."_zone AS zone, ". $type ."_postal_code AS postal_code, "
              . $type ."_country AS country, "
              . $type ."_cellphone AS cellphone FROM {uc_orders} WHERE uid = %d "
              ."AND order_status IN ". uc_order_status_list('general', TRUE)
              ." ORDER BY created DESC", $uid);

6. Now lets get back to line 336, here we are going to copy and paste one of those lines below, copy it and change it. With the cellphone example it should be like this:

  $conf['i18n_variables'][] = 'uc_field_cellphone';

Step 3 : Playing with ubercart/uc_order/uc_order_order_pane.inc
This is easiest. There are two modifications, one for the delivery and one for the billing:

1. For Delivery: Go to the function uc_order_pane_ship_to and you will see a switch case. Look for the 'edit_form' case in line 27, this is where you have to copy&paste one of the if, and make 4 changes. Heres an example of before (phone) and after (cellphone).

    Before:
   if (uc_address_field_enabled('phone')) {
     $form['ship_to']['delivery_phone'] = uc_textfield(uc_get_field_name('phone'), $arg1->delivery_phone, FALSE, NULL, 32, 16);
   }
    After:
   if (uc_address_field_enabled('cellphone')) {
     $form['ship_to']['delivery_cellphone'] = uc_textfield(uc_get_field_name('cellphone'), $arg1->delivery_cellphone, FALSE, NULL, 32, 16);
   }

Once you have done this, you can modified the line 24 (the view case) if you want that the info fo your field appears in the Orders options of ubercart, the page where you see the data of your order as an admin. This is an example with the line 24 modified for cellphone

$output = uc_order_address($arg1, 'delivery') .'
'. check_plain($arg1->delivery_phone) .'
'. check_plain($arg1->delivery_cellphone);

2. For Billing, just repeat this step but look out in the line 122. if you want the billing data to show in your Order page, just modified the line 112 like in the delivery example.

Step 4 : Playing with ubercart/uc_order/uc_order.module file

1. (Optional) Add our field as a token. go to the line 407 inside the function uc_order_token_values. Here you should copy one of those lines, paste and modified it. Create one line for the billing and one for the delivery. In my example it should be like this (the red part is the new):

$values['order-shipping-phone'] = check_plain($order->delivery_phone);
$values['order-shipping-cellphone'] = check_plain($order->delivery_cellphone);
$values['order-billing-cellphone'] = check_plain($order->billing_cellphone);
$values['order-shipping-method'] = is_null($ship_method) ? t('Standard delivery') : $ship_method;

2. (Optional) Give a description of that token. Go to the function uc_order_token_list, near line 441 copy an paste one of those lines. Heres an example for the billing an delivery description:

$tokens['order']['order-shipping-cellphone'] = t('The cellphone number for the shipping address.');
$tokens['order']['order-billing-address'] = t('The order billing address.');
$tokens['order']['order-billing-phone'] = t('The phone number for the billing address.');
$tokens['order']['order-billing-cellphone'] = t('The cellphone number for the billing address.');

3.The code that save your field in the db. Go to the function uc_order_new near line 1013 and search inside it for an sql with the insert command. Modified it so it insert data into the rows create in step1. Remenber one for the delivery and one for the billing field. The sql would look like ( the ... is a resume, dont take it literally!!!)

db_query("INSERT INTO {uc_orders} (..., created, modified,billing_cellphone,delivery_cellphone) VALUES " ."(..., %d, '', '')",

4. The code that update your field in the db. go to the function uc_order_save near the line 1046 and look for the sql that update your data. Modified it so it update your field.

Step 5 : Playing with ubercart/uc_cart/uc_cart_checkout_pane.inc file
1. Modifing the checkout_pane_delivery hook. This hook is called to interact in the checkout module of Ubercart. Go to the function uc_checkout_pane_delivery near the line 224, copy and paste one of those if statement inside it and modified it according to your identifier word, like this:

if (uc_address_field_enabled('cellphone')) {
$contents['delivery_cellphone'] = uc_textfield(uc_get_field_name('cellphone'), $arg1->delivery_cellphone,uc_address_field_required('cellphone'), NULL, 32, 16);
}

2. Go to the case 'process' near line 292 and copy and paste one of those $arg1, modified it accordly:
$arg1->delivery_phone = $arg2['delivery_phone'];
$arg1->delivery_cellphone = $arg2['delivery_cellphone'];

3. Reviewing your field (optional). Go to the case 'review' near line 293. This line is called to review the data of your field when a client make an order.I just copy and paste some text there but maybe you would need some more exotic validations here.

if (uc_address_field_enabled('cellphone') && !empty($arg1->delivery_cellphone)) {
$review[] = array('title' => t('Cellphone'), 'data' => check_plain($arg1->delivery_cellphone));
}
4,5,6 This is the same as 1,2,3 but is for the billing panel. Go to the function uc_checkout_pane_billing in line 371 and modified it if you wish to have an field in the billing pane.

NOTE: you can choose here to do only a field in the delvery or the billing panel, or maybe both. Just follow instruction 1,2,3 for the delivery panel and/or 4,5,6 for the billing panel.

Step 6 : Some js in ubercart/uc_cart/cart.js file
Have you seen that checkbox that copy the billing field to the delivery field? Well you can modified it if you want to copy your new billing_field into your delivery_field. Go to the line 129 and see some repetitive code of the fields. Heres the code i create for copying my new cellphone field.

$('#edit-panes-' + temp + '-phone').val(address.phone).trigger('change');
$('#edit-panes-' + temp + '-cellphone').val(address.cellphone).trigger('change');
$('#edit-panes-' + temp + '-company').val(address.company).trigger('change');

Thats it folks, its not easy but with this we are covering all the step to create a new checkout field in ubertcart. Enjoy

Create a Design for PHP Classes

2009-12-01T20:05:00.000-08:00

You have until 15 of december to create a http://www.phpclasses.org/design.html , using only CSS and PHP, not javascript, to improve the old (and ugly) design of PHP Classes. The prizes are 3000$ to your Paypal and fame as the saviour of PHP Classes. Well hope this work better than the Postgres Contest, that well sucked big time, they just dissapear withouth telling much more info than "Because the few design you send suck we are not going to continue with the contest", and yes i was a contester XD, an no, my design didnt suck.

Directoy Problems with Drupal

2009-12-01T08:35:00.000-08:00

So im testing Drupal, the uber CMS. Its so great to have a tool like Drupal to create webpages. But well im new into this and i had an interesting problem.

I create a site called Akami*, and made the mistake of creating it in a subdirectory called Amaki, notice the 'm' and the 'k'. In my localhost the page works as it should, but then i deployed it on a real server, in his REAL subdirectory "Akami", so i was having problems because all the routes where pointing at Amaki instead of Akami.

The Solution:
Flush the cache. For this I recommend to install the Admin Menu Module, it will make you life easy, and well if you use Drupal 6.14 (the last version) use the Alpha.3 version of the AdminMenu, or the latest alpha. Anyway in orden to recreate the menu you have to flush it. In this case you have to go to the url pointing that is pointing to the Flush button in the admin menu:

And the go to that site, of course here amaki is wrong so you have to manually change the wrong name to the true name. In this case from amaki to akami.Then press the flush all caches and youre done. Hope this will be helpfull for someone.

* The true site name is hidden for security reasons ^^

Custom Css Tips for Jquery Tabs

2009-11-09T22:37:00.001-08:00

I love Jquery Tabs , it just make your life easier... well, only when you use his custom CSS.

But how about integrating it with your custom CSS, instead of his restrictive-gun-in-head Themes? , of course we know how to create a Tab Menu in CSS, but integrate it with Jquery Tabs is not so easy. So after one day of debugging my own code i will give you some tips to create your custom css for jquery tabs.

Tip 1: Know the classes for the Navigation Tab Bar: There is only one class that you will need to know little grasshoper:

ui-state-active: As the name implied, this class is added to the tab that is currently selected, dont mind the other classses, you will not need them, this is the silver bullet class for jquery tabs.

So we will need 4 css for know

The Default Navigation Bar Css
The Css for the a tag inside tha navbar
The Css of the ui-state-active bar
And the a tag inside the active navbar

So the css for this navigation bar(1) will go like this:


ul.grindyMenu li{
background:white;
color:#D09984;
display:inline;
list-style:none;
padding:1px 15px 1px 15px;
}

Then we add the a tag css(2)


ul.grindyMenu a{
text-decoration:none;
font-size:0.7em;
font-weight:bolder;
}

And for the active tab css(3), it will be like this :


ul.grindyMenu li.ui-state-active{
background:#D09984;
}

Finally the a tag inside the active tab (4):


ul.grindyMenu li.ui-state-active a{
color:white;
}

Now there is a small catch, your css file should have those rules written in that order. Maybe here you will not need to follow that tip, but what if you need to create a rule for the ui-state-default class. Do you notice how the active and not active tabs, both have the ui-state-default class? If you declare ui-state-default after ui-sate-active, it will override it:

So make your life easier and put those rules in order, first the default class, and then the active class in your css file.

Tip 2: Know the classes for the Panels, here also we wil only need one class:

ui-tabs.hide: This is the most important class, this class make the non active panels to hide


.ui-tabs-hide{
display:none;
}

And that's it. Put this class and everything will be allright. Happy coding!

Fixing WAMP 2.0 i and not so friendly extensions

2009-08-27T20:19:00.000-07:00

WAMP2 is like a defacto standard for developing and testing PHP in a Windows enviroment. Particulary i used to use Wamp 2.0A in a WinXP SP2 platform. Also i use Postgres instead of Mysql, just because Pg owns Mysql big time. But there was a problem...

Also it didnt work in other WAMP versions

Like a year ago i wanted to use the next version of Wamp2... the B version. But I couldn't. Well i could install the Wamp server but there was an error when i wanted to activate the php_pgsql extension, an error like...

PHP Unable to Load the muthaphucking Dynamic Library 'c:\blah\blah\ext\php_pgsql.dll' - The specified module could not be found.

Yup, something like that. So after a lot of search and falses promises in google, i found the solution not only for that postgres extension, but for all other extensions that doesnt want to be loaded dinamically.

The Solution: Make sure that you are using the right php.ini file when you....

Ah Ha..Just kidding, the fast and furious solution is to search for this file libpq.dll in your wamp directory and then copy it to WINDOWS/system32 if youre using win XP(sorry for those using Vista, btw Vista sucks).

Hate & Love this file

And its done, you can now use Postgres with WAMP2 version I (yes version I, not 2.. long story).

I dont know exactly why its works, but it works and that the only thing i want to know. And for fixing others extensions, well u got to look for the access library of that extension and put it on system32, and replace it, if it is the case. Hope it helps someone. =)

I found it looking here., but they fix mysql, so this is my sand grain for the Postgres Project.

PostgreSQL.org Website Design Contest

2009-05-15T10:30:00.000-07:00

Yup my favorite database is making a contest to redesign his Website. Of course im givin' it a try so you will see me with one of my design there. This is the first time I go to a contest like this but i will make my best there.

Of course there's a 2000$ prize that make me like much more Postgres, but the initial love is there. The price is divided between 1000$ for the winner Design and 1000$ for makin that Design go online.

My strategy is to create the CSS without hacks, and then use some jquery to make it web 2.0

So if youre a Web Designer you can go ahead and make your best.

Getting seconds from a timestamp PG and My

2009-03-08T18:37:00.000-07:00

UPDATE 17nov2010: I Change the URL of my uberfancyfull game, give it a try.. although its in Alpha Stage.

In my game i need to do a lot of date and time calculations which i prefer to do on the database instead of doing it on PHP. But unfortunately (or fortunately?) i had to change my DB from a Postgres DB to a Mysql DB a while ago.. but i finally bought a hosting with Posgtres 8.3.X. So i had been practicing in getting the same data stuff from the two databases.

And here comes the interesting stuff. Do you ever needed to get the difference between 2 timestamps and get it on seconds? Well let me show you the way:

MYSQL Way:
SELECT TIME_TO_SEC(TIMEDIFF(example_time,now())) AS clock FROM movements

Ok let go step by step(uh baby!!):
1) TIMEDIFF(example_time,now()) This will get the difference between example_time and now(). As you know now() get the actual time in the server. So lets say example_time is '2009/10/10 23:10:10' and now() give us '2009/10/10 23:05:05' the result will be '00:05:05'
, Thats ok but we need it in seconds so.
2) TIME_TO_SEC(time) This function get a time value and return that number in secods.. so in our example it will give us 5*60 +5 = 395 seconds.

POSTGRES Way:
SELECT EXTRACT(EPOCH FROM example_time - now())::integer AS clock FROM movements;

Thast totally different from Msql .. let me give you a brief explanation fo the sintax:

1) EXTRACT(EPOCH FROM example_time - now()) The EXTRACT function is a tricky one, it will extract some part of the timestamp invlolved here , in this case the rest of example_time minus now(). Putting EPOCH first make the EXTRACT function transforms the answer of example_time - now() into seconds . Be carefull with putting SECOND instead of EPOCH.. that will extract only the secods of the answer (from 1 to 59), so in our example with EPOCH we will get 395.45.. and with SECONDS we will get 5.45..

2) EXTRACT(...)::integer This will transform our answer into integers so intead of 395.45.. we will get 395.And just btw.. this will not round our answer, it will get just the integer part of the result.

A POSTGRES Frebbie anyone?:
This is a Postgres Function I created to simulate the TIME_TO_SEC() funtion in mysql. USe it free of charge ;):

CREATE OR REPLACE FUNCTION "public"."time_to_sec" (first timestamp, second timestamptz) RETURNS integer AS
$body$
DECLARE
segundos integer;
BEGIN
segundos = EXTRACT(EPOCH FROM first - second)::integer;
return segundos;
END;
$body$
LANGUAGE 'plpgsql' VOLATILE CALLED ON NULL INPUT SECURITY INVOKER;

Thougth of a Numeric ID in Jquery

2009-02-15T02:21:00.000-08:00

I have devoted some of my time to create a Web Browser Game. This game has a Map (It is just a table with a lot of CSS to make it look like an Real Battle Map)... Well i started to work on it an created each tag with a numeric ID.. heres some code example:

But when I tried to select a ROW from the table by its ID like $('tr#0'), it doesnt work. So debuggin and debuggin I figured out that using a numeric Id in any TAG make jquery crazy. There are two solutions for fixing this behaviour:

A) Use eq to get the element of your desire: Something like $('tr').eq(1) will make the trick

B) Dont use a numeric ID at all: I think this is the best solution, so instead use something like:

Hope it help somebody with the same problem

Double Border Stuff - Playing with CSS

2008-10-29T05:14:00.000-07:00

Yesterday i was in a hurry to create some fast CSS, so a copy&paste frenzy just came in, and i discovered a maybe usefull way for putting double border. Lets look at it more carefully:

Imagine you have a div:


Hi Im unique

Now lets put some css to make it pretty


div#Unique{
   background:#0033CC;
   border:10px outset #ccc;
   color:white;
}

Ok, maybe not sooo pretty,anyway we will have something like this:

Hi Im unique

What if we put some more border options in here, something like:


div#Unique{
   background:#0033CC;
   border:10px outset #ccc
   border-top:15px double outset #ccc;
   border-bottom:15px double #ccc;
   color:white;
}

Walla!!!. Our DIV get a makeover and finish like this:

Hi Im hell more unique :P

Notice that here this:


div#Unique{
   border:red;
}

is equal to say:


div#Unique{
   border-left:red;
   border-right:red;
   border-top:red;
   border-bottom:red;
}

So is nothing new but you can create a beatifull effect using only pure CSS.

Better yet i was testing it and its seems like it work on Firefox 3, Opera 9.5 and believe it or not in IE 6.0!!!. That just some kick-ass CSS!!!. Well not really but it may be helfull. See ya next deculture ^^

How to create a Tag Cloud in Blogger

2008-10-19T10:47:00.000-07:00

In my quest for a decent tag cloud system for my other blog, i have found this

The Tag Cloud for Blogger create in this page/blog: phydeaux3

I have just tested it in my other blog and it just works!!!. I higli recommend it.

1 Crazy Way to use json - json precharge

2008-10-16T15:19:00.001-07:00

So youre a web developer doing some boring stuff with forms, lets put us in this scenario: You have a Typical Web Form generated with PHP. Also in the form you have some mighty select boxes called State and City, so every time you change the State, the City select box change. So What?, you will say,that stuff is ajax for sure. But what happens with the inital load of info, i mean how do you fill the select boxes the first time you access the page?

The Form in all his splendor

Well there where three options... until now ;)

A) Old School Server Madness: Yeah the standard to choose... in 2001. In this scenario the form is created with PHP, and when the selectbox of State change, you send a new almost identical page via GET or POST method with a fresh refill of Cities according to the state you send. This was the old way and i still see that methood going around in some pages. So why not use that?

Well fisrt is slow as hell and well.. AJAX anyone?, but the biggest reason why you should'nt work like that is because the server dont know if what you try to do when you send the POST/GET is getting new cities or sending the complete form filled, so you play with unnecesary hidden variables or check that all the fields are not empty,well just more work for such a simple thing

B)Server Precharge the Data,and Ajax afterward: This scenario is now the standard way to solve this problem, but not the brigthess. Here you fill the first round of cities with PHP and when the select box change, you do it via AJAX, so you send the petition, the server create the city DOM (i mean the options tags with duh.. the options), and then Mr Javascript take charge and put the DOM into the selectbox. So what's wrong with this way? Well nothing is wrong but it can be better.Think again little grasshoper, why build the DOM from the server when you can build it on the client.Imagine if you free the server for all the charge of creating DOM, say goodbye to loops and whiles and if statements. If you know what MVC means this can a way to make things better. So why not send the data in a naked stance to the client and let them write his DOM. Well, let me introduce C guy.

C)Ajax Semigod takes the (pre)charge: This is like the next step, like going from an ATARI 2600, to a BlueGene that kick Gasparov Ass. In this scenario (lots of scenarios in my blog) you send the form empty, and you use javascript to create the DOM based on naked data send from the server using eiher XML that is slow, or using json, that is fast. So json it is. Now when the page finish to load the first time, all the select boxes are empty,so you use ajax to fill them. Well here you get a bonus over the other methods, you put some of the work of the server into the clients (da browsers). So the Server just have to send Data in json, in PHP you do something like this:


< ?php echo json_encode($array_of_cities) ?>

and that's it, you get a jsonized var that you can send to the client.He will do the rest. But wait, isnt this alot of unnecesary calls to the server? I mean that can be done faster if the server draw the first selects boxes and when we need a fresh supplies of cities we ajax it until fullfitness?. Yes but you are creating a new deja vu here, the client and the server are doing the same thing. So was wondering a few days ago a better way todo it, so here it is the:

D)Json Precharge Overdose: Well i guess there are alots of smartguys that have discover this method but , i never see any reference to this so here it is. Its a fusion from B and C.
The first load of the form, you send the page selectboxes unfilled but you also print the PHP cities data (naked data), and make it a global variable in javascript. How ydo you do that?

Well in PHP you do something like this:


< ?php echo "var naked_data= eval('$array_of_cities') "?>

And then when the page load, you create with javascript the options DOM for the city select box using the global variable printed with PHP. The next time you call for fresh data, you just ask for the same fucntion that get you the json and recreate the selectbox DOM again using javascript. If you think in a MVC way, you are just effectively separating the view from the controller. So now you free the server forever of building the page DOM and you dont get unnecesary AJAX call to the server. But this method does have some problems:

The fact that youre using globals variablesin javascript can make your life a living hell in large projects. But not so if you use a javascript framework like jquery, or use object in javascript, so if you have some order in your code, this can help alot.
Using PHP to print javascript code, thats not good, but remember that youre not creating all the javascript in the page. You re just sending data from the server to the client. so the client can work with it.

So next post in my blog wil be putting this topractice usign jquery and php, stay tune

What is & Why Social Bookmarking

2008-10-13T18:30:00.000-07:00

Lets say you have you Blog ready to be launch and be read by a lot of people, but nobody comes, so what do you do?

Well you can tell your friends about your "wonderfull" blog, then you have now 10 people, well let's say 20 people (youre a very friendly guy, dont you?) that knows about your blog, well thats just not enough, maybe you will spread the notice in all the contacts of your mail, until you get busted for spammer or maybe you think its a good idead to go on rampage in to the first chat room that you find googling, but guess what, nobody in that chat room give a dimme for your blog.

This same question arise again and again in your head,asking yourself what should i do to bring more people to my blog/webpage?, well, there an answer, welcome to the world of Social Bookmarking.

Now, in this so called is social bizarre bookmarking world, you are read by strangers that seek information that can have some relation with your blog. How does those strangers now your blog have something related to what they are searching?, because of the tags, little words that describe what is the subject of your blog. For example this Post have the social bookmarking tag, so anyone looking for social bookmarking could find this post and all because of the migthy tags

So, that doesn't resolve our predicament, or maybe yes (please, imagine Mr burns laughing hard),if that random dude, find the post useful ( or funny, hot, cool, whatever) he will feel the need to share it to the world, ergo, he socialbookmark it, which means that he will post your blog in a page that shares the dude's personal bookmarks to the world. And as a plus, people can find your blog by the tags assgined toyour post.

So anyone seeing that repository has a chance to see your post and visit it, and if he too find your post worth for some socialbookmarking, well tomake things shorter, you can become very famous, (and maybe your webpage will go down by the excesive amount of visitors, yup that happens a lot).

Well actually some guys say that maybe those readers are not quality readers, well for starters i think any publicity is good, but keep in mind that socialbookmarking is a sword of double edge

Well look at this video, it explain alot better than me, what socialbookmarking is

Happy deculture ^^

Syntax Highlighter on Blogger - Color Madness

2008-10-13T14:08:00.000-07:00

So, youre a uberbloggerweb designer in a mission to create the perfect css and now you want to share it in your blog so you can make your ego feel good. But oh surprise! you want your code to look better that this mess:

#header #header-menu ul li {
color:#FFFFFF;
float:left;
font-family:Verdana;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:22px;
line-height:22px;
margin-right:6px;
}

#header #header-menu ul {
list-style-type:none;
}

maybe a little more like this (heaven incarnate css):

#header #header-menu ul li{
color:#FFFFFF;
float:left;
font-family:Verdana;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:22px;
line-height:22px;
margin-right:6px;
}

#header #header-menu ul {
list-style-type:none;
}

How do you do that? , Well wonder no more my egomaniac developer cuz im bringing ya... FaziBear Blogger Syntax Highlighter!

Step1: Go to Fazibear gadget page and:

(1) Click here and (2)Click there (oh god this is so easy).

Step2: Create a new Post, put your code-to-be-colored on, go to Edit HTML,and surround your code like this:

Yes, it is an image, and yes you have to type it, you lazy developer

you can choose different flavors (replace c-sharp with the alias of your choice):

Language	Aliases
C++	`cpp`, `c`, `c++`
C#	`c#`, `c-sharp`, `csharp`
CSS	`css`
Delphi	`delphi`, `pascal`
Java	`java`
Java Script	`js`, `jscript`, `javascript`
PHP	`php`
Python	`py`, `python`
Ruby	`rb`, `ruby`, `rails`, `ror`
Sql	`sql`
VB	`vb`, `vb.net`
XML/HTML	`xml`, `html`, `xhtml`, `xslt`

more easy, impossible, just remember that this gagdet is only for Blogs on Blogger.

Say thanks to the maker of this gagdet, the great Fuzzyb.. i mean FazyBear
He created the gagdet based on this Library. This library is all in javascript so you can use it if you use Wordpress. But i wont tell you how to do it on Wordpress ;)

See ya next deculture

TwitterTalk -Make your own Twitter Avatar

2008-10-11T21:34:00.000-07:00

What the heck is this gagdet?
Basically we put the last message of our twitter account into a talkballlon like a comic. We can put it in an image and make it "talk". Here, look at this example on my experimental blog TaurenCreate

Now see the badass tauren become alive with all your nonsense. Happy now?, No?, well Im sure Mr Tauren is happy now.

[Awesome Dude]||[I hate you, you Tauren lover], so, How do i do it?
Well you will need some frigging knowledge in CSS and tweak some stuff inside your blog HTML, that's it, now lets do it baby

Step 0: Create a Twitter Account an log in, well this is kinda obvious, so do it now if you dont want to feel bad for not having one acount already ^^.

Step 1: Go to http://twitter.com/badges/blogger and do like this:

1) Select only one update, bitchslap u for thinking different than me
2)Select no Title and enjoy
3)Make a click in grab the code and copy it, now comes the funny part

Step 2: Go to Design->Page Element and...

1) Add a New Gagdet
2) Select HTML/Javascript
3) Paste the code and save it.
4) BE happy, we almost finish

Step 3: now the not so funny part, go to Design->HTML Edit and..
a) Save your template for the love of god
b) Put this CSS whenever you feel comfortable (maybe after the body tag, just maybe)


  /* Main - talkbox */
  #twitter_div{
     width:270px;
     padding:10px;
     list-style-type:none;
  }

   #talkbar {
   width: 312px;
   font: normal 12px Verdana;
   color: #ffffff;
   margin: 180px 0 20px 0;
}

#talkbar-top {
   background: url(http://lh3.ggpht.com/designbyjeeba/SPDRDpyk6hI/AAAAAAAAAP4/SekxCACvl9U/talbox-top.png) no-repeat;
           padding-top:16px;
}

#talkbar-bottom {
   background: url("http://lh3.ggpht.com/designbyjeeba/SPDgJvWkl6I/AAAAAAAAAQE/6NJp7-S9TCA/talbox-bottom.png") no-repeat left bottom;
           padding-bottom:22px;
}
   #talkbox1 {
           padding-left:10px;
           width: 312px;
   font: normal 12px Verdana;
   color: #ffffff;
           background:white;
           background: url("http://lh4.ggpht.com/designbyjeeba/SPDRCwiw2YI/AAAAAAAAAPo/fW0GsA55cGg/talbox.png") repeat-y;
           color:black;
           margin-top:65px;
   }

c)Now search for the widget tag that contains the HTML code you just insert in Step2, and put it between this code (in this example the red part is the widget tag code you just create).

d) Now comes the tricky CSS part that i have been warning you about, you have to paste the code of (c) into your blog HTML. Paste it near the position of your avatar image (maybe inside of the sidebar or inside a new div,the choice is yours) and modify my CSS at pleasure. This kind of talk-ballon should be put as a float or inside a floated tag. Using firebug can help a lot in the process.

And its done, hug yourself for making this gadget work. Well dont forget to digg me if you like this

Design By Jeeba

2008-07-28T07:35:00.000-07:00

Hi and welcome to Design By Jeeba, this blog is about Web Development, Templates Widgets & Gadgets. I have another blog where i experiment with my crazy ideas.

ola y Bienvenidos a Jeeba Design, aqui trato los temas de diseño web y pequeños tips y gadgets que me voy imaginando. Y como bono todo viene con ejemplos desarrollados. Actualmente tengo otra blog sobre Creacion de Juegos Web, que la utilizo como conejillo de indias jeje.Un saludo y hasta la siguiente ocasion