OwnITOwnIT | OwnIT

Creating different styles for your Joomla template

Marijke Verkaik — Tue, 20 Dec 2011 15:14:55 +0000

Creating different styles for your Joomla template

When Joomla 1.6 was released, the ability to use multiple styles within one template came to life. It’s a fabulous feature for giving your pages different looks.

So how do we go about this? step by step!

In this tutorial I will create two colour styles for my site template. One will have a blue background and the other a green one.
In writing this I assume you have access to your template via FTP or a console.

Okay, lets get stuck in! Open ‘templateDetails.xml from your template folder. At the bottom of the page, but above the tag, paste the following block of code:

The first option you see is , this is the name of the template you are currently using. The bit where it says ‘value’ is the name of the css file of the default template, but without the .css extension behind it. In most cases this will be template.css. Later on you will see the name “Default style” in the back-end of your site, at the template manager.
Below the default style option are the two styles we are creating. You can change the value in the option tag into any name your want (leave out spaces or special characters). The name you fill in here has to be exactly the same as the name of the stylesheet you will be creating for the styles later on. The name you put in between the option tags (for instance “Blue style”) will be visible in the back-end so it’s a good idea to make it a sensible name.
Finally you can change the name of the label of the tag ‘field name’. This is the name you’ll see in front of the pulldown with page colour options in the back-end. Therefore I have named this ‘Page colour’ in my example.
Open ‘index.php’ in your template folder. Change this bit at the top of your page:

Into this:

$templateColor = $this->params->get(‘templateColor’);
?>
We are still editing index.php, search for the reference to the stylesheet. It more or less looks like this:
template ?>/css/css_template.css” type=”text/css” />

Put the following line of code, right below that:

baseurl ?>/templates/template ?>/css/.css” type=”text/css” />
Now we are off to the css folder of the template and we will create a few stylesheet files. At the ‘options’ bit in ‘templateDetails.xml, we put ‘blue’ and ‘green’ in two of the options. So now create two .css files: ‘blue.css’ and ‘green.css’. Leave them empty apart from the following bit of code:
In green.css paste:

body { background: #409723; }

and in blue.css paste:

body { background: #2859A7; }

The best way to go is to only put code in your colour stylesheets that deviates from your default template. For instance, for my blue style I want all my headers to be blue. So I only copy the h1, h2, h3 and h4 information from the default template to blue.css and change the colours to blue. In this fashion you can copy and adjust any part of the site. When a visitor looks at a page the browser will load the stylesheet of the default template first and then the colour stylesheet, all in a fraction of a second. That is why you don’t have to put all the stylesheet code in the colour stylesheets.
Log in to the back-end of the site and head off to: “Extensions > Template Manager”. Here you see a list of already installed styles. Put a check just before the template you are using for your site and at the top right hand side of the page click on ‘Duplicate’. In the list a new item appeared and it will have a (2) behind the name. Click on the name to open the style for editing. Change the name to something sensible like “Template name – Blue”. At the ‘Advanced options’ on the right side of the page you see a pulldown with the options you created in templateDetails.xml. According to my example you now have the following options: “Default style, Blue style and Green style”. Choose a style and at the bottom left hand of the page (Menus assignment) check the pages you want to assign this style to. You are done, so now click on ‘Save & Close’ at the top right side of the page. Now refresh the front-end of your website and click on the menuitems you have just assigned a style to. If you assigned one of the colours, the background colour of the page will have changed.
Once you got everything to work, you can finish editing the different colour stylsheets…

Marijke Verkaik

Content Management Systeem specialiste
marijke@own-it.nl
joomla.startpagina.nl

Het creëren van stijlen in een Joomla template

Marijke Verkaik — Tue, 20 Dec 2011 11:37:06 +0000

Sinds Joomla 1.6 is het mogelijk met één template meerdere stijlen te gebruiken, een onmisbare feature waarmee je in een handomdraai verschillende pagina’s een ander uiterlijk kunt geven.
Click here for the english version of this text

Hoe doe je dat? Stappenplan!

In dit voorbeeld maak ik twee kleur variaties op mijn standaard template. De ene heeft een blauwe achtergrondkleur en de ander een groene, oftewel de blauwe en de groene stijl.
Bij het uitvoeren van dit stappenplan ga ik er vanuit dat je toegang hebt tot je site middels FTP of een console.

Aan de slag: open ‘templateDetails.xml’ in je template map. Onderaan het bestand, maar boven de tag plak je het volgende blok:

De eerste optie is het standaard template. Hetgeen na ‘value’ staat is de naam van je standaard css bestand, zonder de .css er achter. In de meeste gevallen heet deze template.css.

De naam “Standaard stijl” zie je later terug in de administrator.
De twee option-tags daaronder zijn de twee stijlen die we aan het maken zijn. Je kunt de value in de option-tag veranderen in de naam die je wilt (geen spaties en speciale tekens). De naam die je hier invult moet hetzelfde zijn als de stylesheet die je straks aan gaat maken voor de stijl. Wat je tussen de option tags zet zie je later terug in de admin, dus maak hier ook iets zinnigs van. Tot slot kun je ook nog in de tag ‘field name’ de naam van het label veranderen. Deze naam zal te zien zijn in de backend voor de pulldown met de stijlen. Nu heet deze ‘Pagina Kleur’.
Open ‘index.php’ in je templatemap. Dit stukje bovenaan de pagina:

Verander je in:

$templateColor = $this->params->get(‘templateColor’);
?>
Nog steeds in index.php zoek je iets verder naar beneden naar de verwijzing naar het stylesheet, dat zal er min of meer zo uitzien:
template ?>/css/css_template.css” type=”text/css” />

Zet daaronder op de volgende regel het volgende:

baseurl ?>/templates/template ?>/css/.css” type=”text/css” />
Dan gaan we nu naar de css map in je template en maak daarin de verschillende stylesheet bestanden aan. Bij de options in templateDetails.xml hebben we blauw en groen aangemaakt. Maak dus twee stylesheets aan die je blauw.css en groen.css noemt. Laat de stylesheets leeg, maar zet (om straks te kunnen controleren of alles werkt) in groen.css deze code:
body { background: #409723; }

en in blauw.css deze code:

body { background: #2859A7; }

Het is het overzichtelijkst als je in de kleur stylesheets alleen die stukken css neerzet die afwijken van het standaard template. Zo wil ik in blauw bijvoorbeeld de kopjes blauw maken, dan kopieer ik alleen de h1, h2, h3 en h4 informatie naar blauw.css en verander de kleur in blauw. Je kunt op die wijze alle delen van de site die je er anders uit wilt laten zien kopiëren en aanpassen. Zo kun je ook bijvoorbeeld de body info aanpassen. De browser laadt in een fractie van een seconde eerst het standaard template in en daarna laad het de veranderingen die je hebt gemaakt in bv. blauw.css er overheen, vandaar dat je niet alle css info in je nieuwe stylesheets hoeft op te nemen.
Log nu in bij administrator en ga naar: “Extensies > Template Beheer”. Op het tabblad “Stijlen” vink je je standaard template aan en klik rechtsboven op “Dupliceren”. Nu zie je in de lijst stijlen je template naam met (2) er achter. Klik hierop en verander de stijlnaam in iets zinnigs, bijvoorbeeld “Templatenaam – Blauw”. Rechts bij de Geavanceerde opties zie je nu “Pagina kleur” staan met een pulldown ernaast”. Hierin zie je de opties “Standaard stijl, Blauwe stijl en Groene stijl”. Kies de kleur die je wilt, voor dit voorbeeld kun je ‘Blauwe stijl’ selecteren en vink linksonder bij “Menutoewijzing” alle pagina’s aan waarbij je wilt dat deze stijl getoond wordt. Klik nu op “Opslaan en sluiten”, ververs de eigenlijke site en klik op een van de menuitems die je net geselecteerd hebt om te kijken of alles goed gegaan is. En nu kun je aan de slag om je stijlen op smaak te maken…

Marijke Verkaik

Content Management Systeem specialiste
marijke@own-it.nl
joomla.startpagina.nl

Het creëren van stijlen in een Joomla template

Marijke Verkaik — Tue, 20 Dec 2011 10:27:06 +0000

Het creëren van stijlen in een Joomla template

Click here for the english version of this text

Sinds Joomla 1.6 is het mogelijk met één template meerdere stijlen te gebruiken, een onmisbare feature waarmee je in een handomdraai verschillende pagina’s een ander uiterlijk kunt geven.

Hoe doe je dat? Stappenplan!

Aan de slag: open ‘templateDetails.xml’ in je template map. Onderaan het bestand, maar boven de tag plak je het volgende blok:

De eerste optie is het standaard template. Hetgeen na ‘value’ staat is de naam van je standaard css bestand, zonder de .css er achter. In de meeste gevallen heet deze template.css.

De naam “Standaard stijl” zie je later terug in de administrator.
De twee option-tags daaronder zijn de twee stijlen die we aan het maken zijn. Je kunt de value in de option-tag veranderen in de naam die je wilt (geen spaties en speciale tekens). De naam die je hier invult moet hetzelfde zijn als de stylesheet die je straks aan gaat maken voor de stijl. Wat je tussen de option tags zet zie je later terug in de admin, dus maak hier ook iets zinnigs van. Tot slot kun je ook nog in de tag ‘field name’ de naam van het label veranderen. Deze naam zal te zien zijn in de backend voor de pulldown met de stijlen. Nu heet deze ‘Pagina Kleur’.
Open ‘index.php’ in je templatemap. Dit stukje bovenaan de pagina:

Verander je in:

$templateColor = $this->params->get(‘templateColor’);
?>
Nog steeds in index.php zoek je iets verder naar beneden naar de verwijzing naar het stylesheet, dat zal er min of meer zo uitzien:
template ?>/css/css_template.css” type=”text/css” />

Zet daaronder op de volgende regel het volgende:

baseurl ?>/templates/template ?>/css/.css” type=”text/css” />
Dan gaan we nu naar de css map in je template en maak daarin de verschillende stylesheet bestanden aan. Bij de options in templateDetails.xml hebben we blauw en groen aangemaakt. Maak dus twee stylesheets aan die je blauw.css en groen.css noemt. Laat de stylesheets leeg, maar zet (om straks te kunnen controleren of alles werkt) in groen.css deze code:
body { background: #409723; }

en in blauw.css deze code:

body { background: #2859A7; }

Het is het overzichtelijkst als je in de kleur stylesheets alleen die stukken css neerzet die afwijken van het standaard template. Zo wil ik in blauw bijvoorbeeld de kopjes blauw maken, dan kopieer ik alleen de h1, h2, h3 en h4 informatie naar blauw.css en verander de kleur in blauw. Je kunt op die wijze alle delen van de site die je er anders uit wilt laten zien kopiëren en aanpassen. Zo kun je ook bijvoorbeeld de body info aanpassen. De browser laadt in een fractie van een seconde eerst het standaard template in en daarna laad het de veranderingen die je hebt gemaakt in bv. blauw.css er overheen, vandaar dat je niet alle css info in je nieuwe stylesheets hoeft op te nemen.
Log nu in bij administrator en ga naar: “Extensies > Template Beheer”. Op het tabblad “Stijlen” vink je je standaard template aan en klik rechtsboven op “Dupliceren”. Nu zie je in de lijst stijlen je template naam met (2) er achter. Klik hierop en verander de stijlnaam in iets zinnigs, bijvoorbeeld “Templatenaam – Blauw”. Rechts bij de Geavanceerde opties zie je nu “Pagina kleur” staan met een pulldown ernaast”. Hierin zie je de opties “Standaard stijl, Blauwe stijl en Groene stijl”. Kies de kleur die je wilt, voor dit voorbeeld kun je ‘Blauwe stijl’ selecteren en vink linksonder bij “Menutoewijzing” alle pagina’s aan waarbij je wilt dat deze stijl getoond wordt. Klik nu op “Opslaan en sluiten”, ververs de eigenlijke site en klik op een van de menuitems die je net geselecteerd hebt om te kijken of alles goed gegaan is. En nu kun je aan de slag om je stijlen op smaak te maken…

Marijke Verkaik

Content Management Systeem specialiste
marijke@own-it.nl
joomla.startpagina.nl

Joomla update naar 1.5.25

Marijke Verkaik — Mon, 05 Dec 2011 15:59:35 +0000

Joomla update naar 1.5.25

We hebben vandaag alle Joomla 1.5 sites op onze servers naar Joomla 1.5.25 geüpdate. Dit was een reguliere veiligheidsupdate.
Voor meer informatie over wat er veranderd is in deze release, zie het complete artikel op JoomlaCommunity.eu.

Tips om veilig te werken met sociale media

Marijke Verkaik — Mon, 21 Nov 2011 13:33:36 +0000

Wij zijn er aanwezig, u waarschijnlijk ook: Facebook (Twitter, Google+, etc.).

Het is een fantastische methode om contacten te onderhouden met vrienden en relaties. Gemeenschappelijke interesses delen en het laatste nieuws verkrijgen van favoriete nieuwe websites, webshops en bedrijven. Maar… Hoe meer wij onze levensstijl delen met de sociale media hoe vatbaarder wij zijn voor cybercriminelen. Met andere woorden: hetgeen u post, deelt en vertelt op Facebook kan grote waarde hebben voor een (cyber)crimineel!

Gebruik de sociale media veilig en volg de volgende aanwijzingen:

Wees voorzichtig bij het downloaden van nieuwe Facebook applicaties, zeker wanneer u een link krijgt van een vriend.
Controleer middels een zoekmachine wat de applicaties doet of gaat doen. Heeft de applicatie reviews (beoordelingen)? In welke context is het vermeld? Soms moet u even op de achtergrond kijken of er niets (automatisch) gedownload wordt. Een trojan kan zich vermommen bijvoorbeeld als applicatie, u download in dat geval geen applicatie maar een trojan.
Een videolink met een pakkende kop/titel zou al verdacht kunnen zijn. Klik hier niet op! Cyber criminelen kunnen kwaadaardige video’s creëren en delen deze op de sociale netwerken slechts enkele uren na een groot nieuws feit.
Een vrienden/leden/volger verzoek van een vreemde, iemand die u niet kent? Denk eraan dat wanneer u iemand heeft geaccepteerd als vriend, lid of volger deze personen standaard alles kunnen zien wat u plaatst voor uw ‘echte’ vrienden. Uw adres, telefoonnummer, familiefoto’s, etc. Weiger daarom aanvragen van vreemden.
Bescherm uw profiel en uw persoonlijke berichten met een sterk wachtwoord. Hoe dierbaar is uw privacy. Waar trekt u de grens?
Bron: Norman IT Security

Marijke Verkaik

Content Management Systeem specialiste
marijke@own-it.nl
joomla.startpagina.nl

Twee-factor authenticatie iets uw bedrijf?

Tom Albers — Mon, 21 Nov 2011 13:23:54 +0000

Ik wed dat u tenminste twintig bookmarks in uw browser heeft van sites waar u moet inloggen. Om al die inloggegevens te onthouden heeft u twee opties.

Optie één: u gebruikt steeds hetzelfde wachtwoorden voor alle websites. Of u heeft u beseft dat dat niet erg veilig is en heeft een bepaalde set van wachtwoorden en verdeeld de sites in (mentale) groepen met een bepaald wachtwoord.
Optie twee: u gebruikt verschillende wachtwoorden voor elke site, maar dat betekent dat u ze waarschijnlijk opschrijft, op papier, een tekst-bestand of in een toepassing als LastPass.

Of u nu voor elke website een ander wachtwoord gebruikt of voor alle sites hetzelfde, zodra uw wachtwoord is onderschept, kan iets of iemand inloggen en uw gegevens achterhalen. Onderscheppen kan gebeuren door de site eigenaar, een virus op uw computer of door het onderscheppen van uw wachtwoord door iemand die u afluistert. Denk bijvoorbeeld aan de Diginotar affaire.

Wat is twee-factor authenticatie?

U kent ze vast wel, de calculators de meeste banken leveren voor het online bankieren. U typt uw pincode op de calculator in en de code die in de display ziet, typt u in op het inlogscherm van uw bank. Dat is de twee-factor authenticatie: U toetst iets in dat u weet (pincode) op iets dat u heeft (de calculator), twee factoren dus. De veiligheid van data op dergelijke websites neemt enorm toe door het gebruik van twee-factor authenticatie. Immers, als iemand uw pincode af weet te pakken, kan hij niet inloggen want hij heeft de calculator niet. Wordt uw calculator gestolen, dan kan de aanvaller er ook niets mee, want hij weet uw pincode niet.

Twee-factor authenticatie iets voor u of uw bedrijf?

De calculator is er niet alleen voor banken, er zijn manieren waarop u ook aan de slag kunt met twee-factor authenticatie. Als u Joomla, Drupal, WordPress of een ander content management systeem gebruikt om uw site bij te houden, dan kunt u erg eenvoudig het administrator-gedeelte extra beveiligen. Zo kunnen wij bijvoorbeeld YubiKeys aanleveren. Dit zijn super dunne USB-sticks die u eenvoudig aan uw sleutelbos kunt hangen. Uw inlogaccounts zijn dan beveiligt met een wachtwoord in combinatie met een wachtwoord dat door de USB-stick gegenereerd wordt. U kunt dit voor uzelf gebruiken en ook voor uw medewerkers/collega’s, zo is het hele bedrijf beveiligd tegen hackers, key loggers en trojaanse paarden.

LastPass, ook mogelijk in combinatie met YubiKey

LastPass is een dienst in de cloud die al uw wachtwoorden kan onthouden. Dit gebeurt op een veilige manier, beschouw het als een kluis. De wachtwoorden zijn zelfs niet te lezen door de makers van LastPass en het is ontzettend betaalbaar. Ook is er een abonnement voor het hele bedrijf. Dan is het ook mogelijk om wachtwoorden te delen met collega’s. LastPass is trouwens ook een erg handig hulpmiddel om automatisch ‘veilige’ wachtwoorden mee te genereren. U hoeft ze toch niet te onthouden, dus het maakt niet uit dat ze ingewikkeld en dus veilig zijn. Uiteraard wilt u niet dat andere mensen in uw kluis komen, LastPass kan samenwerken met YubiKeys. U kunt dan dus alleen bij uw wachtwoorden komen, als u in het bezit bent van uw eigen YubiKey. Best een veilig idee.

Tom Albers

Directeur, PHP-programmeur en Cloud specialist
toma@own-it.nl
Omat.nl

De nadelen van de tape backup

Tom Albers — Mon, 21 Nov 2011 13:22:45 +0000

De tape backup is het MKB nog steeds de meest gebruikte backup methode. Het is echter niet de meest stabiele manier. De belangrijkste nadelen:

De tape backup is een handmatig proces. Niets is zo foutgevoelig als de mens.
Tape streamers hebben bewegende onderdelen. Met andere woorden, ze slijten en gaan dus kapot.
Tape streamers innoveren en veranderen van formaat tapes. Zo kan het gebeuren dat u na een brand wel netjes uw backup tapes hebt, maar er geen juiste tape streamer meer voorhanden is.
Tapes gaan vaak mee in brand omdat ze niet buiten het kantoorpand worden opgeslagen.
Tapes slijten en verliezen kwaliteit. Tapes moeten dus op tijd vernieuwd worden.
Uw data groet, tape streamers niet. Wanneer u een succesvol bedrijf heeft en dus meer data gaat opslaan, kan het zijn dat u uit de backup capaciteit loopt.
Tape streamers zijn duur. In aanschaf, in onderhoud (denk ook aan software updates) en in gebruik (gemiddeld een uur per week, is bijna 1,5 week per jaar).

Wat is het alternatief?

Wij zijn van mening dat de online backup van Backup-Connect alle bovenstaande nadelen wegneemt. Online backup is gehost, het is van contante kwaliteit, online backup groeit met u mee en het is voordelig.
Probeer de online backup dertig dagen gratis.

Tom Albers

Directeur, PHP-programmeur en Cloud specialist
toma@own-it.nl
Omat.nl

De nadelen van de tape backup

Tom Albers — Tue, 25 Oct 2011 09:04:23 +0000

De nadelen van de tape backup

De tape backup is het MKB nog steeds de meest gebruikte backup methode. Het is echter niet de meest stabiele manier. De belangrijkste nadelen:

De tape backup is een handmatig proces. Niets is zo foutgevoelig als de mens.
Tape streamers hebben bewegende onderdelen. Met andere woorden, ze slijten en gaan dus kapot.
Tape streamers innoveren en veranderen van formaat tapes. Zo kan het gebeuren dat u na een brand wel netjes uw backup tapes hebt, maar er geen juiste tape streamer meer voorhanden is.
Tapes gaan vaak mee in brand omdat ze niet buiten het kantoorpand worden opgeslagen.
Tapes slijten en verliezen kwaliteit. Tapes moeten dus op tijd vernieuwd worden.
Uw data groet, tape streamers niet. Wanneer u een succesvol bedrijf heeft en dus meer data gaat opslaan, kan het zijn dat u uit de backup capaciteit loopt.
Tape streamers zijn duur. In aanschaf, in onderhoud (denk ook aan software updates) en in gebruik (gemiddeld een uur per week, is bijna 1,5 week per jaar).

Wat is het alternatief?

Probeer de online backup dertig dagen gratis.

Tom Albers

Directeur, PHP-programmeur en Cloud specialist
toma@own-it.nl
Omat.nl

Twee-factor authenticatie

Tom Albers — Tue, 04 Oct 2011 09:57:46 +0000

Twee-factor authenticatie

Hoeveel websites heeft u in uw bookmarks staan waarbij u een gebruikersnaam en een wachtwoord nodig hebt om in te loggen? Ik wed dat u er tenminste 20 heeft. Om al die wachtwoorden te onthouden heeft u twee opties.

Optie één: u gebruikt dezelfde wachtwoorden voor alle websites. Of u heeft u beseft dat dat niet erg veilig is en heeft een bepaalde set van wachtwoorden en verdeeld de sites in (mentale) groepen met een bepaald wachtwoord.
Optie twee: u gebruikt verschillende wachtwoorden voor elke site, maar dat betekent dat u ze waarschijnlijk opschrijft, op papier, een tekst-bestand of in een toepassing als LastPass.

Wat is twee-factor authenticatie?

Twee-factor authenticatie iets voor u of uw bedrijf?

LastPass, ook mogelijk in combinatie met YubiKey

Tom Albers

Directeur, PHP-programmeur en Cloud specialist
toma@own-it.nl
Omat.nl

Beste tips om veilig te werken met sociale media

Marijke Verkaik — Wed, 28 Sep 2011 10:33:54 +0000

Beste tips om veilig te werken met sociale media

Wij zijn er aanwezig, u waarschijnlijk ook: Facebook (Twitter, Google+, etc.).

Gebruik de sociale media veilig en volg de volgende aanwijzingen:

Wees voorzichtig bij het downloaden van nieuwe Facebook applicaties, zeker wanneer u een link krijgt van een vriend.
Controleer middels een zoekmachine wat de applicaties doet of gaat doen. Heeft de applicatie reviews (beoordelingen)? In welke context is het vermeld? Soms moet u even op de achtergrond kijken of er niets (automatisch) gedownload wordt. Een trojan kan zich vermommen bijvoorbeeld als applicatie, u download in dat geval geen applicatie maar een trojan.
Een videolink met een pakkende kop/titel zou al verdacht kunnen zijn. Klik hier niet op! Cyber criminelen kunnen kwaadaardige video’s creëren en delen deze op de sociale netwerken slechts enkele uren na een groot nieuws feit.
Een vrienden/leden/volger verzoek van een vreemde, iemand die u niet kent? Denk eraan dat wanneer u iemand heeft geaccepteerd als vriend, lid of volger deze personen standaard alles kunnen zien wat u plaatst voor uw ‘echte’ vrienden. Uw adres, telefoonnummer, familiefoto’s, etc. Weiger daarom aanvragen van vreemden.
Bescherm uw profiel en uw persoonlijke berichten met een sterk wachtwoord. Hoe dierbaar is uw privacy. Waar trekt u de grens?
Bron: Norman IT Security

Marijke Verkaik

Content Management Systeem specialiste
marijke@own-it.nl
joomla.startpagina.nl