HTML / CSS / JavaScript

Joomla-like (Administrator) User Interface

I like the joomla's administrator user interface because of its cleanliness, so I decided to design an interface imitating it. It's pure CSS (cascading style sheet). Below is a screenshot of the said design.

joomla 1.5 user interface

Designing Field Error Message in Struts 2

The struts 2 tag <s:fielderror /> will generate the following html tags when field error occur (my example if for age and birthDate field):

Write Area - WYSIWYG HTML Editor

After upgrading from Ubuntu Karmic Koala to Lucyd Lynx, firefox was also upgraded. Its now version 3.6.3.  Firefox says Xinha is incompatible to its version. Im worried since it's my only wysiwyg html editor. Im planning to downgrade firefox. But before that, i tried searching a fiirefox add-on and look for wysiwyg. One of the result is Write Area.

Convert Source Code to Colorized HTML

Other than vim, i used Code HTMLer and Code Colorizer to post source codes in my blog.  Code HTMLer can convert c#, c++, Java, Javascript, VB.net, XML, Powershell and F#

Installing xinha (html WYSIWYG editor) in Firefox

Xinha is an open source html WYSIWYG editor replacement for <textarea> fields.
To install, follow the steps below.

Convert Source Code to HTML using vim

1. open your source code in vim
        go to Applications >>> Accessories >>> Terminal
        then type vim <codeFileName> then hit Enter
        e.g vim factorial.py
2. convert your code to readable html
       type :runtime! syntax/2html.vim then hit Enter

Remove Navigation Bar in Blogspot

Follow the following simple steps to remove the unwanted navigation bar in your blogspot blog.

Googlebot indexed my site!!!

My site is now searchable in Google search engine. I waited for two weeks after submitting my url, and now my site was indexed regularly by Googlebot--the search bot software used by google. Im waiting for Yahoo to approve my site.

google search engine

This file uploader is disabled. Please check the "editor/filemanager/connectors/php/config.php" file

This is a FCKEditor error when you try to upload image. FCKEditor is a WYSIWYG (what you see is what you get) HTML editor. As what the message said, file uploader is disabled so you cant use it. To enable, open the "editor/filemanager/connectors/php/config.php" file and look for the following line

$Config['Enabled'] = false ;

change to

$Config['Enabled'] = true ;

done...

Syndicate content