Rørsystemer i plast

Navngivning

Generelt om navngivning af mapper og filer

  • Brug aldrig specialkarakterer, fx §!"#€%&/_
  • Brug udelukkende små bogstaver
  • Brug aldrig æøå. Brug i stedet ae, oe og aa
  • Brug aldrig mellemrum. Brug i stedet en bindestreg (-)

Hold orden i Filarkivet

Filarkivet er født med to mapper til dit indhold:

'Filer': Her gemmer du dokumenter, fx pdf-filer

'Billeder': Her gemmer du billeder, fx png-filer, gif-filer og jpg-filer

Hvis du kan se andre mapper i filarkivet, så undlad at bruge dem.

Sådan håndterer Espresso dine billeder

Hvis dit originalbillede er smallere end 1000 px

  • Bredden tilpasses billedrammen. Højden følger med proportionalt
  • Billedet forstørres ikke, hvis det er mindre end billedrammens bredde
  • Billedet beskæres aldrig

Hvis dit originalbillede er bredere end 1000 px

  • Bredden tilpasses billedrammen
  • Overskydende højde beskæres (slå beskæring fra med tag'et donotcrop)

Billeder til billedkarrusel på forsiden:

1140 x 380 px

Billeder til billedcollage:

Min. 1400 px højde. Proportional bredde.

Baggrundsbillede:

1680 x 1050 px

Billeder til nyhedsmails:

  • Top/bottom: 580 x 220 px
  • Left/right: 200 x 190 px

Skift logo

Moduler > Websites > Vælg et website > Se panelet 'Logo'

Skift baggrundsbillede

Templates > Designs > Espresso > Assets > Img > bg-page.jpg

Billed-tags

Tag Effekt
donotcrop Billedet beskæres ikke til billedrammen.
polaroid Billedet for tilføjet en hvid ramme som et polaroidfoto.
donotround Billedet får rektangulære hjørner i stedet for svagt afrundede hjørner.
left Billedet venstrejusteres i billedrammen. Brug effekten ved f.eks. små ikoner, der ikke fylder billedrammen ud.
center Billedet centreres i billedrammen. Effekten bruges ofte ved små ikoner, der ikke fylder billedrammen ud.
right Billedet højrejusteres i billedrammen. Effekten bruges ofte ved små ikoner, der ikke fylder billedrammen ud.
border Billedet får en tynd ydre ramme og en lidt tykkere indre ramme.
shadow Billedet får en svag, grå skygge.
zoom

Billedet forstørres lidt, når musen føres henover. Bemærk! Billedet skal være et link, for at denne effekt virker.
circle

Billedet bliver rundt i stedet for firkantet. Bemærk! Billedet skal være kvadratisk, hvis du ønsker en cirkel som billedramme. Hvis billedet er rekangulært, får du en ellipseformet billedramme.
mega

Billedet går til kant i hele sidens bredde. Bemærk! Effekten virker kun på afsnittet 'Top Bottom 100 pct'.
large Billedet bliver lidt bredere end teksten.
topmargin1 Billedet får en topmargin svarende til 1 linjehøjde. Du kan bruge tallene 1 til 6.
bottommargin1 Billedet får en bundmargin svarende til 1 linjehøjde. Du kan bruge tallene 1 til 6.
bleedright Billedet går til kant i højre side. Bemærk! Effekten virker på afsnit af typen Left Right 100 pct.
bleedleft Billedet går til kant i venstre side. Bemærk! Effekten virker på afsnit af typen Left Right 100 pct.

Tabel-tags

Class Effekt
table

Tabellens rækker får tynde, vandrette linjer.

Bemærk! Denne effekt er en forudsætning for at alle nedenstående effekter virker.
table-condensed Tabellens celler får mindre margin fylder dermed mindre.
table-bordered Tabellens celler får tynde linjer på alle sider (både vandrette og lodrette).
table-striped Hver anden række får en lys baggrundsfarve. Brug denne effekt, hvis din tabel har mange kolonner. Baggrundsfarven leder øjet langs rækkerne.
table-hover Tabellens rækker får en lys baggrundsfarve, når musen føres henover. Brug kun denne effekt, hvis tabellens indhold er klikbart, f.eks. med links til uddybende information.

Menu-tags

Tag Effekt
dropdown

Menupunktet bliver til en dropdown-menu.
icon-xxx

Der tilføjes et ikon foran menupunktet. Se alle ikon-navne

Tekst-tags

Class Effekt
icon-xxx

Der indsættes et ikon direkte i din tekst, f.eks.: Ring til os på 97 25 03 33

Se alle ikon-navne

Kopier nedenstående eksempelkode og indsæt det i Source-vinduet:

<p>Ring til os på <i class="icon-phone"></i> 97 25 03 33</p>

 
icons-ul

Bullets i punktopstilling erstattes med grønne flueben.

Kopier nedenstående eksempelkode og indsæt det i Source-vinduet:

<ul class="icons-ul">
    <li><i class="icon-li icon-ok text-success"></i>Punkt 1</li>
    <li><i class="icon-li icon-ok text-success"></i>Punkt 2</li>
    <li><i class="icon-li icon-ok text-success"></i>Punkt 3</li>
</ul>
topmargin1

Teksten får en topmargin svarende til 1 linjehøjde. Du kan bruge tallene 1 til 6.

Kopier nedenstående eksempelkode og indsæt det i Source-vinduet:

<h2 class="topmargin2">Overskrift</h2>
bottommargin1

Teksten får en bundmargin svarende til 1 linjehøjde. Du kan bruge tallene 1 til 6.

Kopier nedenstående eksempelkode og indsæt det i Source-vinduet:

<h2 class="bottommargin2">Overskrift</h2>

Afsnit-tags

Tag Afsnit Effekt
gray Background

Der indsættes en grå baggrund i fuld sidebredde bag alle følgende afsnit. Du afslutter den grå baggrund ved at indsætte et afsnit mere af samme type og slette tag'et gray.
black Background Der indsættes en sort baggrund i fuld sidebredde bag alle følgende afsnit. Du afslutter den sorte baggrund ved at indsætte et afsnit mere af samme type og slette tag'et sort.
large Horizontal rule Stregen bliver lidt bredere end teksten.
mega Horizontal rule Stregen bliver fuld sidebredde.
Co3, Strøget 40, 7430 Ikast, Danmark Google map Kopier adressen fra søgefeltet i Google Maps.
//www.youtube.com/embed/iOf5Mo8W2WA
//player.vimeo.com/video/93585374		 Video Kopier adressen fra YouTube eller Vimeo. Find den under Share > Embed.

Knap- og link tags

Class Effekt
arrow-right

Linket får en pil i højre side, der peger mod højre
arrow-left

Linket får en pil i venstre  side, der peger mod venstre
arrow-up

Linket får en pil i højre side, der peger opad
arrow-down

Linket får en pil i højre side, der peger nedad
btn

Linket vises som en grå knap

Bemærk! Denne effekt er en forudsætning for at alle nedenstående effekter virker.
btn-primary

Linket vises som en knap med sidens primære farve
btn-small

Linket vises som en lille knap med grå baggrund

Systemtekster

Ret og oversæt systemtekster, fx fejlbeskeder og knaptekster.

Ret generelle systemtekster

Ret nyhedsmail-popup

Moduler > Websites > Vælg et website > Scroll ned i bunden

Demobilleder

Billederne i demoløsningerne Lighthouse og Drømmehuse er hentet fra nedenstående hjemmesider.

Bemærk! Det er ensidigt dit ansvar, at du har ret til at anvende de billeder, du bruger på din hjemmeside/webshop. Er du i tvivl? Spørg os.

http://nos.twnsnd.co

http://www.lifeofpix.com

http://magdeleine.co

https://unsplash.com

shopping_cart
Webshop

365 dage om året

local_shipping
Dag-til-dag levering

På alle brofaste øer

timer
Mulighed for tidlig levering

Til dig der har travlt

Åbningstider

Kontor MIDDELFART

man-tors 08:00 - 16:00
fre 08:00 - 15:30

KONTOR ROSKILDE

man-tors 08:00 - 16:00
fre 08:00 - 15:30

 

 

Lager MIDDELFART

man-tors 07:00 - 16:00
fre 07:00 - 15:30
Lager ROSKILDE
man-tors 07:00 - 16:00
fre 07:00 - 15:30
 

Kontaktinformation

HOVEDKONTOR
 

Plast-Line A/S

Mandal Allé 22
5500 Middelfart

Tlf.+45 63 40 41 00

plast-line@plast-line.dk
Følg os på LinkedIn
 

Plast-Line A/S rOSKILDE

Køgevej 204
4000 Roskilde
info@plast-line.dk

Kundelogin

Glemt kodeord?
Danske Fragtmænd GLS

Log ind