Voorbeeld: invoegen (embed) flash (.swf)

Hierbij een voorbeeld van flash (.swf bestand)  binnen dewebmeester.wordpress.com ; Header of banner is overigens te koop voor 49 Euro en wordt vervolgens compleet aangepast aan uw product, illustraties en informatie en geplaatst binnen uw eigen website.
http://www.advice4all.info/flash/header1.swf

Invoegen van flash

Er zijn veel mogelijkheden en onmogelijkheden om flash in een website te stoppen. Meest gebruikte is de 'embed' methode waarbij het flash video bestand geupload wordt naar een bepaalde map in de server en vervolgens wordt er binnen de HTML code van de website, op de plaats waar de flash video moet verschijnen, een bepaald script geplaatst die aangeeft dat het videobestand geladen moet worden. Mijn probleem was dat voor verschillende soorten websites, verschillende scripts lijken te gelden en verschillende methodes. Ik probeer ze hier op een rij te zetten:

Flash importern in een Joomla site

Gisteren gelukt in www.cheap-web.nl op de plaats 'advert 1'; Dat is een banner geworden. Banner is geplaatst met een aparte (non commercial) flash module; Lekker makkelijk dus. Ik had ingesteld dat de banner op alle pagina's vertoond moeten worden maar dat geeft problemen in de virtuemart sectie. Hoofdpagina 'Online store' geeft de banner heel netjes weer. De rest van de virtuemartpagina's (categorieën en producten) geven alleen een lege ruimte weer. Ik heb de module voor de Virtuemart sectie dus even uitgeschakeld (wel makkelijk van een module….)

Flash importeren in Joomla / Virtuemart

Stel dat je zoals wij flash banners wilt verkopen. Dan is het wel handig dat deze flashbanners ook getoond worden in de winkel. Dat ga ik vandaag voor elkaar proberen te krijgen.

Om je"YouTube video" en andere Flash files in de VirtueMart product beschrijving te plaatsen, moet je de 'object' en de 'embed' items uit de volgende regel verwijderen:

var $tagBlacklist = array('applet', 'body', 'bgsound', 'base', 'basefont', 'embed', 'frame', 'frameset', 'head', 'html', 'id', 'iframe', 'ilayer', 'layer', 'link', 'meta', 'name', 'object', 'script', 'style', 'title', 'xml');

De nieuwe regel wordt dan:

var $tagBlacklist = array('applet', 'body', 'bgsound', 'base', 'basefont', 'frame', 'frameset', 'head', 'html', 'id', 'iframe', 'ilayer', 'layer', 'link', 'meta', 'name', 'script', 'style', 'title', 'xml');

Zoek naar deze regel in: administrator/components/com_virtuemart/classes/phpInputFilter/class.inputfilter.php file.

Vervolgens moet je de HTML code van de product beschrijving aanpassen en de video file plaatsen met onderstaand script:

 <div align="center">
<object width="445" height="364"><param name="movie" value="http://www.youtube.com/VIDEO PATH"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/VIDEO PATH" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="445" height="364"></embed></object>
</div>

Je moet hier 'http://www.youtube.com/VIDEO PATH' natuurlijk vervangen met je eigen
video file URL.

Ik probeer deze variatie in de productbeschrijving van het product 'flash banner' binnen virtuemart van www.cheap-web.nl (Categorie 'Extra services en diensten'); Ik klik op het icon 'html', plak het script daarin en klik 'update' en ja hoor, er verschijnt een .swf bestand op de plaats van de productbeschrijving. Alleen: hij 'loopt' niet. Het blijkt een gecombineerd flash bestand te zijn. Het .swf bestand ('main') laadt zelf andere .swf bestanden via een .xml bestand en dat blijkt niet te werken. Via Google ontdek ik al dat .swf bestanden die aangestuurd worden via .xml bestanden moeilijker te integreren zijn in Joomla / Virtuemart. Ik ga dat uitzoeken!

Flash script binnen index.php ?

Een ander script dat ik tegen kom geeft de aandacht aan het plaatsen van het script binnen de index.php file. Dat is mij niet duidelijk omdat volgens mij dan niet duidelijk is op welke plaats de flashbanner zal verschijnen. Hierbij het script (ik zal direct dit script in de index.php plaatsen met een verwijzing naar en .swf bestand uit de root om te kijken wat het resultaat zal zijn; ik zal het laten weten!):

