Fixed DIV at the bottom of a page

Ever wondered how they make it on those websites where there's a menu or options always sticking to the bottom of the page? Well, i was, so I digged a bit and found this thread: Create a fixed DIV at the bottom of a page even if the page scrolls just like Facebook's bottom menu..

It's amazing how many things you can actually do with CSS without actually having to use any script, isn't it?

background image overlap using negative (minus) margins

I fell in love with a menu style so I thought I'm going to do it myself. What I really liked about it was not only the rounded style but also that it seemed to overlap to the image above. With the very comprehensive help of The Definitive Guide to Using Negative Margins I managed to do it just the way I wanted.

See a snapshot of the part I was talking about:

How to upload a Joomla! website's localhost version to my hosting server

Note: this article assumes that you use XAMPP to test your website offline - see one of my eariler articles about it here. The first suggested installation method of the Absolute Beginners Guide to Joomla! is XAMPP too.

Select (highlight) All Javascript

To ease your work, I decided to equip my code boxes with a 'Select All' function, so that you can easily highlight the text in the box, copy it and paste it into your .html file. I searched a lot and the only one that really worked for me and was very simple was the forum thread called Select All Text In A Form Field On Click. You can test this by clicking into any of the code boxes I posted.

How to add line breaks into a textarea

I use the textarea tag when I include code into my posts, but I wasn't able to figure out a way to add a line break in there as the <br/> tag would be displayed in a textarea instead of actually breaking the line. Well, as I could find out through the article Adding/Insert Line Breaks into a Textarea the key is to add this 'code' instead: &#13;

It's tiny but can be really annoying if you don't have the information. ;)

Some "cosmetics" applied to G&G Home website

Let me just post a little note about that I did some cosmetics to a website of a team of 2 industrial designers, called G&G Home. The website was built of images only, so no text (not very good SEO, but I guess it's not the intention). The problem was that the images although well designed, the background was still white.

Stretch a background image

Well, yeah, I thought it might be useful for your website building efforts, so I looked up articles about stretching a background image and this is what I found:

- short version: How do you ... stretch a background image?
- long (detailed) version: How Do you Stretch a Background Image in a Web Page

Check out my blog for example, doesn't it just look so great? :)

Form in tooltip with text linked send button

While continuing to work on gergomatis.com I needed to find a simple contact form, something that fits the minimalist design of the site. I was spending a very long time with searching and I thought this was only possible with JavaScript [one of the simplest examples: Help Writing An Html Code (onclick Open Something)], but then I found exactly what I needed. No JavaScript, no complicated coding, a simple CSS rule is enough:

2 new websites in the hood

I just finished 2 smaller projects. One is a house sale website called mansion.law2success.com and the other one is a minimalist photographer's site, gergomatis.com.

I use simpleviewer on both the sites that is a simple and nicely editable photo viewing add-on for your website. Nevertheless, it's free! ;)

GIMP - Quickmask Tutorial

Ever thought about making a faded frame to one of your pictures? Well, I did, so I looked up Google for faded frame in GIMP and found a nice article about GIMP Quickmask Tutorial.

To be vesy honest, I actually found an article describing the same on GIMP.org first but for some time I have problems accessing the page. I like this version more as it's the official documentation, however it doesn't serve you well if the site is down, right? :)

Stop Hotlinking with .htaccess

If your download quota on your website counts or in case it's not very fast anyway, it might be a good idea to disallow others to hotlink (put a direct link on their website) to images of your website. Doing so, every time somebody clicks that hotlink, they're going to use the bandwidth of your hosting server and, depending on the size of the image, may even slow it down.

Fortunately there's a solution for that which is, again, a nice .htaccess trick. Here you'll find a well built article about how to Stop Hotlinking with .htaccess.

Hide File Extension with .htaccess

While browsing in some websites, I realized that in some cases I cannot see the extension of the page that they created for one or another page on the website. I decided to dig into this and found a very good article about this: Hide file extensions in URLs.

Some .htaccess abreviations:
NC - "No Case" - ignore upper and lower case
OR - "Or Next" - apply rule in this line or next line
L - "Last" - stop applying rules

Label Cloud Widget for Blogger

Did you see my neat label cloud widget on the right somewhere in the middle? You like it? Alright, let me share the post with you that describes its setup perfectly: Label Cloud Widget For Blogger (Click Here!) ;)

Letter to Danielle - SEO 101 by webeno #1

Danielle,

Basically you can devide SEO into 2 main groups: on-site and off-site SEO

On-Site SEO

If a website developper knows something about that there are some basic things they can do on the website for better SEO: 12 Basic On-Site SEO Tactics (Click Here!)

Off-Site SEO

Lainne's Happy Monday Blog

Ok, now that I changed the earlier template (that I kind of added things to and actually changed completely) to something that I built, let me post this blog as part of my "arsenal": Lainne's Happy Monday Blog

subdomain to stay in address bar

