Category Archives: Web Tips

Filter Website URL/Link on D-Link DWR-116 Wireless Router

Hi, Do you think that you need to filter some website in your network! I am doing that with my D-Link Wireless Router ūüôā . I am using D-Link¬† DWR-116 Wireless Router and I am gonna show you how to Filter Website URL with¬† D-Link DWR-116 Wireless Router. It's very easy,¬† You may see the following video to get the clear idea about that. Continue reading Filter Website URL/Link on D-Link DWR-116 Wireless Router

Responsive isotope version 2 masonry layout

Isotope is a nice script to organize and filter your portfolio or gallery item with some cool effects and functionality like masonry  layout support. Peoples are using Isotope very often and I am too on my Projects. It's may For non-commercial, personal, or open source projects and applications, see License.  But on the isotope version 2, I was facing responsive masonry issue and also sometimes appear problem.  it was very fine and responsive with the old version.

Well, then I mix it up the old responsive functionality with the new one and yes the masonry  Isotope  is also working fine

RESPONSIVE ISOTOPE VERSION 2 MASONRY LAYOUT
RESPONSIVE ISOTOPE VERSION 2 MASONRY LAYOUT

Continue reading Responsive isotope version 2 masonry layout

Create CSS3 Hexagon

There are two easy way to make CSS3 Hexagon  and I am gonna show you the way in details that how to create css3 hexagon. In both case we will use ':after' and ':before'  Pseudo-classes. Actually my target is to use only one container in HTML to create a hexagon because  we need three elements. By using :after  and :before css3 Pseudo-classes, we will get other tow container. Well, let us see how to create Hexagon.

Pure CSS3 Hexagon Box
Pure CSS3 Hexagon Box

First way of CSS3 Hexagon.

Hexagon with 2 triangle and 1 rectangle
Hexagon with 2 triangle and 1 rectangle

First we will take a container, in my case,  a div tag as our HTML markup for Hexagon. Consider a  class hex1 for that. HTML markup is as follows. Continue reading Create CSS3 Hexagon

htaccess Redirect Single URL to New Address

Hello everybody, few days ago I have deleted a post but  that post has back link from other site. When  somebody come through that  address to my site, they got 404 page! Well, then I added a simple  line on my .htaccess file to redirect all visitor of that post to a new related post. Well lets see that how to redirect a old post link into a new link.

In my case, the line was as follow

Redirect 301 /?p=1120 /2011/02/add-font-in-menubar-of-microsoft-word/

Where  /?p=1120 is a old page looks like http://shariarbd.com/?p=1120 and I have redirect it into the new address /2011/02/add-font-in-menubar-of-microsoft-word/which is actually http://shariarbd.com/2011/02/add-font-in-menubar-of-microsoft-word/ Continue reading htaccess Redirect Single URL to New Address

Text to Image converter php script Protect Email ID

Hi there, I did this project 1 year back and the first article about this script was in bangle. Today I will write that into English.  I prepared that script as I have a site where I need to share email ID. But text email id is very attractive element for the email marketer! They just search @ sign and grab email ids! That's why I thought I need email id as an image.

Anyway, let's began. What I am gonna say is about a php script that will convert text into image and you may use it to print email on your site same like me. Well, Demo and Download link of the script is as follows

Text to Image php Script Demo and Download Page

Now we will see the codes step by step. First create a new php file on your server give the name image.php, you are free to chose other name also. It's totally up to you. And on that new file, copy the following code

<?php
if(!isset($_GET['img']))
{
exit();
}

header ("Content-type: image/png");
$string = $_GET['img'];                                            
$font   = 4;
$width  = ImageFontWidth($font) * strlen($string);
$height = ImageFontHeight($font)+2;
$im = @imagecreate ($width,$height);
$background_color = imagecolorallocate ($im, 255, 255, 255); //white background
$text_color = imagecolorallocate ($im, 0, 0,0);//black text
imagestring ($im, $font, 0, 0,  $string, $text_color);
imagepng ($im);
?>

The above line of code will get text in get method and convert in into Image. And now open another  file (may be index.php or txt2img.php ) and put the below code. Continue reading Text to Image converter php script Protect Email ID