Change the client routers IP address to a value within the primary router’s subnet. In my case I set it to 192.168.1.50 (the primary routers subnet was 192.168.1.2 to 192.168.1.51

Hit the save button.

Now, enable wireless and change the wireless mode to wireless ethernet bridge.

Type in the ssid of the primary router and match the security logins.

Hit save.

Disable and re-enable the client computers ethernet adaptor. In windows 7 I did this manually by clicking control panel > system > device manager > network adaptors > (my ethernet adaptor) disabling it, then re-enabling it

You will notice that during the installation you will get an error: starting network connection manager wicd failed.

All done! The next tutorial (Which I am still yet to write) will explain how to get your wi-fi connection up and running.

In part 2, we will connect the Revo to a wifi network.

Find the file: administrator/components/com_virtuemart/html/basket.php

Look for the line:
_('PHPSHOP_CART_UPDATE') .'" src="'. VM_THEMEURL .'images/update_quantity_cart.png" border="0" alt="'. $VM_LANG->_('PHPSHOP_UPDATE') .'" align="absmiddle" />
and replace with:
_('PHPSHOP_CART_UPDATE') .'" />

Create a .htaccess file with the below code, it will ensure that all your directories and pages of your old domain will get correctly redirected to your new domain.
The .htaccess file needs to be placed in the root directory of your old website (i.e the same directory where your index file is placed)

Options +FollowSymLinks
RewriteEngine on
RewriteRule (.*) http://www.newdomain.com/$1 [R=301,L]

Please REPLACE www.newdomain.com in the above code with your actual domain name.

In addition to the redirect I would suggest that you contact every backlinking site to modify their backlink to point to your new website.

Note* This .htaccess method of redirection works ONLY on Linux servers having the Apache Mod-Rewrite moduled enabled.

Options for the variable pricing drop down menu can be found at:

components/com_virtuemart/themes/default/template/productdetails/includes/addtocart_advanced_attribute.tpl.php

Options for the quantity / Add to cart button can be found at

components/com_virtuemart/themes/default/template/productdetails/includes/quantity_box_general.tpl.php

.footerMenu {
float:left;
width:100%;
overflow:hidden;
position:relative;
}
.footerMenu ul {
clear:left;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
left:50%;
text-align:center;
}
.footerMenu li {
border-left:#FFF 1px solid;
float:left;
list-style:none;
position:relative;
right:50%;
padding: 0 10px;
}
.footerMenu li a {
color:#fff;
text-decoration:none;
}
.footerMenu li a:hover, .footerMenu li a:active, .footerMenu li a:focus {
color: #fff;
text-decoration:underline;
}
.footerMenu ul :first-child {
border-left: 0;
padding-left: 0;
}

To make this apply for Search results (for instance, you might not want a module position displayed when the search results are displayed), just modify the code so: (‘view’)!=’search’

also – make sure to add style=”xhtml” – this ensure that module headings are wrapped in a h3 tag.

With this example for WordPress, I want to give the frontpage it’s own unique body class:

The bug is from a forgotten space. A classic typo.

To repair search for the file modules/mod_k2_tools/helper.php and here for the line that reads
$query .= “ORDER BY created DESC”;

the problem is that you need to add a space in front of ORDER, to look like
$query .= ” ORDER BY created DESC”;

because if it enters the if from before it does not add this space. One can add this space in the if also.

/public_html/

- open index.php

- find the line linking to the CSS file
<link rel = "stylesheet" href="...

- Change the text template.php to template.css (or whatever your css file is called)

- Add a link to menu.css

Solution:
Apply a pixel height to the following CSS properties to the the form:
form {height: Xpx; line-height: Xpx}

View the source for the template HERE

- First you need to create a xorg.conf file, as Ubuntu 10.04 doesn’t create one automatically.
Drop to a terminal by pressing Ctrl+Alt+F1 Log in with your usual Username and Password.

sudo stop *dm
where the * you replace with the letter which represents your desktop manager –> g for Gnome, k for KDE or x for xfce
Then put in your password.

once that has finished,
sudo Xorg -configure
This will then create an xorg.conf file in your home directory.

Once this is done,
startx
and you will be bought back to the desktop.

To make the computer use the xorg file next time you boot, create a file in /etc/X11/xorg.conf either by navigating to that folder and Right-click ‘Open as Root’ and then create a new file or
gksudo gedit /etc/X11/xorg.conf
and paste into it what is in the xorg.conf file in your Home directory and click save.

Reboot.

On reboot, my resolution issue was fixed. Hopefully it will do the same for you.

• Now install System Config Samba:
sudo apt-get install system-config-samba

• Restart Ubuntu

• Open up Samba Server Configuration by navigating to the following through the menu bar:
System > Administration > Samba

• In System Samba Server Configuration click ADD SHARE and navigate to your external drive, and select Writable / Visible, and click on Access to give access to everyone.

• In Preferences > Server Settings you can change the workgroup if needed.

• We now need to allow permission for anyone on the network to access your external drive, as even though we have told samba it can be accessed by anyone, Ubuntu will override this and only allow access to the administrator. So, open up teh samba config file using the termonal:
sudo gedit /etc/samba/smb.conf

• Add the following line to the Global section of the config file:
force user = insert your user name here

• Save the file, and restart ubuntu.

and that’s it! You’re external drive should now be accessible from windows machines, macs, and media players.

To fix this, we need to re-install the desktop by doing the following command:

1. Hold down Ctrl+Alt+F1
2. Login
3. Enter: sudo apt-get install ubuntu-desktop
4. After you are done, return to x-server by Alt+F7 or just restart.

• Open up your theme’s functions.php file and paste the following code somewhere between PHP tags:

function get_custom_field($key, $echo = FALSE) {
global $post;
$custom_field = get_post_meta($post->ID, $key, true);
if ($echo == FALSE) return $custom_field;
echo $custom_field;
}

• insert the following PHP into your theme files:

• Now, let’s take it one step further. Let’s recycle some code from our get_custom_field function and use it in a function that will check to see if that custom field has a value — and if it does, then to use that value, along with the proper IMG tags to output an image, including width and height specifications:

function image_attachment($key, $width, $height) {
global $post;
$custom_field = get_post_meta($post->ID, $key, true);

if($custom_field) { //if the user set a custom field
echo '';
}
else { //else, return
return;
}
}

Then, just use the function in your theme files. This example would echo the image with a width and height of 100px:

* Thankyou to the Nathan Rice blog for this handy hint

• Define the value as a URL (and make sure you upload an image to the server at that URL

• Open up the templates index.php file, and look for the following code: if(have_posts()) : while(have_posts()) : the_post();
and insert this right after it:

// check for thumbnail
$thumb = get_post_meta($post->ID, 'Thumbnail', $single = true);
// check for thumbnail class
$thumb_class = get_post_meta($post->ID, 'Thumbnail Class', $single = true);
// check for thumbnail alt text
$thumb_alt = get_post_meta($post->ID, 'Thumbnail Alt', $single = true);

• In the same file, look for either of the following:
php the_content();
php the_excerpt();
and add the following before it:

• Insert the following into your CSS:
thumbnail-class {
float: left;
width: 100px;
height: 100px;
margin: 0 15px 0 0;
}
.left {
float: left;
margin: 0 15px 0 0;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

In your css, make a rule for each page ID. For instance:

body {
background-color: #000;
}
body.page-id-1 {
background-color: #CC9;
}
body.page-id-2 {
background-color: #abc;
}

1. copy the image to a new layer and delete the background layer
2. copy the image to a new layer again and INVERT it
3. copy the inverted layer into the clipboard, and switch off its visibilty for now
4. go back the the +ve image and create a layer mask
5. press ALT whilst clicking on the mask thumbnail
6. paste the inverted image, then click back to the image thumbnail in the layer palette
7. duplicate this new layer until necessary (5 times?) and delete the inverted layer you created at the start
8. merge down the layers one by one (Ctrl-E) choosing to “apply mask” each time

This first method is done by inserting some code into the tinyMCE editor.
It’s the perferct method to use if you only want to add a module into specific articles, and not all articles:

> Create your module using the module manage
> assign a position to the module (in module manager)
> Go to the wsywg editor of your content, and type the following (my position of course being the name of your position):

{loadposition myPosition}

Stick some divs around it to style the container – done!

ok – Now in this second method, we are going to insert some code directly into the PHP file. This is the method to use if you want to make this change to all all articles. In this example I want to create a new position right before the content header..

> I’m going to use the blog item page for this. So make an override of the com_content/category/blog_item.php file
> find the line: td class=”contentheading…
> and insert the following code immediately after it. Done!

/modules/mod_acymailing/tmpl/default.php

On frame tween:

import caurina.transitions.*;
Tweener.addTween(_root.myMovieClip, {_x:100, _y:100, transition:"easeOutQuad", time:1});
/* set the X and Y values to where you want the destination of your tween */
/* set the time in seconds */

on button tween:

import caurina.transitions.*;

moveMC = function() {
Tweener.addTween(BG_MC, {_x:newPosX, _y:newPosY, transition:"easeOutQuad", time:2});
}

Take a look at the code, and you will see the following towards the start of the code:

You may need to get rid of the margin and padding for Jforms. this can be found in the CSS file:
joomla/components/com_jforms/views/form/default.css

In this example, I have a button that will do 2 things: create a tween on a movieclip, and then (after a small 1 second delay) move to a specified place on the time line. Here’s how to do it:

** please note: I’ve used the TWEENER class to create the tween **


myButton.onRelease = function() {
import caurina.transitions.*;
Tweener.addTween(_root.site.myMovieClip, {_x:0, _y:0, transition:"easeOutQuad", time:1});
setTimeout(testTimeOut,1000);
};
function testTimeOut(){
_root.site.gotoAndPlay("home");
};


Here is how it works:

myButton.onRelease = function() {
/* INSERT FIRST ACTION TO BE PERFORMED HERE */

setTimeout(testTimeOut,1000); /* THIS CREATES A FUNCTION CALLED setTimeout. 1000 = 1 second */
};

/* THE FOLLOWING LINE CALLS THE FUNCTION */
function testTimeOut(){
/* INSERT SECOND ACTION TO BE PERFORMED AFTER THE DELAY HERE */
};

First problem:
The wysiwyg editor doesn’t have an icon to embed media.
Solution:
Open the plugin Editor – TinyMCE in the Plugin Manager (Extensions -> Plugin Manager) and set the parameters as follows:
- Functionality to Extended

Second problem:
After inserting a swf (Using the insert media button), the swf doesn’t display at all when viewing the site. On closer inspection of the code, you will notice that it’s magically changed from OBJECT to IMG
Solution:
Open the plugin Editor – TinyMCE in the Plugin Manager (Extensions -> Plugin Manager) and set the parameters as follows:
- Code Clean Up = Always

Once the installation is complete, copy all the text inside the file configuration.php-dist, and save it to a new file called configuration.php. Open up your new file and copy in the server and ftp information that is shown in the final screen of the joomla installation. Upload the file to the root directory of your joomla installation.

html, body {
width: 100%;
margin: 0;
}

#myDiv {
min-width: 100%;
}

NOTE: you must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser.

MORE INFO: http://www.cssstickyfooter.com/

HTML

CSS
html, body, #wrap {height: 100%;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#div {
min-height: 100%;
}

Here’s the HTML code:

Here’s the CSS code (X = your numerical value):
#myList {
list-style-type: none;
padding: 0;
margin: 0;
}
#myList li{
display: inline;
}
#myList span{
display: none;
}
.item1 a {
display: block;
background-repeat: no-repeat;
background-image: url(../images/sprite.jpg);
background-position: -Xpx -Xpx;
width: Xpx;
height: Xpx;
float:left;
}
.item1 a:hover {
width: Xpx;
height: Xpx;
background-position: -Xpx -Xpx;
}


