Point 47

Virtual URL – link shorten service

Sorin — Sat, 20 Feb 2010 17:22:52 +0000

VUS.me is a new and very simple link shorten service made with simplicity and quick access in mind.
Looks very promising so give it a try.. or more .

http://vus.me

How To Setup Wordpress MU with Domain Mapping

Sorin — Thu, 17 Dec 2009 14:41:07 +0000

Here is explained how I made my Wordpress MU install to work with domain mapping. There are some tutorials out there but they are plain crap and very poorly explained. And the explanations for the domain mapping plugins are even worse. But I managed to make it work in around two days with a lot of testing and trial and error.
These are the steps that I followed. Well.. not really.. but in the end these would have been the steps that I should have followed.

NOTE! This tutorial is based on the fact that you know how to install and configure a simple Wordpress version because I will not offer detailed info about database creation and ftp uploading.

What we want to do here?

- We want to have Wordpress MU so we can create multiple Wordpress blogs but with one main Administration area.
- Create as many sub-domains as we want.
- Map those sub-domains to other domains. (subdomain.master-example.com should be accessible from addon-example.com )

I. Configure domains

First you need some domains, for this tutorial at least 2. One to be the master domain which we will call here master-example.com and the other domain that we will map to the blog created as a subdomain on master-example.com whitch we will call addon-example.com.
Next you need hosting witch offers WHM with CPanel. WHM not really needed I think. I added the domains and parked them from WHM but that can be done in CPanel also.
After you have the main domain configured on a hosting and you have acces to the CPanel you need to go to “Subdomains” and set the subdomains on a wildcard(*). So where it says “Create a Subdomain” enter * , check if your master domain is selected in the next drop down and in Document root is “public_html/” and click Create.
In the list of sub-domains now should be: “* .master-example.com Home/public_html not redirected” . What this does it lets Wordpress MU create any kind of sub-domain without first adding it manually in the CPanel.
Now we need to add the addon-example.com domain. Go to: “Parked Domains” and enter addon-example.com in the box and press “Add Domain“. This should park addon-example.com on top ofmaster-example.com. Until I used the Park domain option my domain mapping in Wordpress didn’t work.
Now go to “Simple DNS Zone Editor” and here you have to set an A record for addon-example.com. So select the addon domain addon-example.com and where it says Add an A Record in the “Name:” field write *.addon-example.com and on the “Address” field put the master domain IP (you should find it in the left sidebar in CPanel.. for example: “Shared Ip Address: 127.0.0.20″ .). Click “Add A Record”.
Great. Now you are ready to install Wordpress MU!

Note! I made all of this in the WHM administration but I saw those modifications in CPanel also and I checked if they correspond and it seems that it can be done from CPanel too. For WHM just use “Park a Domain” and “Edit DNS Zone” buttons and make the above modifications.

II. Install Wordpress MU.

Create a database and a user in CPanel .. or whatever.
Download the Wordpress MU sources from here
Copy the files to your main domain. I uploaded them to my domain root but they say it can be installed to a folder or a sub-domain too.
Now navigate to your domain (master-example.com) and you should see the installation page. There are some errors for sure and the usual error is that you need to make some folder writable by Wordpress. That means to give those folders 777 permission and you’ll have to reset those to 755 after successful install.
Just follow the steps and be careful to specify where it says Blog addresses to use sub-domains and at Server Address your domain without www or http://
And, this is very important, after install go to Admin menu (upper right corner) in the Wordpress admin interface and change your password to something you can remember. And don’t forget to change the folder permissions back to 755
Now is the time to see if it works. Go to Site Admin -> Blogs and add a new blog. Let’s say subdomain.master-example.com. If the email address is different from the one you used at install a new user will be created when you add a new blog. And this happens every time you use a different email address.
OK. Now navigate to: subdomain.master-example.com (or whatever you created) and you should see your blog. Congrats! Now you have a working installation of Wordpress MU. If it doesn’t work repeat the above steps with more attention or if you just registered your domains wait a few hours for DNS registrations.

III. Install the Domain Mapping plugin and map a domain

