Web Design Shoot http://www.webdesignshoot.com/blog Record any problem or solution of my design work. Wed, 05 Oct 2011 09:27:18 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 [ PHP ] Reading external text file and put the content into the text field. http://www.webdesignshoot.com/blog/?p=162 http://www.webdesignshoot.com/blog/?p=162#comments Wed, 05 Oct 2011 09:17:41 +0000 Becky http://www.webdesignshoot.com/blog/?p=162
<?PHP
$file_handle = fopen("TEST.txt", "r");
while (!feof($file_handle) ) {
    $line_of_text = fgets($file_handle);
    $parts[] = explode(';', $line_of_text);
}

fclose($file_handle);

?>
--------------------------------------------------------
The content in the TEST.txt is
13;26;50
--------------------------------------------------------
So the output will be
13
26
50
Ok, now we got the values from the file, but how to put these into the text field of form?
<form action="" method="get" id="form-1">
<table>
<tr>
<td>Value-1</td>
<td width="5"></td>
<td><input name="text-1" type="text" value="<?php echo $parts[0][0]; ?>" readonly="true" /></td>
</tr>

<tr>
<td>Value-2</td>
<td width="5"></td>
<td><input name="text-2" type="text" value="<?php echo $parts[0][1]; ?>" readonly="true" /></td>
</tr>

<tr>
<td>Value-3</td>
<td width="5"></td>
<td><input name="text-3" type="text" value="<?php echo $parts[0][2]; ?>" readonly="true" /></td>
</tr>
</table>
</form>
]]> http://www.webdesignshoot.com/blog/?feed=rss2&p=162 0 [HTML] HTML5 chart http://www.webdesignshoot.com/blog/?p=161 http://www.webdesignshoot.com/blog/?p=161#comments Thu, 01 Sep 2011 13:05:05 +0000 Becky http://www.webdesignshoot.com/blog/?p=161 http://joshduck.com/periodic-table.html

]]> http://www.webdesignshoot.com/blog/?feed=rss2&p=161 0 [ Photoshop ] Quality Brushes http://www.webdesignshoot.com/blog/?p=156 http://www.webdesignshoot.com/blog/?p=156#comments Wed, 08 Sep 2010 13:49:54 +0000 Becky http://www.webdesignshoot.com/blog/?p=156

QBrushes  http://qbrushes.net/

Today, i found this site occasionally, it’s so cool … lots of brushes, all for free.

Enjoy !

]]> http://www.webdesignshoot.com/blog/?feed=rss2&p=156 0 [ Google ] Font Directory http://www.webdesignshoot.com/blog/?p=148 http://www.webdesignshoot.com/blog/?p=148#comments Mon, 24 May 2010 06:34:13 +0000 Becky http://www.webdesignshoot.com/blog/?p=148

—————————————————————————————————————————————————-

It’s really a good news for web-designer and the easiest way I have never seen to apply beautiful fonts for web site.

Try it now!      http://code.google.com/webfonts

]]> http://www.webdesignshoot.com/blog/?feed=rss2&p=148 4 [ CSS ] Image Replacement http://www.webdesignshoot.com/blog/?p=144 http://www.webdesignshoot.com/blog/?p=144#comments Tue, 11 May 2010 03:26:39 +0000 Becky http://www.webdesignshoot.com/blog/?p=144 //* Reference from http://www.cssplay.co.uk/menu/ir.html

There are lots of ways to make image replacement function,

In this article, i would like to share a solution which uses totally CSS technology … very simple but useful!

<style type="text/css">
h3.ir {width:350px; height:40px; position:relative; padding:0; margin:0 auto 3em auto;}
h3.ir em {display:block; width:350px; height:40px; background:url(../images/ir.gif); position:absolute; top:0; left:0;}
h3.ir a {cursor:pointer;}
#holder {margin-bottom:2em;}

h3.ir a:hover {background:#fff;}
h3.ir a:hover em {background:url(../images/ir2.gif);}
</style>

*Remark: Adjust the dimension and the source link according to your image. It should work vell well!
--------------------------------------------------
HTML
--------------------------------------------------
<div id="holder">
<h3 class="ir"><em title="Image Replacement"></em>Image Replacement</h3>
<h3 class="ir"><a href="#"><em title="Image Replacement"></em>Image Replacement</a></h3>
</div>
]]> http://www.webdesignshoot.com/blog/?feed=rss2&p=144 0 [ PhotoShop ] Convert JPG to Vector file http://www.webdesignshoot.com/blog/?p=133 http://www.webdesignshoot.com/blog/?p=133#comments Wed, 10 Mar 2010 05:30:50 +0000 Becky http://www.webdesignshoot.com/blog/?p=133 There are some solutions to convert jpg file to vector file, for instance, using corel draw, adobe illustrator or adobe photoshop…

