Welcome to MTC

An Ultimate Source of Tips & Tutorials...

Blog is under construction

Join Over 2200+ Members

Who Daily Gets Fresh Updates From MTC Straight Into Their Inbox, So What Are You Waiting For? Get Into Our Mailing List!

Just enter your Email Address to get Access.

Know More About Blogger Resources here...

Latest Posts From Our Blog MORE RECENT ARTICLES→

Polka Dot Pattern Generator

Posted On / Leave a Comment


Polka dot pattern generator lets you generate seamless repeating patterns for use in web background or with Photoshop as custom patterns and in custom graphics. You can generate one with the background and foreground color of your choice or even with a transparent background and use it which ever way you like. It's free with no credits required (but recommended).

Check out here 

Stripe Generator

Posted On / Leave a Comment
Are u looking for a strip color image ?

Stripe generator lets you generate seamless repeating patterns for use in web background or with Photoshop as custom patterns and in custom graphics. You can generate one with the background and foreground color of your choice or even with a transparent background and use it which ever way you like. It's free with no credits required (but recommended).


Check it out here 

Youtube channel on your website

Posted On / Leave a Comment

YouTube Channel embedding on website was asked and i was searching again for the best solution i could find. 


after some googling i find this 

Youmax 2.0 - complete Youtube channel on your website - customize anything you want - Jquery plugin



This is the version 2 of our Youmax plugin!

New Features:
- you can customize width and height of the widget on your website.
- columns for the videos can be customized (Example: you can now have a 3-column layout for the videos displayed.)
- the widget itself is responsive; given a width (or %) for the widget, the inner contents will resize accordingly.
- video player can be opened in the widget itself or in a lightbox.
- a top featured video can be opened in the video player on load of the widget.
- subscribe on youtube opens in a new tab.
- parts of the plugin like header/tabs can be hidden as per requirement.

Basic features:
- displays your actual complete youtube channel on your website just like its shown on youtube.
- youmax plugin will display your channel uploads, playlists and a featured playlist that you may choose. 
- users can browse through your playlists and uploads and watch videos they like.

go check out the example at  Youmax2.0

Awesome Menus

Posted On / Leave a Comment

HTML, CSS, & jQuery Menus

I was looking for a great 2 level navigation menu for a website and as i googling i "fell" to the link bellow , Check it out its great !


Use MenuMakers to easily build clean responsive website navigations, if you prefer working with the source code, all menu designs are free to download.




How to restore corrupted MyISAM/InnoDB tables on MySQL 5.0

Posted On / Leave a Comment
I know that it’s not our job to manage database servers. But if you don’t have a competent crew for that, you have to face the problem yourself.
Well, here is what happened to me this week. Waiting for the end of the day, in which the number of connections to our MySQL server is quite low, I started the creation of a new index on a huge MyISAM table (14 Gb), which is used to store the logs of our systems. While the index was being created, our “network administrator” received some complaints from our users that the systems were to slow. What was his solution? Shut down the server! In this process, logically our huge table was lost and, even worse, the MySQL server couldn’t be restarted at all!
Many of our InnoDB and MyISAM tables were corrupted because of this “little” mistake. So, after some hours of research I discovered a simple procedure that can restore all your data (or at least most of it). This procedure is composed of three steps:
1. Execute the myisamchk software inside your MySQL data directory. If you don’t know where this directory is, check the parameter datadir on your MySQL configuration file (my.ini on Windows, my.cfg on Linux/Unix).
You must use two parameters: –force and –verbose (which is optional) like bellow:
1
myisamchk --force --verbose */*.MYI
The –force parameter will instruct myisamchk to repair automatically every problem it may encounter on your MyISAM tables, while the –verbose (which is optional) will only show the status of execution of the myisamchk program on your screen.
2. Start the MySQL server with the parameter –innodb_force_recovery
Try to start your MySQL server with this parameter. The value must be a number between 1 and 6. As higher it’s value, worst are the problems on your MySQL tablespace.
Example:
1
mysqld --innodb_force_recovery=4
If you only got to start your MySQL server with a value bigger than four, your databases will be in read only mode. If not, your users may use the server normally.
If you wish, you may also add the command innodb_force_recovery to your MySQL configuration file as in the example bellow:
1
2
[mysqld]
innodb_force_recovery=4
3. After your MySQL server starts, backup your data and then restore them on a new MySQL installation.

How to Create a Dual Language Website

Posted On / Leave a Comment


Dual language sites: static HTML

Step 1: Create a new folder for your second language pages.

Create a new folder on your server that will hold the translated versions of each page on your site.
It’s a good idea to use the International 2 letter code for the second language as the name for this folder because that will help the search engines. For example, in the case of Chinese it’s ‘zh’

Step 2: Set the font for your second language pages

If your second language is one that uses the Roman alphabet you can skip this step because the font will be the same as used for your primary language.
But if it’s a language that uses different characters, like Chinese, you can set up a div in your stylesheet that defines the font you want to use.
There are a lot of different fonts for Chinese text but, as I cannot read Chinese, I always get my client to specify the font they want to see and I then specify this in the stylesheet.
Often my clients won’t know the font name, but in many cases they can point to a website that uses a font they like. In this case you can simply view the source code and copy the font name.
You would set it up like this in your stylesheet (the font name is only an example):
#second-language { font-family: SimHei; }

Step 3: Create the second language pages

If you have specified a different font for your second language pages (step 2 above) you will need to wrap the page content in the div tags you defined in the stylesheet – using the example above it would look like this:
<div id="second-language">content here</div>
Your client will, of course, need to provide the translated content to you. They can provide it in a Word document, but you should then copy it to a text file (Notepad or something similar) to remove the formatting Word inserts.
When you save the Notepad file, be sure to save it with UTF-8 encoding if it’s not a Roman character language.
You can then copy and paste the content from each Notepad page into your HTML editor.

Step 4: Update your navigation menus

The URLs in the navigation menu on each of your second language pages must include the new directory you set up in the file path, otherwise your visitors will be taken back to your primary language pages when they navigate around your site – not a good user experience!
I name the second language pages slightly differently so it’s easier to manage the files. Usually I just add a ‘-cn’ to the existing file name, so About.html would become About-cn.html
So the full path URL to your About page in the navigation menu on your English language pages might look like this:
http://www.your-domain.com/about.html
In your second language pages the full path URL for the same menu item would look like this:

http://www.your-domain.com/zh/about-cn.html
So make sure all the navigation menu links in your menu bar on all your second language pages are adjusted to include the extra directory in the path and the revised filename.
This will ensure that, once a visitor selects a language, all future pages they visit on your site are presented in their choice of language, unless they use the switcher to change back again.

Step 5: Set up a language switcher

I set up a language switcher in the top right corner of each page, which contains options for both languages.
Basically, the language switcher links each page to itself in your primary language and to its second language equivalent in your second language choice.
Then, once they’ve arrived at the second language version of the page, the navigation menu links will ensure that all pages they visit from then on are in their choice of language.
Taking the About page as an example again, the code for the switcher at the top of that page would, therefore, look like this:
<a href="http://www.your-domain.com/about.html">EN</a> | <a href="http://www.your-domain.com/zh/about-cn.html">中文</a>
So you need to link each page to itself in your primary language and to its second language version for the alternate language, and repeat that at the top of all pages (for both languages) in your site.
And just to clarify, if someone is viewing your second language page, the switcher is linking that page to itself and also to the primary language equivalent, but you use the same code for the switcher on both language versions of the same page.
That is: the About.html and the About-cn.html pages would have thesame code in the switcher.

Blog Archive

Total Pageviews

Translate