Hulp Page

Click on a picture to make it larger so you can see more details.

Login

1. Enter your username and password

2. Click login

Once logged in you will see the main icons.

Main Pages Manager

Click on the Manage Main Pages icon and you can see the list of the mainpages.

On the left of each article there is a chekbox – if you click on this you can delete/unpublish/ articles from the menu icons on the top right of the page.

 Click on the green NEW icon to add a new mainpage.

You will then see the main article editor.

When making a new article first fill in

1. The title – do NOT use extended characters such as ! or $ or & or , or ; in the title – it has to be plain text only please.

2. Leave the Alias blank – when you save the item this will be filled out automatically.

3. Every mainpage has to belong to a Section and a Category – choose Content as the Section and Main Pages as the category. Here you also have the button to Publish or not Publish the article.

4. Use the editor to type in the text of the page. The editor has all the usual buttons you will find on an editor to make the text bold or underlines – number lists – unordered lists etc etc

5. Here you see the icons for Save and Apply and Close. If you apply the item you are saving it but keeping the page open for further edits. If you press Save it will save it and return you to the list of pages. If you press cancel your page is not saved and you return back to the pages list.

You will notice that nearly everything you work on has the Save button in the same place so look out for it on other pages when editing things.

IMPORTANT! The site has a cache system to help speed up the site and save bandwidth – what does this mean to me? Well when you are editing pages and applying or saving them the changes might not appear right away in the front pages of the site. How to force the changes to happen?

Above the Save and Apply buttons and in the very top right hand corner there is a green icon labelled Clear Cache – hit that button and a green notice should come up at the top of the page.

Now go back to the front part of the site and refresh the page and hopefully your changes have been made.

How to insert an image in an article.

1. Choose a place in the text where the image should appear.

2. Click the green add image icon on the left of the bottom row of editor buttons.

3. A new window will pop up with the image manager

4. On the left you have the different folders where the images live – in the folder blogimages you will find all the icons used on the old site and a few more – in the teamicons folder you will find the icons for the teams.

5. Clicking on a folder will show you a list of images in that folder in the middle panel of the image manager.

6. Clicking on an image name in the middle panel will bring up the image for you to see in the right hand panel.

7. Double click on the image and notice that the URL box at the top of the window gets filled out as well as the name of the image.

8. To make text wrap around the image you can use the alignment command. You can select for instance to float the image to the left. Next you need add a little space between the image and the text. If the image is on the left we will need to make 5pixels margin on the right and 5 pixels on the underside of the image. So you would enter 5 in the right box and 5 in the bottom box. You can see a preview of what will happen in the panel on the top right.

9. To upload an image you the green upload button. IMPORTANT! When uploading images please keep the images in the correct folder. Look at the folders on the left window first and see if an approriate folder already exists by pressing the folder button next to the upload button. For instance – you are adding a new image into an article about the B1 – look for a folder for B1 – if none exists then make a new one and upload your image into that folder.

10. When everything is correct you press the Insert button on the bottom of the window.

How to insert a link or email link into some text.

1. First of all write the text that you want to link in the editor.

2. Use your mouse to highlight the text it should be a different colour.

3. Press the Link button on the editor on the bottom line next door to the image manager.

4. This will not bring up the link manager.

5. Here you can choose to insert a link to another website – here you just paste the link into the URL box at the top. At the bottom of the manager look for the Window box – choose open in a new tab.

6. Press insert and the link is now made.

 How to insert a link to another page or blog article on the site.

 In the link manager there is a list of ways to add links – for linking to a main page in the site you choose articles then Main pages – then here you will get a list of all the main pages – click on one to make the link and press insert and the link is made.

2. To link to a team blog choose K2 items from the menu then you can see all the blog categories – click on a category to see all the items in that category.

How to insert an email link.

1. First of all write the text that you want to link in the editor.

2. Use your mouse to highlight the text it should be a different colour.

3. Press the Link button on the editor on the bottom line next door to the image manager.

4. This will not bring up the link manager.

5. Click on the email link on the top right then insert the email address in the boxes that pop up.

6. When finished press insert to make the link.