On further investigation, I noticed that when I logged in or out, I was automatically taken back to the sites front page, and it was infact only the front page that was breaking. When naviagting to other pages on the site they all behaved correctly..

Simple fix: In the modules backend admin, I just changed the login redirection to stay on the same page that the user log’s in/out on, and everything has seemed to work fine since.

But I did find the PHP page that generates the div (So I just renamed the div, and applied my own styles)

components/com_virtuemart/virtuemart.php
Line 154

/components/com_virtuemart/themes/default/templates/common/minicart.tpl.php

components/com_virtuemart/themes/default/templates/product_details/includes/addtocart_form.tpl.php

Other modifications can be made using this line of code.
class: Gives the button a CSS class
value: gives the button text (ie: Add To Cart)

PHP file that creates the products:
components/com_content/views/category/tmpl/blog_item.php

PHP that creates the page
components/com_content/views/category/tmpl/blog.php

** SECTIONS **

PHP file that creates the products:
components/com_content/views/section/tmpl/blog_item.php

PHP that creates the page
components/com_content/views/section/tmpl/blog.php

** BROWSE PAGINATION **
components/com_virtuemart/themes/default/templates/browse/includes/browse_pagenav.tpl.php

** FLYPAGES **

PHP file that creates the products:
components/com_content/views/article/tmpl/default.php

