cooking, programming and everyday life xrado

Monday, March 10, 2008

Millet desert

raffaello like ...mmmm :Đ

cooked millet, grated coconut, milk (soy milk or whey protein), vanilla sugar, sugar

cook slowly with twice portion of water until millet get soft. when cooked all water should drain. while still hot, mix all together with a strong mixer including coconut, milk and add sugar to taste. serve with some more grated coconut on top. can be kept 2-3 days in a refrigerator

Preparation time:
45 min (best served when get cold or from refrigerator )

Monday, January 28, 2008

Rice with beans and vegetables

yeah, rice again :) ... what can i say, i love rice and beans. The secret is in dressing ingredients.

Ingredients: rice, beans (best cooked on steam), green pepper, carrot and radish (or pick any season vegetables)
Dressing: pepper, natural lemon juice, virgin olive oil and soy sauce
Preparation time: 5 min (if you have cooked rice)

rice with beans and vegetables

Thursday, January 10, 2008

imgBox my lighter lightbox

You all probably know lightbox image popup,.. ok ..this is my simple version of it, using mootools 1.2.


- gallery functions (next, previous image)
- direct link to certain image popup
- image description via title
- no extra css or images needed, except progress bar (optional)
- aware of linux flash non transparency
- fully custom able
- no effects ..not really a feature..but i like it this way

tested & working : firefox, opera, internet explorer, safari, konqueror

Default options

	classname: 'imgbox',
	overlay_bg: '#000000',
	overlay_opacity: '0.6',
	rbox_bg: '#ffffff',
	controls_color: 'red',
	numberof_color: '#333333',
	title_color: '#ffffff',
	thumb_url: 'size=thumb',
	image_url: 'size=large',
	progressbar: '',
	margin_top: '20px'

1. Include imgbox.js and mootools.js (DomReady, Selectors, Element.Dimensions, Element.Styles and deps) to header
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/imgbox.js"></script>
2. Add class 'imgbox' (or the one you want) to images you want to popup
<img src="small_image.jpg" class="imgbox" title="image description">
3.Add this line some where on your page (within script tags) or add it directly to imgbox.js
window.addEvent('domready', function(){ new imgBox({}); });

Example with options
window.addEvent('domready', function(){  
	new imgBox({		
		thumb_url: 'small_',
		image_url: 'big_'
thumb_url and image_url set the differences in thumbnail and popup image path that will be switched/replaced. For example if you have thumbnail image with name small_12.jpg, the popup will show big_12.jpg.

I hope you like the script. Feel free to use it on your site. If you have an idea how to improve it, let me know.

pages:  1   2   3