Boris Kuzmic

Google Search Box

List of projects

• Websites
• CSS & Javascript
• Java

European dictionary

ec) English=>Croatian ej) English=>Japanese es) English=>Spanish eg) English=>German esw) English=>Swedish ein) English=>Indonesian ef) English=>French ei) English=>Italian el) English=>Latin en) English=>Norwegian efi) English=>Finnish ea) English=>All ce) Croatian=>English cf) Croatian=>French cs) Croatian=>Spanish csl) Croatian=>Slovenian cg) Croatian=>German cd) Croatian=>Dutch ci) Croatian=>Italian cl) Croatian=>Latin ca) Croatian=>All ge) German=>English gs) German=>Spanish gi) German=>Italian gc) German=>Croatian ga) German=>All je) Japanese=>English fe) French=>English se) Spanish=>English fc) French=>Croatian sc) Spanish=>Croatian ie) Italian=>English slc) Slovenian=>Croatian dc) Dutch=>Croatian ic) Italian=>Croatian lc) Latin=>Croatian le) Latin=>English

CSS & Javascript

Here are some examples of my playing with CSS and Javascript. For now here's only one css example. Other, mostly Javascript examples, will come later.

CSS Blendy tabs

I've got the idea from " Super-Easy Blendy Backgrounds, by Matthew O'Neill ". I've also made my own version of round corners just for the purpose of these tabs. It's a modified version of "Nifty Corners".

Code for making one tab is really simple. All you need is one tab holder (<div> tag) and one link (<a> tag). This is how it looks like: <div class="tab_bar">
  <a id="tab1" class="box grad blue" href="...">
  <img src="grad_white.png" border="0"/>
  <span class="tab_text">Tab num. 1</span>
  </a>
</div>

CSS code looks the same as for super blendy backgrounds.

Few notes:

   - this example doesn't have support for degradation on browsers that don't support CSS. For that purpose, you should but tab inside <li> tag or use another alternative technique.

   - for easier use with dynamic sites or sites with lots of pages, put IE specific CSS code into another file and use conditional comments.

Examples of different tabs can be seen on example page.

If you have any questions about blendy tabs, don't hesitate to .