components/com_content/views/frontpage/tmpl/default.php

Look for the div class componentheading, and wrap that div in a container div.

In your CSS file, set componentheading to display: none – and set a background image in your newly created container div.

To access the php file to create your own unique class, head over to this file:

components/com_content/views/frontpage/tmpl/default_item.php

http://www.informit.com/articles/article.aspx?p=1152145&seqNum=1

More info, as I finalise my own CSS driven template..

CLASS: May be used multiple times on a page – Denoted in CSS by a period .

Line #23
$DescOrderBy = $vmInputFilter->safeSQL( $vm_mainframe->getUserStateFromRequest( "browse{$keyword}{$category_id}{$manufacturer_id}DescOrderBy", 'DescOrderBy', "ASC" ) );

Change to:
$DescOrderBy = $vmInputFilter->safeSQL( $vm_mainframe->getUserStateFromRequest( "browse{$keyword}{$category_id}{$manufacturer_id}DescOrderBy", 'DescOrderBy', "DESC" ) );

Put the data in a variable in:
administrator/components/com_virtuemart/html/shop.browse.php
- after the product_s_desc version on line 392, add:
$product_description = $db_browse->f(“product_desc”);
- after the product_s_desc version on line 438, add:
$products[$i]['product_description'] = $product_description;

Use the $product_description variable in your browse_x.php template as needed. I used it on the folowing:
components/com_virtuemart/themes/default/templates/browse/browse_1.php

