Worx Widget

Puedes agregar un pedazo de CSSLab Worx en tu sitio, a través de un simple código fuente muy configurable:

1. Muestra al azar los últimos 5 avisos de trabajo en los últimos 7 días:

<script src="http://www.csslab.cl/worx/api/api.php?action=getJobs&type=0&category=0&count=5&random=1&days_behind=7&response=js" type="text/javascript"></script>
<script type="text/javascript">showJobs('jobber-container', 'jobber-list');</script>

 

2. Muestra los últimos 10 trabajos full-time para programadores en los últimos 15 días en orden ascendente:

<script src="http://www.csslab.cl/worx/api/api.php?action=getJobs&type=fulltime&category=programador&count=10&random=0&days_behind=15&response=js" type="text/javascript"></script>
<script type="text/javascript">showJobs('jobber-container', 'jobber-list');</script>

 

3. Muestra los últimos trabajos por empresa (ej. Google):

<script src="http://www.csslab.cl/worx/api/api.php?action=getJobsByCompany&company=google&count=10&response=js" type="text/javascript"></script>
<script type="text/javascript">showJobs('jobber-container', 'jobber-list');</script>

Para darle estilo, use el siguiente CSS como sugerencia:

ul.jobber-list {
list-style-type: square;
margin: 10px 0;
padding: 10px 160px 10px 10px;
background: #333 url('http://www.csslab.cl/worx/img/CSSLabWorx.gif') right center no-repeat;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
}
ul.jobber-list li {
margin: 0 0 5px 10px;
}
ul.jobber-list a {
color: #ccc;
text-decoration: underline;
}