For me,  I’m much familiar with photoshop, so PS would be my first choice. ^^

Here is a very simple but useful tut :

http://www.bittbox.com/illustrator/take-vector-paths-from-photoshop-into-illustrator

what if  you have an jpg image needed to convert to vector paths?

1. Open the image by photoshop

2. Make selection

3. Remove the other objects you don’t need in the picture.

4. right-click in the selection area, than choose "make work path"

5. Export to illustrator : File > export > paths to illustrator, than you will get another new illustrator file.

6. Open the illustrator file you just got on last step, you will see a blank page, don’t worry, it does has the paths, just select all things on the page,

you will find them out. Because those paths have no color. The final step is to paint the paths by the color tools in illustrator.

There you go… we have a vector image as same as jpg image.

]]> http://www.webdesignshoot.com/blog/?feed=rss2&p=133 0 [ Mac ] TunesTEXT – A Great Lyric Searcher Widget http://www.webdesignshoot.com/blog/?p=130 http://www.webdesignshoot.com/blog/?p=130#comments Wed, 24 Feb 2010 03:42:57 +0000 Becky http://www.webdesignshoot.com/blog/?p=130

When you’re listening the music, and suddenly want to know the lyric …. but lazy to google it?

There is a pretty convenient widget — TunesTEXT

This is a Dashboard Widget displays lyrics of the song currently playing in iTunes.

If you don’t have lyrics data, TunesTEXT searches online lyrics databases and download lyrics automatically. Requires Mac OS X 10.4 or later. (Freeware).

Please visit its offical site to have it! ^^

http://www.cyanworks.net/dboardTunesTEXT.html

]]> http://www.webdesignshoot.com/blog/?feed=rss2&p=130 0 [ Joomla ] Error with installing a component http://www.webdesignshoot.com/blog/?p=128 http://www.webdesignshoot.com/blog/?p=128#comments Tue, 23 Feb 2010 15:15:49 +0000 Becky http://www.webdesignshoot.com/blog/?p=128 Since I use Joomla, sometimes I encounter an annoying problem — fail to install a component :

the install page turns out to a blank page and then no more response.

Here is a solution, I believe that it can slove most errors of installing a component: Modify php.ini

1. Find out your php.ini

2.  Change two values of it

a. Increase memory_limit at least to 32M;

b. Increase max_time_out to 300

3. Save your file.

If this solution still doesn’t work, you can set the values in administrator/index.php

1. Adding the following script to index.php :
set_time_limit(300);
ini_set("memory_limit", "32M");

2. Save the file.

]]> http://www.webdesignshoot.com/blog/?feed=rss2&p=128 0 [ Mac ] The Secret Screen Capture Shortcut http://www.webdesignshoot.com/blog/?p=109 http://www.webdesignshoot.com/blog/?p=109#comments Fri, 12 Feb 2010 09:02:36 +0000 Becky http://www.webdesignshoot.com/blog/?p=109

Command-Shift-3 shortcut for taking a screen capture of your entire screen,

Command-Shift-4, which gives you a crosshair cursor so you can choose which area of the screen you want to capture.

Control-Command-Shift-3 (or 4), which, instead of creating a file on your desktop, copies the capture into yourClipboard memory, so you can paste it where you want.

]]> http://www.webdesignshoot.com/blog/?feed=rss2&p=109 0 [ Joomla ] Script Conflict — Light Box http://www.webdesignshoot.com/blog/?p=105 http://www.webdesignshoot.com/blog/?p=105#comments Fri, 12 Feb 2010 08:27:45 +0000 Becky http://www.webdesignshoot.com/blog/?p=105

For a joomla web site desinger, I believe that YooTools is a very useful tools for a site.

Bue when I use Yoo effect (the one plugin of YooTools), it seems there are some javascript conflicts between my

accordion menu and its light box effect.The light box donesn’t work at all, just turns out to a new page with my linked file.

I found out another solution to figure it out … Shadowbox.js It solves all my problem magically … don’t have to change any code or somethng …. just remember to link the relative files in index.php of your template.

Now the light box works like a charm!!

]]> http://www.webdesignshoot.com/blog/?feed=rss2&p=105 0