Don’t forget to wrap it in a DIV tag, so you can apply CSS styles to it..

look for the following line (This creates the product description):

insert the following after it (remember to wrap it in it’s own div tag to apply styles with CSS):

In /administrator/components/com_virtuemart/html/shop.browse.php find the following code around line 403:

$product_details = $VM_LANG->_('PHPSHOP_FLYPAGE_LBL');

Immediately before that line insert the following:

$product_s_desc = vmCommonHTML::ParseContentByPlugins( $product_s_desc );

/administrator/components/com_virtuemart/languages/common/english.php

Look for the item on line 441 below:

‘PHPSHOP_FLYPAGE_ENLARGE_IMAGE’ => ‘View full-size image’,

I had a problem where the height of the rows on the product browse page were to big – There was too much dead space inbetween each row.
On closer inspection of the code, Virtuemart had automatically given each row a unique id, generated by the PHP code of the page. You can find the PHP file at:
components\com_virtuemart\themes\default\templates\browse\includes\browse_notables.tpl.php

The code (on line 33) reads:

..Just stick a height attribute into the style.

Shop index:
components/com_virtuemart/themes/default/templates/common/shopIndex.tpl.php

Shop categories page:
components/com_virtuemart/themes/default/templates/common/categoryChildlist.tpl.php

Browse page (creates the product list):
components/com_virtuemart/themes/default/templates/browse/includes/browse_notables.tpl.php

Browse product list (The products themselves):
components/com_virtuemart/themes/default/templates/browse/browse_1.php

Flypage:
components/com_virtuemart/themes/default/templates/product_details/flypage.tpl.php

Thankyou page:
components/com_virtuemart/themes/your_theme/templates/pages/checkout.thankyou.tpl.php

Basket:
components/com_virtuemart/themes/your_theme/templates/basket/basket_b2c.html.php

So to fix this, I gave it a class by going to the original php file, which can be found at:
components/com_virtuemart/themes/default/templates/browse/includes/browse_header_category.tpl.php

As soon as you check the php file out, you will see the h3 tag – Just give it a class, and then apply a good old display: none; thingy in your CSS..

In my circumstance, I needed to change the width of product_list, because Virtuemart had created it just that little bit too long, and it was pushing into my right hand column, and thus breaking my page layout..

As simply applying a CSS rule to product_list won’t actually override the embedded html styles, I went looking for the php file that generates the html code for that page. You can find it at:
components\com_virtuemart\themes\default\templates\browse\includes\browse_notables.tpl.php

I found that I needed to change 2 things, in order to get the width I required, although you may have to do a little trial and error for your own circumstances:

administrator/backups/ Writeable
administrator/components/ Writeable
administrator/modules/ Writeable
administrator/templates/ Writeable
components/ Writeable
images/ Writeable
images/banners/ Writeable
images/stories/ Writeable
language/ Writeable
mambots/ Writeable
mambots/content/ Writeable
mambots/editors/ Writeable
mambots/editors-xtd/ Writeable
mambots/search/ Writeable
mambots/system/ Writeable
media/ Writeable
modules/ Writeable
templates/ Writeable

Virtuemart needs this one:
httpdocs/joomla/administrator/components/com_virtuemart/virtuemart.cfg.php

*** POST UPDATE ***

Problem:
When installing an extension, I get the error “JFolder::create: Could not create directory”

Solution:
Open up the configuration.php file and make the following changes:

change
var $tmp_path = ‘\tmp’;
to
var $tmp_path = ‘c:\\inetpub\\vhosts\\mydomain.com\\httpdocs\\joomlaRoot\\tmp’;
(or use the method detailed in the original post below to find the correct URL)

change
var $ftp_host = ‘localhost’;
to
var $ftp_host = ”;

*** POST UPDATE END ***

I’m fairly new to Joomla, and for the last 24 hours I have been pulling my hair out trying to install an extension..

The first error I recieved was:

JFolder::create: Could not create directory

To fix this I contacted my host provider and got them to change the permission of the httpdocs/joomla/tmp folder to writable. I confirmed that the permissions were correct by going into the joomla back end and checking Global config > Help > Directory Permissions (Everything should be marked as WRITABLE.
But.. This didn’t appear to fix the immediate problem.

Next, I turned on the FTP layer in the global config options in my joomla backend, and entered the FTP details for my server – Now I hear conflicting opinions as to whether or not doing this is a recommended. It seems that the FTP layer in joomla 1.5 is quite buggy, but in my case it worked – But it didn’t work right away. After trying to re-install my extension I got the following error:

* JFTP::mkdir: Bad response
* JFTP::store: Bad response
* Warning! Failed to move file.

gee – I knew this whole thing wouldn’t be easy – but it seems like one problem after another.. But here is the solution..

Make a text file, and put this code into it:

and save the file as path.php. Upload it to the root folder of your joomla install.
Now navigate your browser to http://path.to.joomla/path.php. Copy the path that shows up in your browser. Paste it into the ‘path to temp folder’ field mentioned above, and add /tmp after the path. Click “Save”.

In my case the path was c:\xxxxx\xxxx\xxxx.com\httpdocs\joomla (because of the backwards slash, I added \tmp to the end)

Time to retry the extension install, and in my case it finally worked!!

My button instance name is: BTN1 – Note that this needs to be  a movieclip (not a button at all)

My Movieclip instance name is: myMovieClip – and in this case is actually on the root timeline

Here’s how:

import mx.transitions.Tween;
import mx.transitions.easing.*;

BTN1.onPress = function(){
new Tween(_root.myMovieClip,”_x”,Strong.easeOut,_root.myMovieClip._x, 40,2,true);//2 is the num of seconds
new Tween(_root.myMovieClip,”_y”,Strong.easeOut,_root.myMovieClip._y, 100,2,true);
new Tween(_root.myMovieClip,”_width”,Strong.easeOut,_root.myMovieClip._width,600,2,true);
new Tween(_root.myMovieClip,”_height”,Strong.easeOut,_root.myMovieClip._height,600,2,true);
}

A little tip for those getting aquainted with Actionscript.

So I have a button inside a movieclip called MC1. I need this button to link to a label called HOME on a totally different movieclip called MC2. Here’s the code that should be placed on a seperate layer to the button:

button_name.onRelease=function(){

_root.MC2.gotoAndPlay(“home”);

}

Or, alternately you could place the following script directly on the button (Not on a seperate layer):

on(release){

_root.MC2.gotoAndPlay(“home”);

}

In the case that MC1 was inside MC2 rather than being completely seperate, you could use parent:

on(release){

_parent.gotoAndPlay(“home”);

}

• Create an ampty movieclip with the instance name STAGE
• Add a behaviour to load external movie clip onto the STAGE
• Add the following actionscript (AS2) on a seperate layer:

stage._lockout=true; /* gets rid of the green border bug */

stage.loadMovie(“external_swf.swf”);

An easy one to kick this blog off, but something I can never remember when I need it..

So I’ve been working on a website in Flash that needs to automatically resize, or stretch itself to the browser window (More on how to do that in another post). Works perfectly in Safari, Firefox, and Opera – But of course breaks in IE (No surprise there, huh).

I seem to be getting this unwanted strip of blank space on the right of the screen, and also IE keeps displaying the vertical scrollbar, even though I have used overflow:hidden on both the X and Y axis in my CSS.

So here is the soution:

My SWF is contained in a DIV with the following CSS element to disable the vertical and horizontal scrollbars:

#div {
visibility: visible;
position: absolute;
top:0px;
left: 0px;
height: 100%;
width: 100%;
z-index: 1;
display: block;
border: 0;
overflow-x:hidden;
overflow-y:hidden;
}

Now this works fine for all browsers except IE, in which you need to add the following..

In the body tag set the margins to 0. This gets rid of the unwanted white strip down the side.

<body topmargin=”0″ leftmargin=”0″>

and in my css I type the following to get rid of the dead scrollbar in IE:

body {overflow: auto;}