Joomla.it Forum
Joomla! 3 => I Template di Joomla! 3 => : mezzokgmisto 22 Nov 2015, 00:34:37
-
Vorrei sapere se è possibile modificare il CSS del template Beez20 per poter scrivere sempre e solo la prima riga di un articolo con questa Caratteristica.
<p style="text-align: left;"><span style="color: #ffffff; background-color: #ff0000;"><strong>Joomla Forum</strong></span></p>
mentre il resto dell'articolo vorrei si scrivesse come da template
Grazie per la risposta
-
Se per prima riga non intendi il titolo devi farlo a mano ogni volta, scrivendo il codice come sopra oppure racchiudendola in una classe, eg. <div class= "primorigo">testo primo rigo </div> e poi aggiungi e formatti la classe nel file css.
-
in alternativa, se non serve in altri punti del sito,potresti usare un'intestazione tipo H6
dopo averla definita nel css del template, la troveresti sempre a portata di mano nell'editor degli articoli.
-
IL sito e nordmilano.net
la modifica non mi serve per i titolo della pagina ma solo come prima riga di ogni articolo, mi sembra di capire che il sistema H6 sia il piu semplice.
Mi potreste spiegare per cortesia passo passo come vare la modifica " non sono cosi esperto " il fatto che uso un editor tipo JCE comporta qual'cosa ?
Grazie
-
ciao
qui trovi una guida rapida
****
edit by mod. Rimosso link a risorse esterne, pratica non gradita in questo forum.
-
per arriviare alla sezione css ci arrivo ma la sintassi per le modifiche,! e poi dove le metto ?
va bene che bisogna fare esperienza ma qui se sbagli mandi tutto a ramengo.
io vorrei inserire questa sintassi
.primorigo {
font-family: Verdana, Arial, sans-serif;
color: #ffffff;
background-color: #ff0000;
font-size: 16pt;
text-align: left;
font-style: normal;
font-weight: bold;
}
dove la metto ?
e giusta ?
Una volta inserita questa sintassi, come faccio a dirgli di usarla solo per il primo rigo ?
queste sono le domande :-)
-
oppure racchiudendola in una classe, eg. <div class= "primorigo">testo primo rigo </div>
questo direttamente quando scrivi l'articolo, il css invece lo metti in un custom.css se esiste oppure in coda ad un qualsiasi css nel template.
-
Siete molto gentili,
ma secondo te ho capito come fare ! :-)
-
Va beh ma più chiaro di così?
Ecco cosa devi scrivere nell'articolo, partendo senza editor, lo escludi momentaneamente.
div class= "primorigo">testo primo rigo </div>
poi reinserisci l'editor e prosegui col restante testo dell'articolo
testo corpo dell'articolo
il risultato , mettiamo che hai inserito solo il tag bold e italic nella classe .primorigo, sarà:
Testo primo rigo
testo corpo dell'articolo
-
Allora tanto per ricapitolare
ho aperto il css Print.css ed ho inserito sopra il primo H1 questo codice
div#primorigo{
font-family: Verdana, Arial, sans-serif;
color: #ffffff;
background-color: #ff0000;
font-size: 16pt;
text-align: left;
font-style: normal;
font-weight: bold;
}
Successivamente ho eliminato dalla configuarazione globale l'editor in uso ed ho scritto nella pagina da pubbblicare
<div id="primorigo">Notizie da pinco pallo</div>
Il tutto è un pò macchinoso faccio prima a scrivere ed a dare le caratteristiche di testo usando l'editor in ogni caso non funziona
dovè lo sbaglio ?
:-)
PS
io vorrei poter scrivere nella prima rica di un articolo un testo in grossetto scritto in bianco con carattere 16 e fondo rosso.
senza dover tutte le volte fare 5/6 passaggio prima di arrivare a scriverlo.
Grazie comunque
-
Non funziona perché non segui le indicazioni, devi utilizzare la classe e non l'id e prima avevi scritto il css giusto perché cambi?
Comunque non c'è altro modo per farlo, potresti scrivere un plugin ma poi sempre dovresti scrivere la sintassi per attivarlo, tipo chiave racchiusa da parentesi grasse, tanto vale scrivere la classe nel div. Fai prima a seguire le mie indicazioni ma senza perderti e cambiare via facendo. :)
-
Ooops, mi sono accorto che riportando il codice nel secondo esempio ho sbagliato pure io, ho corretto.
-
Concludendo
Per poter scrivere con testo preformattato da noi solo sulla prima riga di un articolo.
Ho inserito questo codice " div class " nel CSS " layout.css " direttamente da admin/template/css/layout.css inserito nella prima parte del CSS
.primorigo {
font-family: Arial, sans-serif;
color: #ffffff;
background-color: #ff0000;
font-size: 14pt;
text-align: left;
font-style: normal;
font-weight: bold;
}
Utilizzando joomla3.4.5 non c'è bisogno di disinserire l'editor basta passare aella pagiana con vista codice, nell'articolo inserire il codice DIV CLASS e la prima riga verra scritta con il codice da noi scritto,
<div class= "primorigo"> Loren-ipsum </div>
:) Grazie per la collaborazione di tutti