Widget: Afbeelding + tekst

 

Functie

Met de Widget Afbeelding + tekst toont een afbeelding op een pagina of lay-out. Daarnaast heeft u nog de mogelijkheid om vanuit dezelfde widget tekst en titel mee te geven.

Invoegen Widget

Om een widget zichtbaar te krijgen op de website moet u deze toevoegen aan een pagina of aan een lay-out. In dit document kunt u lezen hoe widgets geplaatst worden binnen de pagina of lay-out.

  • Sleep de nieuwe widget naar de juiste kolom of rij binnen de pagina of lay-out.
  • Selecteer in het overzicht met alle beschikbare widgets voor de widget Afbeelding + tekst.

Afbeelding plus tekst 001

 

Voordat het mogelijk is om afbeeldingen te gebruiken in e-Captain of op uw website, zult u deze moeten uploaden naar e-Captain. Dit kan voordat u aan de slag gaat met de widgets of tijdens het plaatsen van een widget. Let op! De toegestane bestandstypes voor afbeeldingen zijn GIF, JPG, JPEG en PNG.

In dit document leest u meer over Afbeeldingen uploaden in e-Captain.

Instellingen Widget Afbeelding + tekst

Na het loslaten van de widget Afbeeldingen + tekst op de juiste locatie zal het instellingen scherm geopend worden.

 

Afbeelding plus tekst 002

 

  • Klik op de knop Zoek om een afbeelding in te voegen, het volgende scherm opent:

 

Afbeelding plus tekst 003

 

  • Hier kunt u gemakkelijk een afbeelding selecteren. Eveneens kunt u hier de grootte van de afbeelding bepalen.
  • Klik op de knop Invoegen om de afbeelding te gebruiken in de widget Afbeeldingen + tekst.

 

Afbeelding 007
Afbeelding selecteren
Afbeelding 008
Afbeelding mouse over selecteren. Zorg dat de afbeelding gelijk is om verspringen te voorkomen. Op mobiele apparaten is deze zichtbaar na een klik op de afbeelding. Als er een link is gekoppeld, dubbel klik.
Afbeelding 009
Afbeelding effect selecteren. Geen, afgeronde hoeken, kader, ovaal
Afbeelding 010
Afbeelding uitlijning links, rechts, midden
Afbeelding 011
Beschrijving weergeven in afbeelding Ja/Nee
Afbeelding plus tekst 009
Om een link te koppelen is een titel nodig
Afbeelding plus tekst 010
Titel uitlijning links, rechts, midden
Afbeelding plus tekst 011
Zie Link koppelen
Afbeelding plus tekst 012
Zelfde venster of Nieuw venster (tabblad)
Afbeelding plus tekst 013

Optie om de afbeelding te tonen of af te schermen.

  • Nee: afbeelding is voor niemand zichtbaar.
  • Ja: afbeelding is zichtbaar voor iedereen
  • Indien ingelogd: afbeelding alleen zichtbaar indien lid is ingelogd.
  • Indien niet ingelogd: afbeelding alleen zichtbaar indien men is niet ingelogd.
  • Zichtbaar voor selectie: moet iemand voldoen aan de criteria die bij de selectie worden opgegeven. (Bijvoorbeeld lid van bepaalde groep of moet ingelogd zijn)
  • Niet zichtbaar voor selectie: hier wordt de selectie logica omgedraaid. Dus kun je mensen uitsluiten. (Bijvoorbeeld niet lid van deze groep of niet ingelogd)

Tekst editor

Meer informatie over het gebruik van de tekst editor vindt u op de pagina tekst editor in e-Captain.

 

Afbeelding plus tekst 005

Voorbeeld

In het onderstaande voorbeeld is een Afbeelding + tekst widget geplaatst met een afbeelding van het e-Captain logo. Deze afbeelding heeft een uitlijning naar Rechts. Daarnaast staat in dit voorbeeld een afbeelding van Dispi B.V. Deze afbeelding is via de teksteditor toegevoegd.

  • Door te klikken op het Icon afbeeldingen toevoegen   icoon in de tekst editor kunt u meerdere afbeeldingen toevoegen aan de tekst editor.

 

Afbeelding plus tekst 006

 

Afbeelding plus tekst 007

 

Afbeelding plus tekst 008

 
 
 

Haal meer uit e-Captain!

e-Captain is een zeer uitgebreid ledenadministratie pakket. Wij bieden verschillende basis trainingen aan waarbij u op toegankelijke wijze leert werken met e-Captain. De trainingen vinden plaats op ons kantoor in 's-Hertogenbosch.

Bekijk onze trainingen

 

TeamViewer

Om u optimaal support te kunnen geven is het in sommige gevallen handig als we op afstand kunnen meekijken op uw eigen computer. Hiervoor maken wij gebruik van TeamViewer. Met TeamViewer kunnen wij op afstand uw computer overnemen.

 Download TeamViewer

 

Deze pagina is voor het laatst bijgewerkt op: 23 oktober 2017