Copy the following directly into the proper location within your index.php file which drives the Joomla template.
 
<object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
codebase=http://download.macromedia.com/pub/shockwave/cabs/
flash/swflash.cab#version=5,0,2,0
width=700
height=175>
<param name=movie value=globe.swf>
<param name=quality value=high>
<param name=BGCOLOR value=#112B4D>
<param name=SCALE value=noborder>
<embed src=globe.swf
quality=high
pluginspage=http://www.macromedia.com/shockwave/download
/index.cgi?P1_Prod_Version=ShockwaveFlash type=application/x-shockwave-flash
width=700
height=175
bgcolor=#112B4D
scale= noborder>
</embed>
</object>

Het resultaat?: Een 'syntax error'; Niet aan te raden dus dit script….

Flash script binnen index.php (artisteer templates)

Deze code kwam ik tegen om binnen de 'header' te plaatsen vaneen template die is opgemaakt in Artisteer:

<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0" width="984" height="278">

<param name="movie" value="<?php echo $mosConfig_live_site;?>/

template/TemplateName/images/filename.swf " />

<param name="quality" value="high" />

<embed src="<?php echo $mosConfig_live_site;?>/template/TemplateName/images/filename.swf " quality="high" pluginspage="http://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="984" height="278"></embed>

</object> 