Adding new News posts to the frontpage and News category

 First of all click on the icon in the main admin panel.
Next fill in the Title of the item - please not DO NOT include special characters such as ! or : or , ONLY normal text characters for the title please.
Leave the Alias field blank.
Next choose a category for the item - in this case it would be Algemeen Nieuws.
At the bottom of the editor window you can see a button called Algemeen Niews - press the button and it will load the news template. Now you should see an example news item with some dummy text and a picture.
Make sure that this button is pressed - it will show code outlines in the editor - you should be able to see dotted lines around the text with a "p" on the left - this is the code for a standard paragraph of text.
To change the dummy text for your real text - highlight all of the text with your mouse by clicking on the start of the words and hold your mouse button down and drag it to the right and make sure it is all blue, when you have all the highlighted you can then start typing your text.
Pasting text from another program. The text needs to be "clean" - what does this mean? text editors such as Word will add in extra code behind the text that you cannot see and when you paste it into the editor it can mess up the code so we have to look after this. So what is the best way to do this? On the last line of the editor there are now three new buttons. To paste into the editor use the last icon (the brown one) and click on the arrow next to it. Choose Paste as Plain text and a new window comes up, here you can paste from word etc and it will hopefully take out all of the extra formatting in the text leaving nice clean plain text in the editor.

Changing the Picture

Click on the image then click on the image manager button.
You now have a new window showing all the options for images.
On the left you see a list of folders - choose Blog images for the icons used in news items.
In the middle you can see a list of files in that folder. Clicking on a file in this panel will load up a preview on the right.
You can upload a new picture into the folder by pressing the upload button and following the instructions - you can drag and drop an image from your file explorer or use the browse button to find the picture on your pc and upload it.
Make sure the Alignment of the picture is set to left and that there is a Margin of at least 5 on the right and on the bottom - what is this? look at the top right preview panel and you will see a preview of how the image will look with text around it, without the image aligned left the text will be directly under the image, by using the align and margin the text wil flow around the image in a nice way.

Saving the Article

When everything is done you can press Toepassen on the top right corner - the green tick. What this does is save the item but keeps the editor window open if you need to make changes once you have seen the item on the front of the site.
AFter pressing Toepassen press Cache opschonen to clean the cache system.
Now visit the homepage of the site in a new browser tab. Press F5 to refresh the page - you should now see the item on the top of the homepage - if not go back to the editor and press Cache opschonen again.
If you need to make any changes go back to the editor make the changes, press Toepassen and Cache opschonen then refresh the page again.
When everything is good press Opslaan to permantly save the item.

How to add a Verslagen

First of all click on the Verslagen en Blogs icon in the main admin panel.
Next fill in the Title of the item - please not DO NOT include special characters such as ! or : or , ONLY normal text characters for the title please. Try to make sure the team name is in the title - example - D4 Kort maar krachtig not Kort maar krachtig.
Leave the Alias field blank.
Next choose a category for the item - in this case it would be Blog - Team XXX where team Xxx= the name of the team from the verslagen.
Underneath the title and Alias there is a Tags box - type a v for verslagen here - it will autocomplete the word - click on it and the item is now tagged with Verslagen.
At the bottom of the editor window you can see a button called Verslagen Thuis and Verslagen Uit - press the button that is needed and it will load the template. Now you should see an example verslagen loaded into the editor.
Make sure that this button is pressed - it will show code outlines in the editor - you should be able to see dotted lines around the text with a "p" on the left - this is the code for a standard paragraph of text.
First of all click on a team icon to change it using the image manager. The folder for verslagen is Teamicons and in that folder you will see all the Altius teams logos, also in that folder is a fodler called Tegenstanders - this is the folder with all the other clubs icons.
Select the icon you need then click update and the new icon should be placed. When both are done then it is time to change the score.
To make the text BIG there is some code around the letters so please be careful here! Change the score one letter at a time - highlight the first letter and type your score then hightlight the other one and do the same. If you highlight the whole 5:1 and type over it it will not be big again and look odd.
To change the dummy text for your real text - highlight all of the text with your mouse by clicking on the start of the words and hold your mouse button down and drag it to the right and make sure it is all blue, when you have all the highlighted you can then start typing your text.
Pasting text from another program. The text needs to be "clean" - what does this mean? text editors such as Word will add in extra code behind the text that you cannot see and when you paste it into the editor it can mess up the code so we have to look after this. So what is the best way to do this? On the last line of the editor there are now three new buttons. To paste into the editor use the last icon (the brown one) and click on the arrow next to it. Choose Paste as Plain text and a new window comes up, here you can paste from word etc and it will hopefully take out all of the extra formatting in the text leaving nice clean plain text in the editor.

