Senaste motornyheterna direkt på din hemsida eller blogg.
Snabbt, enkelt och gratis!

Information

 Senaste nyheter - widget Med denna widget kan du få de senaste motornyheterna från CarCity.se direkt på din hemsida eller blogg! Du kan själv ändra layouten med hjälp av våra instruktioner eller välja någon av våra färdiga mallar.

Kodexempel

Klistra in nedanstående kod på din hemsida eller blogg vilket ger dig vår standard-widget.
Läs under "Inställningar" om du vill förändra presentationen av motornyheterna.


<a href="http://www.carcity.se" target="_blank">
<img src="http://api.carcity.se/gfx/carcity.png" border="0" /></a>
<div id="cc_newsContainer"></div>
<script src="http://api.carcity.se/API/newsWidget-1-0.js" 
type="text/javascript"></script>
<script type="text/javascript">initAPI();</script>
<script type="text/javascript">
cc_loadNews(({elmentID: "cc_newsContainer"}));
</script>

» Se demo


I funktionen cc_loadNews kan du exempelvis själv välja layout, vilka listas under "Inställningar". Nedan visas hur man med kommandot "backgroundColor" byter bakgrundsfärg till hexadecimalkoden för röd.


cc_loadNews(({
	elmentID: "cc_newsContainer",
	backgroundColor: "ff0000"
}));

Inställningar

Inställningarna är till största delen utseendemässiga inställningar.

elmentID ( string )

ID för elementet där widgeten ska laddas in.

numberOfNews ( int )

Ange hur många nyheter som ska visas. Ett heltal mellan 1 och 20.

backgroundColor ( string )

Widgetens bakgrundsfärg. Anges i hexadecimalt, dvs. FF0000 för röd, 000000 för svart osv.

foregroundColor ( string )

Färg på bakgrundsplattan för nyheterna.

linkColor ( string )

Färg på rubriken/den klickbara länken.

dateColor ( string )

Färg på publiceringsdatumet.

width ( int )

Den totala bredden. Anges i pixlar (px).

spacing ( int )

Marginal mellan nyhetsfälten (heltal).

imageWidth ( int )

Bredd på nyhetsbilden.

Färdiga utseenden

Nedan finner du några färdiga mallar att använda.

 
<a href="http://www.carcity.se" target="_blank">
<img src="http://api.carcity.se/gfx/carcity.png" border="0" /></a>
<div id="cc_newsContainer"></div>
<script src="http://api.carcity.se/API/newsWidget-1-0.js" 
type="text/javascript"></script>
<script type="text/javascript">initAPI();</script>
<script type="text/javascript">
	cc_loadNews(({
		elmentID: "cc_newsContainer",
		backgroundColor: "FFFFFF",
		foregroundColor: "f2f2f2",
		linkColor: "333333",
		dateColor: "666666",
		spacing: 1
	}));
</script>

» Se demo

 
<a href="http://www.carcity.se" target="_blank">
<img src="http://api.carcity.se/gfx/carcity.png" border="0" /></a>
<div id="cc_newsContainer"></div>
<script src="http://api.carcity.se/API/newsWidget-1-0.js" 
	type="text/javascript"></script>
<script type="text/javascript">initAPI();</script>
<script type="text/javascript">
	cc_loadNews(({
		elmentID: "cc_newsContainer",
		backgroundColor: "8cd3e2",
		foregroundColor: "baf2fe",
		linkColor: "32616b",
		dateColor: "6aacba",
		width:250,
		spacing: 1,
		imageWidth: 40
	}));
</script>

» Se demo

 
<a href="http://www.carcity.se" target="_blank">
<img src="http://api.carcity.se/gfx/carcity.png" border="0" /></a>
<div id="cc_newsContainer"></div>
<script src="http://api.carcity.se/API/newsWidget-1-0.js" 
	type="text/javascript"></script>
<script type="text/javascript">initAPI();</script>
<script type="text/javascript">
	cc_loadNews(({
		elmentID: "cc_newsContainer",
		backgroundColor: "ff5a00",
		foregroundColor: "ff5a00",
		linkColor: "fff",
		dateColor: "ffb58d",
		width:275,
		spacing: 5,
		numberOfNews:10
	}));
</script>

» Se demo

Lägg till på Blogspot