Kabatology ~ Open Source, Linux » Martin Kaba http://www.kabatology.com Practical hand-outs on Open Source Standards, Reviews, Linux Solutions including Hacks, Tips & Tricks Wed, 20 Aug 2008 12:33:09 +0000 http://wordpress.org/?v=2.6.1 en WordPress - Creating Tab Menus with Yahoo! YUI Tab View http://www.kabatology.com/08/12/wordpress-creating-tab-menus-with-yahoo-yui-tab-view/ http://www.kabatology.com/08/12/wordpress-creating-tab-menus-with-yahoo-yui-tab-view/#comments Tue, 12 Aug 2008 10:55:47 +0000 Martin Kaba http://www.kabatology.com/?p=606

The Yahoo! User Interface Library (YUI) is a set of JavaScript utilities and controls, for building interactive web applications. The YUI Tab View is part of that vast library - - it help you to quickly create and design Tab Menus.
The advantage of Tab Views is that they allow you add more content to your web page whilst occupying less space. If well done they won’t slow down website-browsing.

If you’re using the Ndocmhe Summary Theme - II Columns for WordPress or Blogger, then the best place to insert this tabbed menu is the header — like on this blog. Don’t bother to contact me for more info.
Step 1: Including JavaScript files - Place above the </head> tag

...
      <!-- JavaScript Dependencies for Tabview: -->
      <script src="http://yui.yahooapis.com/2.5.2/build/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"><!--mce:0--></script>
      <script src="http://yui.yahooapis.com/2.5.2/build/element/element-beta-min.js" type="text/javascript"><!--mce:1--></script>
      <!-- Source file for TabView -->
      <script src="http://yui.yahooapis.com/2.5.2/build/tabview/tabview-min.js" type="text/javascript"><!--mce:2--></script>
      <!-- Source file for TabView -->
      <script src="http://yui.yahooapis.com/2.5.2/build/tabview/tabview-min.js" type="text/javascript"><!--mce:3--></script>
 </head>

Place this code below the <body> tag

<body>
    <script type="text/javascript">
         var myTabs = new YAHOO.widget.TabView("menu_content");
    </script>

Step 2: Including Markup for the Tabs - Place this where you want your tabbed menu. I have it in the header.php file

<div id="menu_content" class="yui-navset">
          <ul class="yui-nav">
	        <li class="selected"><a><em>Most Viewed</em></a></li>
	        <li><a><em>Most Emailed</em></a></li>
	        <li><a><em>Recent Articles</em></a></li>
          </ul>          
          <div class="yui-content">
                <div><!-- Place in here  list of Popular Articles or equivalent plugin --></div>
                <div>...</div>
                <div>...</div>
         </div>
</div>

Make sure the number of items in the “yui-naveset” and “yui-content” correspond.

Step 3: Styling with CSS - Place in your CSS file and customize to taste

