[RISOLTO]Box in articolo joomla

[Alessia77]

Grazie per la pazienza e a chiunque mi risponderà.
Non sono una esperta, chi mi conosce lo sa già dagli altri miei post, e avrei bisogno di un aiutino terra terra per inserire un box con sfondo colorato in una porzione di testo di un articolo.
Ho provato a utilizzare lo sfondo dell'editor ma lo applica solo al testo.
Io ho proprio la necessità di inserire un box con uno sfondo colorato (il colore lo scelgo poi io) al cui interno ci va del testo.
Ho provato a cercare e a fare un po di tentativi, ma con scarsi risultati, prima di scrivere alla mi ancora di salvezza.

[roberto.c87]

Ciao alessia , per fare ciò che hai chiesto credo che la strada sia la seguente:
- accedi all'articolo ed al codice sorgente
- prima del testo a cui vuoi applicare lo sfondo devi aprire un div (sarebbe un contenitore)
-chiudi tale div dove vuoi che il tuo sfondo colorato finisca

il codice da inserire potrebbe esseresimile a questo:

Codice: [Seleziona]

<div style="background-color: yellow;">divnuovo articolonuovo articolonuovo articolonuovo articolonuovo articolo nuovo articolonuovo articolonuovo articolonuovo articolonuovo</div>
<p>articolonuovo articolo

[ste]

Ciao Alessia,
se il tuo template supporta bootstrap, puoi utilizzare i box che sono in questi esempi
http://www.joomla.it/esempi-bootstrap.html

[Alessia77]

Grazie degli esempi ma dove dovrei inserire il div esattamente in una porzione di testo del genere:


<p><span style="font-size: 14pt;">La pratica chiusura a strappo garantisce stabilit&agrave;, precisione e velocit&agrave; di indossatura.</span></p>


Grazie e scusate ovviamente l'ignoranza

[Limma]

Come vedi le vie per ottenere quello che vuoi sono più d'una.
E già che ci sono te ne suggerisco una anch'io che prevede l'utilizzo di una classe che puoi modificare a tuo piacimento per creare tutti gli effetti che vuoi.

La classe, giusto per fare un esempio", la inserisci nel file css custom:

Codice: [Seleziona]

.pblue {
    display:block;
    background-color: #0077BB;
    color: white;
    text-align: center;
    padding: 5px;
    width:100%
}
Dopo di che non ti resta altro che richiamarla "inline" nel paragrafo che intendi formattare:

Codice: [Seleziona]

<p class="pblue">testo testo testo...</p>
Il risultato lo puoi vedere nell'immagine allegata.

[ste]

Prima del tag <p> del testo

[Alessia77]

Quindi correggetemi se e dove sbaglio.
Se il template supporta bootstrap:


<div class="alert alert-success">
<p><span style="font-size: 14pt;">La pratica chiusura a strappo garantisce stabilit&agrave;, precisione e velocit&agrave; di indossatura.</span></p>
[/size]<>se non supporta bootstrap posso provare a inserire classe in custom css e modificare html dell'articolo

[roberto.c87]

Ciao ste in relazione al link che hai postato, per poter far funzionare quelle classi css è necessario un template che funzioni con bootstrap e jquery. Io utilizzo gantry 4 e provando ad utilizzare tali classi negli articoli, funzionano solo in parte, ovvero mancano gli effetti e quindi credo il problema sia legato a jquery.
Gantry 4 supporta jquery?
E' necessario installare jquery come componente di joomla o deve essere semplicemente incluso nel template?

[Alessia77]

helix 3 supporta il bootstrap e ho risolto utilizzando alert già presente.
Ho comunque testato anche la soluzione con class in custom css che potrà tornarmi utile in template che non supportano il bootstrap.
Grazie a tutti gentilissimi come al solito

[ste]

@ roberto.c87
gentilmente apri un altro post al riguardo.