Well, it was worth it to start the thread about making the subdomain stay in address bar (see my earlier post about this here) as today it finally got solved: so, if you want to make sure that when you setup your subdomain it reads subdomain.maindomain.com instead of maindomain.com/subdomain and have a domain and hosting provider similar to GoDaddy (i.e. Cheapdomain.com), this thread on Mod_Rewrite Forums will be very useful for you:

Internet Explorer CSS "cheats"

I didn't really think that I'll need this, but it came out I did while I was working on the GutscheineRabatte.de website: some things just don't appear the way they should in Internet Explorer while they're perfect in Firefox (or the other way around :). Anyway, there's an easy way with which you can go around this:

SEO Browser

Would SEO (Search Engine Optimization) ever matter to you, you'll find this website extremely useful: the SEO Browser is showing you how the search engines see your website so you can make corrections accordingly. A very useful and handy tool in case you want to make sure that your website starts to climb up the not at all easy hill of search engine ranking.

GutscheineRabatte.de - Ihre online Sparzentrale!

The newest website I just built: GutscheineRabatte.de - Ihre online Sparzentrale!

Some more info about .htaccess + mod_rewrite

Today I was trying to look for .htaccess commands to make sure that my subdomain I setup, stays in the address bar, just like it is in case of this blog, webeno.blogspot.com. I got a bit disctracted by visiting some otherwise very useful articles, like Ultimate htaccess Examples, the .htaccess Tutorial thread of AskApache.com, or the one about domain masking with .htaccess at Site5.com Forums but, however being very detailed and needy in some cases, none of them provided me with the solution I needed. So finally I stumbled upon a website called Mod_Rewrite Forums and posted this thread: subdomain to stay in address bar. Hope it gets solved soon! ;)

Update:
The solution of this thread can be found in my post of the 7/17/09: Subdomain to stay in address bar.

My first Flash animation

Well, yes, I was tempted too, so I downloaded a Adobe Flash CS4 Professional Trial, looked up a tutorial and found this very nice and easy one: Creating a Simple Animation.

See my first Flash animation below :)



Want to know how I embedded this Flash animation? Here's the code:

Vista Button with Gimp

Today I was looking for a tutorial about how to create a nice 3D-like button in Gimp (a very good quality freeware image editor) and found this article: Vista Button | Gimp-tutorials.net. It's very detailed and comprehensible, thanks again, dude! ;)

Avoiding duplicate content + .htacess tricks

Another important factor in SEO (Search Engine Optimization) is avoiding duplicate content. This RagePank.com (mind the swapped first letters of the 2 words - genious!) article gives some information as to how it is taken by the search engines and how you can prevent duplicate content by using some .htaccess commands. Some of the commands can be setup through the standard user interface of your domain provider, but sometimes .htaccess is really very useful to know about it a little bit more. Another fine compilation of basic .htaccess commands can be found here .htaccess Tutorial - Part 1.

Did you know?
The dot (".") before the file name means that it's hidden, so only website administrators can access and modify it.

Use your own fonts on your website

Wanna use your own fonts on your website? Check out this interesting article about Html Document Fonts

Honestly, I haven't tried this, I find it too complicated, only recommended if it's absolutely important that you have a sepcific font on your website.

CSS and round corners: Borders with curves

Rounded corner tables are very much in style these days and honestly, I love (and also use) them a lot. You'll find an excellent description as to how to create them at WebCredible - CSS and round corners: Borders with curves.

Currently I'm doing it by splitting the table into 3 rows and place a picture with the upper left and right corners and the top part of the border together in one picture at the top and repeat the same at the bottom. The part in between is colored the same as the top and bottom border pics. However, the mini-genious about the solution in the linked article is that in that way the table border will always automatically follow the width of the text within the table.

Embed music with Apple navigation bar

I was trying to add a very simple music player onto one the blogs I was developping. Normally you're supposed to use the player that the visitor has installed on their computer, but to my opinion, there's a nicer and cleaner way: Apple QuickTime.

Here's a simple code that you can embed into your website

PsycHo - Classic Blogger Template

Did you ever think about to give your blog a very specific look but just could not find the right one among Blogger's preset ones? You don't have to worry anymore, as Aideen made it possible for you by developping PsycHo: Free Template Generator. As soon as you setup the template the way you want to, with a little html knowledge, you can do additional modifications to it and paste it into Blogger.

To change your Blogger blog so that you can add your self-developped html or template, go to 'Customize' option, then chose 'Layout' -> 'Edit HTML'. On the very bottom of this page, you'll find the option 'Revert to Classic Template'. Click on this and then click 'OK' at the warning message. Now you can add your code into the big text box. Note: your 'Layout' menu will change into 'Template'.

Services - domain and web hosting

Would you need domain and/or to host your website(s) and want to have a cheap and easy solution, you can also contact me. Not only will I create your website, but I will also provide full maintenance to it, so you always have a helping hand when you need something.

Click Here to ContactMe if you are interested.

Services - website and logo design

If you want to have a website or would like me to boost your template (Yii, WordPress, Blogger...) you're at the perfect place! Also I'm happy to provide any kind of picture editing to make sure your website looks the way you want it to be, to have you a logo created or even an animated banner.

Click Here to ContactMe