Immagine di fondo con il puntatore li

[Alex90]

Ciao ragazzi, io stò montanto la grafica di questo sito mondoricette.net mi sono imbattuto il un problema su wordpress, dovrei creare il menù come in questa immagine



In poche parole mi manca solo il pezzo sotto, solo che non riesco ad inserilo come vorrei avete dei consigli??

Ciao

[Mich_]

Una domanda cosi` e` molto generica e non puo` ricevere risposta.
Dovresti postare un po' di codice (HTML e CSS) per farti capire.

Comunque se il problema e` riferito allo stesso oggetto dell'altro thread , potresti pensare di usare i bordi arrotondati applicati all'oggetto <ul>: ci sono varie tecniche:
- bordi arrotondati dei CSS3 (alcuni browser non li supportano)
- nifty corners (vedi tra i "link utili" e le discussioni presenti in Javascript)
- spiffy corners (anche tra i "link utili", semplificati se l'oggetto e` a larghezza fissa in px)
- altre tecniche di arrotondamento con o senza l'uso di JS

[Alex90]

Ho postato il sito per farti vedere il codice senza che lo copio qui nella pagina...

[Mich_]

Non avevo visto il sito, dato che non hai incluso un link, ma solo una parte del dominio (tra l'altro non funzionante: occorre metterci il www davanti)

E` una pagina piuttosto complessa, un po' troppo complessa per il contenuto (potresti lavorare un po' per semplificarla).
Anche il menu a sinistra e` di tipo a due livelli, ma viene visualizzato solo il livello interno (perche`?)

Comunque hai gia` inserito un titolo nel menu, che ha un suo sfondo; devi semplicemente inserire anche un footer per il menu e metterci lo sfondo che chiude arrotondando.
Ad esempio:

<div id="left">
  <h2>Categorie</h2>
  <ul>
    <li class="cat-item cat-item-1">
      Senza categoria
    [*] ...[/list]
  

&amp;nbsp;</p>
</div>

E poi con il selettore
#left p { ... }
inserisci l'immagine con i bordi arrotondati (e chiaramente gli altri attributi necessari)

[Alex90]

Essendo lo script fatto con wordpress, dal tema posso solo modificare il file style.css quindi non so come aggiungere il codice da te descritto

[Mich_]

Non conosco wordpress, ma non credo che generi script, ma pagine Web e file CSS allegati.
Deve essere possibile aggiungere qualche tag, altrimenti puoi buttarlo e cambiare strumento (non ha senso uno strumento che non ti permette di aggiungere oggetti.

Comunque si puo` anche fare la cosa con solo CSS, usando lp pseudoelemento
:after
da applicare all'ultimo[*]
e formattandolo in modo da visualizzare un pezzo di immagine.

E` un metodo poco usato, perche` non supportato da tutti i browser; sicuramente no da IE6 e non ricordo se funziona in IE7, ma e` molto elegante e non necessita di marcatura supplementare.