Stijlbeheer: verschil tussen versies

Uit XpressionManager
Naar navigatie springen Naar zoeken springen
Regel 42: Regel 42:
= Stijlthema's =
= Stijlthema's =
Overzicht van alle stijlthema's die beschikbaar zijn.
Overzicht van alle stijlthema's die beschikbaar zijn.
== nieuw thema ==
== Nieuw thema ==


{|  style="color: black; width="500px" class="wikitable"
{|  style="color: black; width="500px" class="wikitable"
Regel 56: Regel 56:
|}
|}


== thema opmaken en/of wijzigen ==
== Thema opmaken en/of wijzigen ==


{|  style="color: black; width="500px" class="wikitable"
{|  style="color: black; width="500px" class="wikitable"
|+Legenda
|+Legenda
|-
|-
|Omschrijving||Naam van Stijlthema
|Omschrijving||Naam van Stijlthema.
|-
|-
|Favicon||Upload uw gewenste favicon
|Favicon||[[#Aanvullende informatie|Upload uw gewenste favicon.]]
|-
|-
|Kleuren||De lijst met gebruikte kleuren van het basisbestand
|Kleuren||[[#Aanvullende informatie|De lijst met gebruikte kleuren van het basisbestand]]
|-
|-
|Afbeeldingen||De lijst met gebruikte afbeeldingen van het basisbestand.
|Afbeeldingen||[[#Aanvullende informatie|De lijst met gebruikte afbeeldingen van het basisbestand.]]
|-
|-
|Extra CSS||Voer CSS code in voor de stylesheet opmaak.
|Extra CSS||[[#Aanvullende informatie|Voer CSS code in voor de stylesheet opmaak.]]
|-
|-
|Extra HTML||Voer HTML code in voor HTML uitbreiding.
|Extra HTML||[[#Aanvullende informatie|Voer HTML code in voor HTML uitbreiding.]]
|-
|-
|Extra HTML loginpagina||Voer HTML code in voor HTML uitbreiding op de login pagina.
|Extra HTML loginpagina||[[#Aanvullende informatie|Voer HTML code in voor HTML uitbreiding op de login pagina.]]
|}
|}
== Aanvullende informatie ==
===Favicon===
Een favicon is het icoontje voor de website url in uw browser en/of favorieten.
===Kleuren===
In de lijst staan de kleuren die gebruikt worden in het basisbestand.
Deze kunt u overschrijven d.m.v. uw gewenste hexadecimal color.
Wij adviseren de add-on '''Firebug''' voor '''Mozilla Firefox''' om te achterhalen welke kleur waar gebruikt wordt.
=== Afbeeldingen ===
In de lijst staan alle gebruikte afbeeldingen van het basisbestand.
Deze kunt u overschrijven d.m.v. uw gewenste afbeelding te uploaden.
Door op de link te klikken b.v. '''/images/topheader.jpg''' komt u op een nieuwe pagina met daarbij de gebruikte afbeelding.
=== Extra CSS ===
In het veld kunt u de CSS eigenschappen uitbreiden en/of aanpassen naar uw wensen.
Wij adviseren de add-on '''Firebug''' voor '''Mozilla Firefox''' om te achterhalen welke style bij welk object hoort.
'''''CSS ervaring gewenst '''''
=== Extra HTML ===
In het veld kunt u extra HTML broncode meegeven aan de stijlthema.
Dit kan nodig zijn mocht u extra <div> elementen of dergelijke wensen.
'''''HTML ervaring gewenst '''''

Versie van 18 feb 2013 14:41

De functie van stijlbeheer

Via stijlbeheer kunt u wijzigingen in de layout en de opmaak aanbrengen per bedrijf. Wanneer u echter meerdere bedrijven van dezelfde layout wilt voorzien dan moet u alle aanpassingen apart doen voor elk bedrijf.

Hiervoor hebben we nu stijlthema's in het leven geroepen. Met deze functie maakt u 1 stijl die voor meerdere klanten gebruikt kan worden. Een aanpassing in deze stijl wordt direct doorgevoerd voor alle klanten.

In het stijlthema scherm kunt u meerdere niveaus's aanmaken. Deze niveaus erven hun aanpassingen van elkaar.

Een voorbeeld:

U (De Gewaardeerde Klant) heeft 3 klanten binnen Xpression Manager:

   Drukkerij Het Grote Boekje
   Drukkerij Blaadje
   De Gouden Printer

Hiervoor kunt u de volgende structuur aanmaken met stijlthema's:

   De Gewaardeerde Klant
       Drukkerij Het Grote Boekje
       Drukkerij Blaadje
   De Gouden Printer
       Kerstmis
       Pasen

Op het hoofdniveau De Gewaardeerde Klant kunt u nu uw eigen huisstijl overbrengen door de layout en opmaak aan te passen. Dit kan op dezelfde manier als met het reguliere stijlbeheer.

Voor de twee onderliggende niveaus past u vervolgens alleen de logo's (header) aan. Dit kan bijvoorbeeld het logo zijn van Drukkerij Het Grote Boekje. Op deze manier kunt u uw klant in laten loggen in uw eigen omgeving met een persoonlijk tintje.

Voor De Gouden Printer maakt u een geheel andere layout in hun huisstijl. Nu wil deze klant graag met kerstmis dat de site rood is en met pasen dat de site geel is. Nu kunt u in het subniveau "Pasen" alle kleuren overschrijven door een gele kleur. Op deze manier zal het logo behouden worden wat in het hoofdniveau opgegeven is, maar de gele kleur van het subniveau wordt wel opgepakt.

Extra HTML

Extra HTML is alleen beschikbaar op het hoofdniveau.

Toekennen

U kent een stijlthema toe aan een klant via de eigenschappen van een klant (blauwe potloodje). Wanneer u geen stijlthema kiest dan valt het systeem terug op het reguliere stijlbeheer.

Vaste stijlen

Vaste stijlbeheer

Stijlthema's

Overzicht van alle stijlthema's die beschikbaar zijn.

Nieuw thema

Legenda
Omschrijving Naam van Stijlthema
Favicon Upload uw gewenste favicon
Basisbestand Selecteer basisbestand die u wenst te restylen
Opslaan Het stijlthema wordt aangemaakt.

Thema opmaken en/of wijzigen

Legenda
Omschrijving Naam van Stijlthema.
Favicon Upload uw gewenste favicon.
Kleuren De lijst met gebruikte kleuren van het basisbestand
Afbeeldingen De lijst met gebruikte afbeeldingen van het basisbestand.
Extra CSS Voer CSS code in voor de stylesheet opmaak.
Extra HTML Voer HTML code in voor HTML uitbreiding.
Extra HTML loginpagina Voer HTML code in voor HTML uitbreiding op de login pagina.

Aanvullende informatie

Favicon

Een favicon is het icoontje voor de website url in uw browser en/of favorieten.

Kleuren

In de lijst staan de kleuren die gebruikt worden in het basisbestand. Deze kunt u overschrijven d.m.v. uw gewenste hexadecimal color. Wij adviseren de add-on Firebug voor Mozilla Firefox om te achterhalen welke kleur waar gebruikt wordt.

Afbeeldingen

In de lijst staan alle gebruikte afbeeldingen van het basisbestand. Deze kunt u overschrijven d.m.v. uw gewenste afbeelding te uploaden. Door op de link te klikken b.v. /images/topheader.jpg komt u op een nieuwe pagina met daarbij de gebruikte afbeelding.

Extra CSS

In het veld kunt u de CSS eigenschappen uitbreiden en/of aanpassen naar uw wensen. Wij adviseren de add-on Firebug voor Mozilla Firefox om te achterhalen welke style bij welk object hoort.

CSS ervaring gewenst

Extra HTML

In het veld kunt u extra HTML broncode meegeven aan de stijlthema.

Dit kan nodig zijn mocht u extra

elementen of dergelijke wensen.

HTML ervaring gewenst