Creazione liste Personalizzate e altro

Salve a tutta la community!

Mi sono creato una homepage (ansi portale), che contiene le ultime news e altro.

Mi sono creato le categorie che mi servono, però voglio che il "campo" quando la freccia ci passa di sopra cambi colore (che diventi più chiaro).

Avete presente le liste dei forum?

Quando la freccia passa di sopra non cambia colore?
Io voglio fare la stessa cosa, solo con delle categorie fatte in casa...So che è possibile ma non so quali "classi" usare nei div,li e cose varie...

E poi volevo accentrare dei widget e altro, solo che non so come fare perchè me li mette SEMPRE uno sotto all'altro!!

Guardate ->
Img1->


Img2->


State capendo?

Per vedere la homepage -> QUI

Se posti il codice del file del "template" che si occupa della gestione del "portale", ti dico le modifiche da apportare.

EDIT: Dimenticavo per i widget, potresti creare una semplice tabella e inserire ogni widget all' interno di una cella, mettendo sia lo sfondo che i bordi trasparenti in modo che non si vedano.
Altrimenti vai per via div e css

Dimenticavo per i widget, potresti creare una semplice tabella e inserire ogni widget all' interno di una cella, mettendo sia lo sfondo che i bordi trasparenti in modo che non si vedano.
Altrimenti vai per via div e css

Grazie ho provato con le tabelle e funziona a meraviglia!!

Comunque scusa mi ero dimenticato di pubblicare un "campione" di una "categoria" ->

<p> <div class="forabg">
         <div class="inner"><span class="corners-top"><span></span></span>
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
                  <dt>News</dt>
                                         </dl>
            </li>
         </ul>
         <ul class="topiclist forums">
         <li>
            <dl>
               <dd style="padding:5px; text-align: left; border:none;" align="center" class="row">

Non ci sono News in bacheca.

               </dd>
            </dl>
         </li>
         </ul>
<span class="corners-bottom"><span></span></span></div></div></p> 

Prova modificando così:

<p> <div class="forabg">
         <div class="inner"><span class="corners-top"><span></span></span>
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
                  <dt>News</dt>
                                         </dl>
            </li>
         </ul>
         <ul class="topiclist forums">
         <li class="row">
            <dl>
               <dd style="padding:5px; text-align: left; border:none;" align="center" class="row">

Non ci sono News in bacheca.

               </dd>
            </dl>
         </li>
         </ul>
<span class="corners-bottom"><span></span></span></div></div></p>

Perfetto funziona ;)
Grazie