Above the team icons line and below them are some blank paragraphs - you should see the outline of them in the editor with a little p on the left.
These are for spacing and should not be removed - if you do the text will flow over the top of the images and make it unredable so be careful to leave them in place.

Publishing date - very important for the verslagen! what I want is that the verslagen publishing date matches that of the game played NOT when we recieve it.

When everything looks good in the editor please make SURE that the item is set to UNPUBLISHED - you can use the switch above the category chooser to do this.
Now that the item is set to unpublished you can now save the item with the save button on the top right corner.
Now email Dit e-mailadres is beschermd tegen spambots. U heeft Javascript nodig om het te kunnen zien. so that they can check the verlsagen and then publish it.

Adding new Agenda items

1. Just like adding a new main page or blog you will see the same sort of setup here. Add your Title.

2. Add the category that the event will be in

3. Write some text about the event – you can also add pictures and links etc in the editor like when you are editing a page.

4. Give the event a location, example Board meeting would be in the Board Room

5. If you want you can add the email of the person in charge of the event.

6. Click on the Calender tab – here you can choose the date and time of the event – remember to add a start and a finish for the event. Also here you could make the event repeat by using the buttons at the bottom.

7. When all is correct press save and you will return back to the event list.

Adding new Documents into the documents manager

Click on the documents manager and you get a new window of a lot of different icons – you need only the Beheer Bestanden icon.

1. Choose the category for the document

2. Give the doscument a title

3. Clicking here will bring up a new window so that you can search your computer for the actual file to upload.

4. Check to make the document published.

5. You can add a description for the document and also select an icon for the file – all the most popular icons are there for docuemnts spreadhseets pdf's etc.

6. When all is correct press save and you will return back to the document list.

KNVB Ripper - Oefen Programma en Scheidsrechters

To add Reffs to a game

Once logged into the Joomla Admin panel then you should see an Icon called Scheidsrechters - click on this.
You will then come to a new login screen to enter the KNVB system.
Enter the login details (different to your Joomla login) and procede.
First thing to do is to use the Filter to show only Home matches.
When you use the filter you will have a list of all the Home Matches in the next few weeks.
On the left you can see buttons to edit the matches or delete them, to edit them you can also just type into the list so you can enter information on lots of matches at once.
In the coloum Scheidsrechters - this is the information direct from Voetbal.nl you can overide this and enter a club referee in the Eigen Scheidsrechter coloum.
Eigen Scheidsrechters - here you can fill out the ref for each match.
Also you have the ability to add the Kleed Kamers and the Veld to a game, note: this only shows on the Wedstrijden Vandaag page which shows all the information on the matches.
This page could be printed out and used in the Wedstrijd office on matchdays to keep track of the kleed kamers and velds.
Please remember to logout when you have finished with the button on the top right.

To add new Freindly Matches or Tournament games.

Once logged into the Joomla Admin panel then you should see an Icon called Oefen Programma - click on this.
You will then come to a new login screen to enter the KNVB system.
Enter the login details (different to your Joomla login) and procede.
You will now see a list of all the games in the system.
To add a new match click on Wedstrijden toevoegen.
It is VERY important to follow the Format stated next to each input box or the system will not work!
Always check the date and also the team names they MUST be like stated!
Once you have filled in the information you then click the toevoegen button at the bottom to save the match.
You will then return back to the list of matches.
Also you call call a game off by editing a match then checking the Afgelast button.
The game will now be shown as Afgelast on the main programma page and also on the Afgelast page.
Please remember to logout when you have finished with the button on the top right.