Widget avvisi e ultimi aggiornamenti

Salve, come  faccio  a  creare  un widget  come  quello  che  avete  qui  lato sx  
"Ultimi Avvisi ed aggiornamenti"
Grazie

Ciao,

bisogna inserire questo codice in un widget...

Codice:

<div id="newsareal1"></div>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#newsareal1").load("/f9-avvisi-ed-aggiornamenti div.announcement + div.forumbg div.topic-title-container:lt(4)");
});
</script>

Poi puoi usare questi codici CSS per modificarne lo stile

Codice:

#newsareal1 div.topic-title-container {
background: #fff no-repeat 8px center;
border: 1px solid black;
border-radius: 10px;
display: block!important;
margin: 12px 5px;
padding: 5px 7px 10px 45px;
}

#newsareal1 div.topic-title-container a {
color: black!important;
text-decoration: none!important;
}

Fammi sapere se riesci

Grazie

niente non ci riesco.

I codici sono errati, il widget resta vuoto.

Meo error.. devi cambiare questa parte /f9-avvisi-ed-aggiornamenti mettendo l'indirizzo del forum di cui vuoi mostrare gli aggiornamenti

@Colins: se devi informare le tue azioni, non è necessario che crei messaggi consecutivi, ma basta che modifichi il tuo ultimo messaggio e ci metti quello che vuoi aggiungere.

Saluti, MartinoPio

Ciao ragazzi,
ho provato ad usare questo codice, anche con la correzione ... ma non va !
Non si vede proprio nulla.
Cosa sbagliamo ?

Hey,

puoi inserire il codice che hai provato a usare nel tuo forum?
Ovviamente inseriscilo entro il tag [code]

Niko ha scritto:Hey,

puoi inserire il codice che hai provato a usare nel tuo forum?
Ovviamente inseriscilo entro il tag [code]

Certo, ho utilizzato il codice:
[code]jQuery(document).ready(function(){
jQuery("#newsareal1").load("/f-mio-forum div.announcement + div.forumbg div.topic-title-container:lt(4)");
});[/code]

Grazie ....

Prova ad inserire questo codice:

Codice:

#newsareal1 a.topictitle {
display: block !important;
margin: 2px 1px 0;
padding: 2px 5px 5px 30px;
border: 1px solid #B1BFC0;
border-radius: 5px;
background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
text-decoration: none !important;
}
#newsareal1 a.topictitle:hover {
background-color: #D8DEDE;
color: #708090 !important;
text-shadow: #fff 1px 1px 0px
}

Gioia22 ha scritto:Prova ad inserire questo codice:

Codice:

#newsareal1 a.topictitle {
display: block !important;
margin: 2px 1px 0;
padding: 2px 5px 5px 30px;
border: 1px solid #B1BFC0;
border-radius: 5px;
background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
text-decoration: none !important;
}
#newsareal1 a.topictitle:hover {
background-color: #D8DEDE;
color: #708090 !important;
text-shadow: #fff 1px 1px 0px
}

Grazie Gioia ma ... nulla ! Continuo a non vedere nulla !

Hai attivato il Widget sull'indice?

gianni1689 ha scritto:

Certo, ho utilizzato il codice:

Codice:

jQuery(document).ready(function(){
jQuery("#newsareal1").load("/f-mio-forum div.announcement + div.forumbg div.topic-title-container:lt(4)");
});

Scusa, evidentemente ho dato io per scontato che controllassi il codice...
/f-mio-forum deve essere cambiato con l'indirizzo del forum di cui vuoi visualizzare gli elementi... Per esempio f1- o f2-