AutoTrack.nl. CSS Documentatie Voorraadlijst

Transcriptie

1 AutoTrack.nl CSS Documentatie Voorraadlijst

2 CSS Documentatie Voorraadlijst CSS documentatie Voorraadlijst Bij uw AutoTrack.nl voorraadlijst is het mogelijk om de standaardopmaak aan te passen naar uw wens, zodat het nog beter past in de huisstijl van uw eigen website. Hiervoor moet een apart CSS-bestand aangemaakt worden waarin de afwijkingen ten opzichte van de standaardopmaak van de AutoTrack.nl voorraadlijst opgegeven kunnen worden. In deze documentatie zijn de meest gangbare aanpassingen te vinden. Het standaard CSS-bestand kunt u hier downloaden: Het CSS-bestand dient u te hosten op uw eigen server. Om het CSS-bestand te koppelen aan uw Voorraadlijst moet AutoTrack.nl de locatie (URL) weten waar het CSS-bestand staat. Mail deze URL naar [email protected]. Nadat de URL door AutoTrack.nl is gekoppeld kunt u wijzigingen in het CSSbestand doorvoeren. Deze wijzigingen zijn vervolgens direct zichtbaar nadat de pagina is ververst. In dit document zijn hieronder de meest gangbare aanpassingen te vinden: Algemeen: Breedte van de pagina div#website { max-width: 640px; Omlijning pagina body div#infoblock_container, div#website div.maincontent { /* To disable borders, uncomment line below */ /*border: 0;*/ Buttons/Knoppen a.button_new, form #submit-wrapper input, form button { background: black; color: white; 2

3 CSS Voorraadlijst Detailpagina Merk/model/uitvoering/prijs div.infoblock_content span.price { color: cyan; font: bold 20px/20px Georgia, serif; background: red; Links: Terug naar lijst, Toon [25] XL foto s, Extra gegevens #backtolist, #showxlphoto, #showtechniquepage { color: red; background: white; Technische gegevens naast foto en op tab Extra gegevens dl.datarows dt, dl.datarows dd { background: blue; color: white; dl.datarows dt.odd, dl.datarows dd.odd { background: white; color: blue; 3

4 CSS Voorraadlijst Dealer adresgegevens address { color: #FF9900; font: bold 12px/16px Georgia, serif; Dealer adres en website #supplier , #supplierwebsite { color: green; #supplier hover, #supplierwebsite:hover { color: white; Titels Garanties & zekerheden, Bijzonderheden, Opties en accessoires + titels onder de tab extra gegevens h2 { font-size: 16px; Tekst onder Garanties & zekerheden, Bijzonderheden, Opties en accessoires + tekst op contactpagina p, body.maincontent.inner, body.maincontent.datarow_container, body.maincontent, body #infoblock_container { color: #FF9900; font: 11px arial; 4

5 CSS Documentatie Voorraadlijst Labels contactformulier #page-cardetail-contact form#contact label, #page-cardetail-contact.hint { color: #3399FF; Opmaak resultaatlijsten Titel van de auto (Merk/model/uitvoering) div.carinfo h2 a, div.carinfo h2 a:hover { color: black; Prijs, Bouwjaar/datum, Brandstof en Transmissie div.carinfo.middle_content.bullit_horizontal, div.datarow_container div.column_extra4, div.carinfo div.tweedehandsprice { color: red; Pagineering (VOLGENDE/VORIGE/PAGINA: 1 2. ) div.paging ul li.previous, div.paging ul li.next, div.paging ul li.previous a, div.paging ul li.next a, div.paging ul li, div.paging ul ul li a, div.paging ul ul li.active a { color: cyan; 5

6 CSS Documentatie Voorraadlijst div.paging ul ul li.active a { font-size: 18px; div.paging ul ul li a:hover { color: green; font-size: 18px; Opmaak uitgebreid zoeken Extra zoekopties verbergen div#group-techniek { div#group-maten_gewichten { div#group-garanties_zekerheden { div#group-opties { Headers extra zoekopties form#advancedsearch h2 { font-size: 16px; color: black; 6

7 Colofon AutoTrack.nl is onderdeel van de Persgroep Automotive B.V. Alle informatie in deze handleiding is onder voorbehoud van druk- en zetfouten AutoTrack.nl AutoTrack.nl Postbus AA Amsterdam T: F: E: