Widgets de CGC (1)

Widgets de CGC (1)

Primera entrega de los widgets de CGC. Llévate el mejor campeonato de F1 online en PS3 a tu propia Web



Llévate a tu foro, blog o página web los widgets de CGC de Facebook, el de Onda CGC, el de los últimos resultados de la categoría que prefieras o el de las últimas noticias de "CGC al día", el canal oficial de noticias del campeonato online de F1 en Playstation 3 más seguido de España.

Esta será la primera entrega de una colección de witgets que pretendemos elaborar para que todo aquel que lo deseé pueda llevarse a a su espacio web un cachito de CGC con una funcionalidad especifica con la que el usuario puede interactuar y mantenerse permanentemente informado de las últimas noticias, los resultados y las clasificaciones del campeonato.

---

Este widget te mantiene informado permanentemente de las noticias publicadas en "CGC al Día".



Código:

Código:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" type="application/x-shockwave-flash" width="300px" height="523px" id="InsertWidget_86a447c2-26ba-42f8-a24b-2eb26f702e84" align="middle"><param name="movie" value="http://www.widgetserver.com/syndication/flash/wrapper/InsertWidget.swf"/><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="menu" value="false" /><param name="flashvars" value="r=2&appId=86a447c2-26ba-42f8-a24b-2eb26f702e84" /> <embed src="http://www.widgetserver.com/syndication/flash/wrapper/InsertWidget.swf"  name="InsertWidget_86a447c2-26ba-42f8-a24b-2eb26f702e84"  width="300px" height="523px" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" align="middle" flashvars="r=2&appId=86a447c2-26ba-42f8-a24b-2eb26f702e84" ></embed></object>

Este código es para visualizar el widget tal y como se muestra arriba, con esos colores y con las medidas de 300x500; sin embargo podéis modificar tanto las medidas como los colores de fondo editándolo en WidgetBox y obteniendo el código como se muestra en la imagen siguiente:

---

Este widget permite consultar los resultados del último Gran Premio disputado de la categoría que elijas. El atributo SRC del IFRAME del código contiene una URL con varios parámetros que podéis modificar según vuestras necesidades.


Código:

Código:

<iframe scrolling="no" height="285" frameborder="0" width="100%" src="http://creator.zoho.com/f1ps3online/campeonato/view-perma/CGC_Widget_ResGP?lastgp=true&cat=F1&pils=IKA|DRK&trans=true&fondoclaro=false&colorlink=00FF00&colorpils=0B610B" wmode="transparent"></iframe>

Parámetros modificables de la URL
lastgp=true //Parámetro fijo
cat=[F1|GP2|F3|FX] //Categoría de la cual obtener los resultados
trans=[true|false] //Indica si quieres el fondo transparente o no
fondoclaro=[true|false] //Indica si la página de destino del widget tiene fondo predominantemente claro u oscuro
pils=ABC|DEF|...|XYZ //Lista de siglas separadas por el símbolo "pipe" (|) de los pilotos que quieras resaltar.
colorlink=XXXXXX //Código hexadecimal del color de los enlaces (siglas de los pilotos). Hay que prescindir de la almohadilla (#) en el código del color.
colorpils=XXXXXX //Código hexadecimal del color de fondo de las celdas de los pilotos resaltados incluídos en el parámetro pils. Hay que prescindir de la almohadilla (#) en el código del color.

---

Si lo que queréis es mostrar el resultado de un GP en concreto tenéis que usar el widget anterior y:

1) Modificar el parámetro lastgp y ponerlo a false:
lastgp=false
2) Añadir el parámetro gp, cuyo valor es el del nombre del GP que queréis mostrar (este parámetro es obligatorio si hemos puesto a false el valor de lastgp):
gp=[GP] Aquí tenéis que substituir [GP] por el nombre completo del GP en cuestión. El nombre exacto lo encontraréis en el Calendario.

Un ejemplo sería gp=01 - GP de Abu Dhabi

Este sería un código para mostrar los resultados de FX de Abu Dhabi:

Código:

<iframe scrolling="no" height="285" frameborder="0" width="100%" wmode="transparent" src="http://creator.zoho.com/f1ps3online/campeonato/view-perma/CGC_Widget_ResGP?lastgp=false&gp=01 - GP de Abu Dhabi&cat=FX&trans=false&fondoclaro=true"></iframe>

---

1) Insignia de CGC

Código:

<a href="http://www.facebook.com/CampeonatosGuillemCaldes" target="_TOP" title="¡Hazte fan de CGC!"><img src="http://badge.facebook.com/badge/130565833626096.1850.1960394744.png" width="120" height="365" style="border: 0px;" /></a>

2) Botón "Me gusta"

Código:

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/CampeonatosGuillemCaldes&width=280&colorscheme=light&connections=0&stream=false&header=true&height=62" width="280" height="62" scrolling="no" frameborder="0" width="100%">CGC Facebook</iframe>

3) Muro

Código:

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/CampeonatosGuillemCaldes&width=280&colorscheme=light&connections=0&stream=false&header=true" width="280" height="415" scrolling="no" frameborder="0" width="100%">CGC Facebook</iframe>

4) Fans de CGC

Código:

<iframe src="http://www.facebook.com/connect/connect.php?id=130565833626096&connections=23&stream=0" width="400" height="325" scrolling="no" frameborder="0" width="100%">CGC Facebook</iframe>

Para este widget podéis modificar el nº de fans que queréis que aparezcan editando el parámetro connections de la URL del atributo SRC.

---

Coloca este widget en tu blog o web para acceder a escuchar el Podcast radiofónico oficial de CGC. Tertulias, entrevistas, análisis y toda la actualidad de campeonato de la mano de los locutores Afnuo, Triator y Kenny.




Código:

Código:

<object width="206" height="182" type="application/x-shockwave-flash" data="http://www.ivoox.com/playeriVoox_em_6246_1.html">
<param name="movie" value="http://www.ivoox.com/playeriVoox_em_6246_1.html"></param>
<param name="allowFullScreen" value="true"></param>
<param name="wmode" value="transparent"></param>
<param name="AllowScriptAccess" value="always"></param>
<embed src="http://www.ivoox.com/playeriVoox_em_6246_1.html" type="application/x-shockwave-flash" allowfullscreen="true" wmode="transparent" allowscriptaccess="always" width="206" height="182"></embed>
</object>

---

Y esto es todo de momento para esta primera entrega. Todos estos widgets contienen los atributos WIDTH y HEIGHT que hacen referencia a las medidas de los mismos en ANCHO y ALTO respectivamente y que podéis ajustar en base a vuestras necesidades.

Si tenéis algún problema con los códigos o la visualización de estos wigets en vuestra web o blog estaremos encantados de ayudaros.