(Uit: http://www.artisteer.com/?post_id=110256&p=forum_post&topicsPage=3&forum_id=20)

Vergeet nooit om voor vragen contact op te nemen met www.dewebmeester.nl

(wordt vervolgd)

Werken met 'Adobe Contribute'.

Vandaag probeer ik met het programma 'Adobe Contribute' mijn blog dewebmeester.wordpress.com aan te passen. Mijn eerste indruk betreffende 'Contribute' is: niet veel extra's. Een 'gewoon' (gratis) programma als 'Kompozer' lijkt meer te kunnen en makkelijker te bedienen te zijn. Ook zie ik (nog) niet hoe 'Contribute' een aanvulling kan zijn op 'Dreamweaver'. Mijn conclusie tot nu toe: voor wat betreft het onderhouden van websites, kun je beter met 'Dreamweaver' blijven werken.

 

Maar wat betreft 'Blogs' bevat 'Contribute' een aparte functie. Hierbij mijn eerste bijdrage vanuit dit programma, direct geupload naar mijn blog. Laat ik eerst eens proberen hier een videobestand in te voegen (iets wat in wordpress.com moeilijk zou moeten zijn):

 

Verdraaid, dat lijkt te lukken (een .swf bestand voor www.fransjorna.nl, een klant van dewebmeester.nl); Nu ga ik dit uploaden ('publish') en de komende dagen hoop ik het resultaat samen te vatten in een vervolgartikel op dit blog;

Welterusten,

Meindert A. Jorna

cheap-web.nl (ja, een nieuwe / extra domeinnaam. Ik wil binnenkort ook even terugkomen op het thema 'domeinnamen'.

Een minuut later: nee, helaas, dat werkt toch niet. Wordpress.com staat inderdaad niet toe dat en flash bestand gepubliceerd wordt. Zal ik moeten overstappen op wordpress op mijn eigen server. Hierbij dan even een illustratie (dat moet toch wel lukken......):

cheap-web.info, uw chatkanaal voor advies betreffende uw website

Beste mensen,

Vandaag is het open chat kanaal van www.cheap-web.info van start gegaan. Elke bezoeker aan deze website kan hier terecht voor vragen en adviezen betreffende webdesign, een nieuw te starten website project of andere zaken betreffende internet marketing. Elke bezoek is geheel vrijblijvend. Het is zelfs niet nodig om je te registreren. Iedere bezoeker kan meedoen binnen dit chatkanaal. Voor echt kwaliteits advies, klik je binnen het chatkanaal op 'admin'. Dan weet je zeker dat je met de ontwerper en eigenaar van cheap-web.info spreekt. En dat is: dewebmeester.nl

Hartelijke groeten,
Meindert A. Jorna
Tot morgen?



:

Gebruiksaanwijzing: Download component Joomla!

Download component en module

De meeste websites hebben de mogelijkheid om documenten te downloaden. Handig voor de bezoeker. Als eigenaar geef je iets weg waarvoor de klant al dan niet moet betalen. Om dit proces te kunnen beheren heb je een download component nodig. Een download component die gratis is en mij heel erg goed bevalt is de Phoca download component. (http://www.phoca.cz/download/category/4-phoca-download-component ) ; De installatie is makkelijk (via admin panel van Joomla, extensies, install) maar wordt pas voltooid na twee stappen (let dus op: na de eerste installatie ben je niet klaar. Je moet nog een keer klikken op 'install'). Vervolgens zie je de component onder 'componenten'. Binnen deze component maak je vervolgens secties aan en categorieën. Daarna kun je een file uploaden via filebeheer.

Het probleem is mogelijk om deze file zichtbaar te maken in de frontend (voorkant website). En daar ging het nu net om. Maar ook dat is niet moeilijk. Makkelijkste is om apart menu aan te maken binnen menubeheer. Na aanmaken van menu, open jen dit menu en klik je op 'item toevoegen' (rechtsboven). Hiermee maak je een nieuwe link aan binnen het menu. Dan kies je 'wijzig type' en vervolgens kies je waar deze link naartoe moet wijzen. Dat moet zijn een file binnen phoca download. Je klikt hierop en binnen de rechterkolom kun je vervolgens kiezen naar welke file deze link moet verwijzen. Je met natuurlijk niet vergeten een leuke naam te verzinnen voor je link en te klikken op 'opslaan'.

Bij aanmaken van nieuw menu wordt dit menu standaard zichtbaar gemaakt op alle pagina's. Dat wil je mogelijk niet. Ga dan naar 'module beheer', zoek daarbinnen op de naam van je menu (er is daar een module voor aangemaakt bij het aanmaken van je nieuwe menu) en vervolgens zie je de verschillende opties voor zichtbaar maken van je nieuwe download menu.

Succes ermee.

Dewebmeester.nl

Wordt vervolgt…….

Hoe werkt: Joomla!

Joomla is populair. Maar in de meeste gevallen betekent dit "de klok horen luiden en niet weten waar de klepel zit". De meeste geinteresseerden voelen wel aan dat Joomla veel ('gratis') mogelijkheden biedt maar hoe gebruik je die? Hoe werkt Joomla? Binnen deze blog post vragen van klanten en antwoorden.

Veranderen template/ de 'look'/ layout / ontwerp


Het Joomla pakket komt met een aantal standaard layouts. Deze worden 'themes' genoemd of 'templates . Aanpassen betekent:

- Inloggen in administrator panel

- Via 'extensies' naar 'templatemanager'

- Vervolgens zie je een aantal templates

Aanpassen van logo


Download component en module


De meeste websites hebben de mogelijkheid om documenten te downloaden. Handig voor de bezoeker. Als eigenaar geef je iets weg waarvoor de klant al dan niet moet betalen. Om dit proces te kunnen beheren heb je een download component nodig. Een download component die gratis is en mij heel erg goed bevalt is de Phoca download component. (http://www.phoca.cz/download/category/4-phoca-download-component ) ; De installatie is makkelijk (via admin panel van Joomla, extensies, install) maar wordt pas voltooid na twee stappen (let dus op: na de eerste installatie ben je niet klaar. Je moet nog een keer klikken op 'install'). Vervolgens zie je de component onder 'componenten'. Binnen deze component maak je vervolgens secties aan en categorieën. Daarna kun je een file uploaden via filebeheer.

Het probleem is mogelijk om deze file zichtbaar te maken in de frontend (voorkant website). En daar ging het nu net om. Maar ook dat is niet moeilijk. Makkelijkste is om apart menu aan te maken binnen menubeheer. Na aanmaken van menu, open jen dit menu en klik je op 'item toevoegen' (rechtsboven). Hiermee maak je een nieuwe link aan binnen het menu. Dan kies je 'wijzig type' en vervolgens kies je waar deze link naartoe moet wijzen. Dat moet zijn een file binnen phoca download. Je klikt hierop en binnen de rechterkolom kun je vervolgens kiezen naar welke file deze link moet verwijzen. Je met natuurlijk niet vergeten een leuke naam te verzinnen voor je link en te klikken op 'opslaan'.

Bij aanmaken van nieuw menu wordt dit menu standaard zichtbaar gemaakt op alle pagina's. Dat wil je mogelijk niet. Ga dan naar 'module beheer', zoek daarbinnen op de naam van je menu (er is daar een module voor aangemaakt bij het aanmaken van je nieuwe menu) en vervolgens zie je de verschillende opties voor zichtbaar maken van je nieuwe download menu.

Succes ermee.

Dewebmeester.nl

Wordt vervolgt…….

Templateplazza.com; hoe te gebruiken

Prachtige designs en tegelijkertijd grote functionaliteit. Als webdesigner heb je mogelijk maanden nodig om dit voor elkaar te krijgen. Dit blog is voor klanten van www.dewebmeester.nl die gebruik maken van een design van www.templateplazza.com .

Installatie

Laten we aan onszelf over. Belangrijk: neem hosting via www.dewebmeester.nl dan weet je zeker dat alles werkt en dat je niet teveel betaalt. Aandachtspunt: bij installatie via 'quickstart' niet de voorbeelddata installeren. Die zijn al verwerkt in de quickstart.

Opmaak

De header

De header is in dit geval een 'banner'; Of eigenlijk: een serie banners die achter elkaar via 'slideshow' getoond worden. Je vindt ze dan ook via 'componenten'-à 'banners' ('advertenties') binnen de categorie 'TPFade'. Oftewel: alles wat binnen deze categorie banners (advertenties) geplaatst wordt, is zichtbaar binnen de header. Klik maar eens op 'banners' ('advertenties')en kies vervolgens één van de banners binnen de categorie 'TPFade' en je ziet de betreffende banner verschijnen. Helaas kun je de banner zelf hier niet aanpassen, dat moet je in een extern fotobewerkingsprogramma doen (adobe elements of 'the gimp'). Ook kun je een nieuwe banner plaatsen door binnen 'banners' rechtsboven te klikken op 'nieuwe' en zelf illustraties e.d. toe te voegen. Verwijderen van een banner kan éénvoudigweg door te klikken op het groene vinkje onder de kolom 'published'.

Het systeem waarbij bepaalde artikelen binnen een bepaalde catagerie op een bepaalde plaats binnen de website verschijnen, lijkt bijna 100% op het systeem van www.icetheme.com waarover ik een apart hoofdstuk heb geschreven binnen dit blog (kijk even rechts in overzicht artikelen)

De header 2

Noodzakelijke aanvulling: Binnen 'banners' is niet alleen de categorie van belang maar ook de klanten. Binnen header draaien banners uit catagorie 'TPFade' en van klanten 'Open source matters' ; Natuurlijk is dat aan te passen maar dit is het uitgangspunt. Verder is het niet altijd makkelijk om een foto van het juiste formaat te plaatsen. Je kunt wat aanprutsen in 'paint' of zo maar je kunt ook gewoon de afmetingen instellen na het klikken op de gewenste 'banner'. Maar ook dit geeft bijna nooit het gewenste resultaat. Verder van belang: illustraties (banners) moeten worden geupload naar de folder 'images/banners/' en vervolgens verschijnen ze binnen een uitklapmenu binnen de banner module.

Hoofdmenu

Gewoon Joomla werk: Ga naar 'mainmenu'; klik op menu-item dat je wilt aanpassen en verander al dan niet:

1) - waar menu-item heen moet wijzen ('wijzig type')

-2) - titel van menu-item

3) - illustratie die links van menu-item getoond wordt; Dit is wel extra in relatie tot de gewonen Joomla installatie.Binnen menu-item klik binnen rechterkolom op 'parameters systeem' en dan zie je een klein uitklapmenu met mogelijkheid een illustratie te kiezen. Deze illustraties bevinden zich in map 'images/stories' en als je aan andere illustratie wilt dan degene die geboden worden, dan moet je dus eerst een passende illustratie oploaden naar deze map. Wil je weten welke illustraties er al in de map zitten, dan ga je naar 'mediabeheer' en blader je daar doorheen.

Achtergrond

De achtergrond bij 'resto-plazza' is een illustratie. Een .jpg file met blokjes. Deze kun je vervangen of verwijderen. Aanpassen van de achtergrond doe je door via administrator panel naar 'template beheer' te gaan (onder 'extensies') en vervolgens te klikken op de template 'resto plazza'; In de rechterkolom zie je de achtergond illustratie die daar gebruikt wordt. Die kun je daar weghalen of aanpassen. Hieronder zie de gebruikte achtergrondkleur (#ccc als standaard) en die kleur kun je daar dus eventueel aanpassen.

Wordt vervolgd