First download the plugin WordPress MU Domain Mapping (http://wordpress.org/extend/plugins/wordpress-mu-domain-mapping/). I used version 0.5. Many many thanks to those guys for creating this awesome plugin.
Copy sunrise.php into wp-content/
Copy domain_mapping.php into wp-content/mu-plugins/
Edit wp-config.php and uncomment the SUNRISE definition line: define( ‘SUNRISE’, ‘on’ );
Now go to Plugins and activate the mapping plugin for the main domain.
After you done those login as the MU admin and go to Site Admin->Domain Mapping and set the server IP address. (you should know this from when you added the A record)
Now this is the tricky part on what I wasted a lot of hours. Go to Site Admin -> Options and scroll down at the bottom. And after where it says “Site Wide Settings” click on the check box for the Plugins and click Update Options. This activates the plugins for the sub-domains. If you don’t do this you can’t map domains to the specific sub-domain because you will not see the plugin on your sub-domains admin area. (First I actually edited this directly in the database until I realized this.)
Now go to Site admin -> Blogs and when you hover over the added sub-domain some link will appear. Click on “Backend”. This will redirect you to that sub-domain Wordpress administration panel.
While in this panel go to Plugins and you should see the mapping plugin. Activate it.
And now go to Tools -> Domain mapping. And here is the part that we worked so hard to get to. Under “Add new domain” write the domain that you want to map to this sub-domain.
After you clicked “Add” go to the domain that you wanted to map (addon-example.com) and you will see the contents of subdomain.master-example.com

Kind of a long tutorial but hopefully I didn’t forgot anything in the process.
Let me know in the comments if it helped you or if you still got problems with the install flow.

Cheers!

CKEditor 3.0 Send and Receive data with AJAX

Sorin — Tue, 01 Sep 2009 09:50:11 +0000

Attention: This is a quick tutorial and no in depth information will be provided. Use Google or whatever you want to learn more about PHP, Javascript and AJAX calls. Also on the CKEditor site you can find more info about the editor itself.

The old FCKEditor is now called CKEditor 3.0 and it’s:

CKEditor is a text editor to be used inside web pages. It’s a WYSIWYG editor, which means that the text being edited on it looks as similar as possible to the results users have when publishing it. It brings to the web common editing features found on desktop editing applications like Microsoft Word and OpenOffice.

You can download it from here: http://ckeditor.com.

OK.. so I wanted to edit some HTML template files from an Admin area module and the new CKEditor looks pretty nice so I gave it a try.
First I install the CKEditor and this is pretty easy to do, just download the editor and copy the files to the server.

Create a link to the editor:

and then creat a text field area:

1	page content here

and add the javascript code to load the editor:

1
2
3

I added also a div to hold the received messages from the AJAX calls:

Then I generated a tree/file view of all the template files(for sake of simplicity I will not show you how to do that).
The links are generated like this:

test.html

The return false is so than I won’t need to use the stupid # on the href=”" so that the page won’t refresh.

And the two Javascript functions that make the Ajax calls are:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

The first function getFile(), gets the name of the file to load and send the response text from the PHP script to the editor.
The PHP script gets the name of the file and with file_get_contents function I retrieve that template’s contents.

1	echo file_get_contents('/templates/'.$_GET['file']);

The editor shows the received data with the command:

1	CKEDITOR.instances.template_body.setData(httpRequest.responseText);

“template_body” is the name of the text field that is replaced by the CKEditor.
In this function I also add a new link to the page with innerHTML that makes the reference to the second function: saveFile().

The second function saveFile() get the current name of the loaded template (test.html for example) and saves the data from the editor to
a variable “editordata” with the call:

1	CKEDITOR.instances.template_body.getData();

The editor data is sent to the PHP script, escaped and urlencoded with POST.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

// write content to file
$filename = '/templates/'.$_POST['file'];
$template_body = $_POST['template_body'];

if (is_writable($filename)) // check file first
{
if (!$handle = fopen($filename, 'w')) // open file
{
echo 'fail open';
}

if (fwrite($handle, $template_body) === FALSE) // write file
{
echo 'fail write';
}

fclose($handle); // and close the file
echo 'success';
}
else
{
echo 'fail not writable';
}

The PHP code is straight forward: open file, write contents to file, close file.
If success is returned then with innerHTML we write that the template was saved if not the specific fail message will be shown.
(usually those errors appear if the file is missing or the file path is wrong or the file permissions are wrong.)

So here you have it an browser based template editor.
Oh and if your template has

tags they will be deleted by the editor. Don’t know how to override that shit functionality.

Over and out.

How to block spamm comments in Wordpress

Sorin — Wed, 22 Apr 2009 10:06:42 +0000

1. Activate Akismet
2. Add this in the .htaccess file.

1
2
3
4
5
6

RewriteEngine On
RewriteCond %{REQUEST_METHOD} POST
RewriteCond %{REQUEST_URI} .wp-comments-post\.php*
RewriteCond %{HTTP_REFERER} !.*yourblog.com.* [OR]
RewriteCond %{HTTP_USER_AGENT} ^$
RewriteRule (.*) ^http://%{REMOTE_ADDR}/$ [R=301,L]

Replace yourblog.com with your blog address.
It block all comments from direct access to wp-comments-post.php.

3. Add this to the .htaccess file also.
Block all spammer IP’s one by one:

1
2
3
4
5
6
7

order allow,deny
deny from 78.133.218.68
deny from 219.159.67.187
deny from 77.41.123.182
allow from all

Just add more IP to this list.

Anti link/email spam script

Sorin — Fri, 13 Mar 2009 10:24:44 +0000

1
2
3
4
5
6

The above script will show: office @ point47.com

Cute Bubbles – Wordpress Theme – Updated

Sorin — Tue, 27 Jan 2009 09:37:19 +0000

Version 1.0 is live and it has full IE6 support, improved header graphic and some more tweaks here and there.
You can see it live here.

This theme is inspired by the tutorial from Abduzeedo weblog.
Thanks for a great tutorial! awesome digital bokeh effect photoshop

You can download the theme from here Cute Bubbles Wordpress Theme.

Drepturi de upload mai mare cu .htaccess

Sorin — Thu, 20 Nov 2008 13:01:29 +0000

In mod normal PHP-ul e setat sa poti uploada fisiere de maxim 8MB(sau chiar doar 2MB).
Poti schimba asta insa din php.ini:

1 2	post_max_size = 40M upload_max_filesize = 40M

.. dar asta inseamna sa dai drepturi la tot serverul sa poata incarca fisiere de pana in 40MB

Dar daca vrei sa dai drepturi doar fisierelor dintr-un anumit folder poti sa faci un fisier “.htaccess” si sa scrii urmatorul cod.

1
2
3
4

php_value post_max_size "40M"
php_value upload_max_filesize "40M"

Astfel toate fisierele din acel folder au dreptul de uploada fisiere de pana in 40mb.

Dar cred ca si codul asta e functional, daca vrei sa dai drepturi doar unui anumit fisier:

1
2
3
4

php_value post_max_size "40M"
php_value upload_max_filesize "40M"

sau doar pentru 2 fisiere:

1
2
3
4

php_value post_max_size "40M"
php_value upload_max_filesize "40M"

! Daca aveti hosting cumparat pe undeva tebuie sa verificati mai intai daca sunt drepturi ca .htaccess-ul sa suprascrie setarile default.

Reverse la o animatie Flash cu ActionScript 3.0

Sorin — Fri, 07 Nov 2008 15:10:07 +0000

Exemplu:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

/*
@ ActionScript 3
* Reverse la o animatie
------------------------------------
Scena contine un movie clip cu nume de instanta: img
Movie clipul e o animatie de 60 frame-uri in care se mareste poza.
-----------------------------------------------------
*/

// activeaza movie clip-ul ca buton
img.buttonMode = true;
// dezactiveaza eventualele
img.mouseChildren = false;

// adauga 2 eventListener pe imagine
// pentru mouse over
img.addEventListener(MouseEvent.ROLL_OVER,overThat,false,0,true);
// pentru mouse out
img.addEventListener(MouseEvent.ROLL_OUT,outThat,false,0,true);

// cand cursorul este peste mc adauga un nou eventListener
// si activeaza functia "inainte"
function overThat(event:MouseEvent):void {
event.target.removeEventListener(Event.ENTER_FRAME,inapoi);
event.target.addEventListener(Event.ENTER_FRAME,inainte,false,0,true);
}

// cand cursorul iese de pe zona mc-ului scoate eventListener-ul existent
// si activeaza functia "inapoi"
function outThat(event:MouseEvent):void {
event.target.removeEventListener(Event.ENTER_FRAME,inainte);
if (!event.target.hasEventListener(Event.ENTER_FRAME)) {
event.target.addEventListener(Event.ENTER_FRAME,inapoi,false,0,true);
}
}

// atat timp cat mouse-ul este peste mc-ul "img" este activata aceasta functie
// si merge pana da peste "stop" in timeline-ul din movie clip
function inainte(event:Event):void {
event.target.nextFrame();

}

// e reversul functiei "inainte"
function inapoi(event:Event):void {
event.target.prevFrame();
}

Sursele complete aici: img_in_out.fla (Flash CS3). Enjoy!

Reseteaza stilurile CSS

Sorin — Fri, 07 Nov 2008 12:52:36 +0000

Urmatorul cod CSS reseteaza sau seteaza toate tag-urile intr-o pagina HTML.
Browserele au valori diferite de padding sau margin si asta poate cauza probleme la afisarea elementelor in pagina.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
background: transparent;
}

Trebuie pus exact la inceputul fisierului ce contine CSS-ul tau.

Download PDF vs. Open PDF

Sorin — Fri, 07 Nov 2008 10:00:49 +0000

Browserele se cam incapatineaza sa deschida pdf-urile in loc sa te lase sa le descarci pe calculator.
Cea mai usoara rezolvare e sa pui urmatorul cod in fisierul .htacces in directorul de baza. (pe langa index.html/php)

1
2
3
4

ForceType application/octet-stream
Header set Content-Disposition attachment

Acum cand cineva da click pe link-ul unui PDF de pe site-ul tau o sa ii apara optiunea de Download si nu o sa il mai deschida direct in fereastra browserului.