/*  Yui Tabbed Menu  * /
.yui-navset {width:410px; float:left; height:134px; border:1px  solid #666; margin-left:4px; margin-bottom:4px; display: inline; } 
.yui-content {width:400px; clear:both; height:88px; margin-left:4px; margin-top:0px;}
.yui-nav {padding:1px 0px 3px 0px; margin-left:0px; font:12px Verdana; border-bottom:1px solid #666; list-style-type:none; text-align:center;}
.yui-nav li{display:inline; margin:0px;}

.yui-nav li a{text-decoration:none; padding:3px 7px; margin-right:3px; border:1px solid #666; border-bottom:none;
               background-color:#FFF; color:#2d2b2b;}

.yui-nav li a:visited{color:#2d2b2b;}
.yui-nav li a:hover{background-color:#ca0002; color:black;}
.yui-nav li a:active{color:black;}
.yui-nav li.selected a{position:relative; top:1px; padding-top:4px; background-color:#DBFF6C; color: black;}

CSS is magic, you can modify it as much as you want.

Article from: Kabatology ~ Open Source, Linux

]]>
http://www.kabatology.com/08/12/wordpress-creating-tab-menus-with-yahoo-yui-tab-view/feed/
Find Linux Alternatives to Windows Software http://www.kabatology.com/08/08/find-linux-alternatives-to-windows-software/ http://www.kabatology.com/08/08/find-linux-alternatives-to-windows-software/#comments Fri, 08 Aug 2008 12:33:53 +0000 Martin Kaba http://www.kabatology.com/?p=600

Switching to Linux might also mean saying goodbye to some of your favorite software, if that software is not available for the Linux OS, but it is good to know that in such cases there is often an equivalent application, with the same functionality with the one you left behind, so you just have to learn and adapt to this new product(easier said than done).

If you’ve just moved over to Linux, or are tempted but worried about how to get the right software for your distro, then know that the Linux Alternative Project has done part of that job for you. This list of alternative/equivanltent software is very exhaustive. You’ll find equivalents to popular softwares like Dreamweaver = Quanta Plus, Bluefish; Scribus in place of QuarkXPress or Adobe PageMaker and so on.

Formerly known as the Linux Equivalent Project, the project’s website is often updated and has long been of help to me.

Article from: Kabatology ~ Open Source, Linux

]]>
http://www.kabatology.com/08/08/find-linux-alternatives-to-windows-software/feed/
How to Browse restricted Websites with Proxify and Virtual-Browser http://www.kabatology.com/08/05/how-to-browse-restricted-websites-with-proxify-and-virtual-browser/ http://www.kabatology.com/08/05/how-to-browse-restricted-websites-with-proxify-and-virtual-browser/#comments Tue, 05 Aug 2008 17:15:52 +0000 Martin Kaba http://www.kabatology.com/?p=590

If in your office you can’t visit say Gmail, Hotmail, Yahoo Mail or other websites because they are blocked by the administrator with tools like Websense, then try to get around to these blocked sites with web-based anonymous proxy services.

These above mentioned proxy services, need no extra software installation for you to get started. Just place the URL of the site you want to visit in the form and hit “Enter”, they’ll hide your real IP address and your encrypted connection will not be monitored by network traffic.

With Proxify you can also choose whether or not you want to allow the site to run scripts, cookies, ads and more.

Both services can be used without an account, but if you want to be a more discrete web browser then subscribe by paying a fee.

These are good alternatives to Google free proxy that is more “out” than “in”. Even the old hack of Google translating a web page with from English to English does not bypass filters anymore.
If you have better solutions, let me know in the comments - There should be other anonymous proxies.

via [Proxify] and [Virtual-Browser]

Article from: Kabatology ~ Open Source, Linux

]]>
http://www.kabatology.com/08/05/how-to-browse-restricted-websites-with-proxify-and-virtual-browser/feed/
Browse a Web Site offline with HTTrack – the Web Site copier http://www.kabatology.com/08/01/browse-a-web-site-offline-with-httrack-%e2%80%93-the-web-site-copier/ http://www.kabatology.com/08/01/browse-a-web-site-offline-with-httrack-%e2%80%93-the-web-site-copier/#comments Fri, 01 Aug 2008 22:04:36 +0000 Martin Kaba http://www.kabatology.com/?p=584

HTTrack – Web Site copier is a free, Open Source, cross-platform(Linux, Mac and Windows) offline browser utility that permits you to download an entire website to local folder on your computer. This way you can go through the website while offline or not connected. After downloading the website; including images, it reconstructs internal links for better offline browsing.

Secondly it also create a mirror website of the downloaded website. When I used it to download Kabatology on a local folder, it created a mirror website for kabatology =>http://martin-laptop:8081/website/www.kabatology.com/index.html and download all images including all gravatars used on Kabatology.

So, if you find yourself in situation where you have to present a website to a client but that does not have an internet connection, then think of HTTrack.
With HTTrack you can also comfortably read e-books whilst offline.

The internal organization of folders is really excellent as it separates each group of downloaded objects into different folders with the name of the proprietor. This makes it easy to scrutinize all what has been uploaded to your blog or site in one way or the other.

Being cross-platform, there are packages for Windows(95/98/NT/2K/XP), Mac OSX , LInux(deb, rpm, Python). In Ubuntu it can be installed from the repository with a simple

sudo apt-get install httrack

via [HTTrack - website copier]

Article from: Kabatology ~ Open Source, Linux

]]>
http://www.kabatology.com/08/01/browse-a-web-site-offline-with-httrack-%e2%80%93-the-web-site-copier/feed/
Berlusconi’s Summer Residence - Villa Certosa – La Villa più chiacchierata d’Italia http://www.kabatology.com/07/30/berlusconis-summer-residence-villa-certosa-%e2%80%93-la-villa-piu-chiacchierata-ditalia/ http://www.kabatology.com/07/30/berlusconis-summer-residence-villa-certosa-%e2%80%93-la-villa-piu-chiacchierata-ditalia/#comments Wed, 30 Jul 2008 22:44:40 +0000 Martin Kaba http://www.kabatology.com/?p=578 This is the summer residence of the Italian tycoon, businessman, father of six, quasi-playboy, politician and Prime Minister of Italy for the fourth time - Silvio Berlusconi. The residence, called Villa Certosa, is in Sardegna - Italy and includes a remote controlled waterfall and an anti-nuclear bunker - - that cannot be seen on this photos.

If you like Villas then this is one to admire but don’t forget he is amongst the 100 richest in the World.

Article from: Kabatology ~ Open Source, Linux

]]>
http://www.kabatology.com/07/30/berlusconis-summer-residence-villa-certosa-%e2%80%93-la-villa-piu-chiacchierata-ditalia/feed/
Ndomche Summary Theme - II Columns now available for Blogger http://www.kabatology.com/07/28/ndomche-summary-theme-ii-columns-now-available-for-blogger/ http://www.kabatology.com/07/28/ndomche-summary-theme-ii-columns-now-available-for-blogger/#comments Mon, 28 Jul 2008 17:58:37 +0000 Martin Kaba http://www.kabatology.com/?p=549 The Ndomche brand of Themes now has a new “fashion-line” for Bloggers. The first product of this line is a carbon-copy of the Ndomche Summary Theme – II Columns for WordPress 2.5

Characteristic – Features

This grid-based template includes;
1) The Embedded Comment Form below your post, just as in WordPress
2) The Read More that WordPress User have since benefited from.

Live Demo

Preview Here

Download

Get Ndomche - II Columns for Blogger !!!

Customization

1) To Obtain the Embedded Comment Form
Go to Blogger in Draft and scroll down to the feature; Embed Comment Form or use this direct-link to Your Blogger Draft Get into Your Account. Under the Settings tab move to Comments and scroll down the page the new “Comment Form Placement“.
Then choose ” Embedded below post” to enable the display of the comment form beneath your blog posts.
You’re not obliged to this, with this template you can go ahead and use the traditional way of posting comments, that is - using the Comment Pop-up Window via Post a Comment.

2) To obtain Read More >>
Go to your Blogger Account, Settings => Formatting and move down to => Post Template. Therein paste this code

<span class="fullpost">

</span>

So every time you have a post, you’ll find this code already present. All you’ll have to do is make the teaser text go above the <span class="fullpost"></span> tag whilst the rest of the post-body goes between the <span class="fullpost"> and the </span> tags.

Article from: Kabatology ~ Open Source, Linux

]]>
http://www.kabatology.com/07/28/ndomche-summary-theme-ii-columns-now-available-for-blogger/feed/
Firefox 3.0.1 released to render 8 Million Firefox 3 Stable and Secure http://www.kabatology.com/07/17/firefox-301-released-to-render-8-million-firefox-3-stable-and-secure/ http://www.kabatology.com/07/17/firefox-301-released-to-render-8-million-firefox-3-stable-and-secure/#comments Thu, 17 Jul 2008 11:37:47 +0000 Martin Kaba http://www.kabatology.com/?p=535 Firefox 3 tries to regain fame and pride with Firefox 3.0.1 – this patch is suppose to redeem the over 8 Million download-users of Firefox 3 from the security flaws that came-up hours after Firefox 3 was released. The bug could permit an attacker to run malicious code on a computer via a link, email or webpage.

Updating to Firefox 3.0.1 fixes :
- Crash with malformed GIF file on Mac OS X
- Command-line URLs launch multiple tabs when Firefox not running
- Remote code execution by overflowing CSS reference count

To quickly get your update go to the Help menu and click Check for Updates.
In Ubuntu Check For Updates is Greyed Out. Use the command

gksudo firefox

to open Firefox as root – then Check for Updates at the Help Menu.

Article from: Kabatology ~ Open Source, Linux

]]>
http://www.kabatology.com/07/17/firefox-301-released-to-render-8-million-firefox-3-stable-and-secure/feed/