Back to top

Autore Topic: Come dare una classe alle categorie  (Letto 3635 volte)

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Come dare una classe alle categorie
« il: 16 Mar 2016, 17:08:09 »
Bungiorno,
sto cercando di assegnare una classe ad ogni categoria perchè nella dicitura "Categoria:" in dettaglio articolo, vorrei che apparisse l'icona davanti al corrispettivo link di categoria e non generalizzato.

Usando IcoMoon e il tag "dd.category-name", appare senza difficoltà il simbolo, ma io vorrei che per ogni categoria cambiasse. Quindi dovrei aggiungere al tag, per esempio, "dd.category-name-nomecategoria".

QUI UN ESEMPIO .CSS
Codice: [Seleziona]
dd.category-name a:before {  font-family:icomoon; content: "\e013"; }

Stessa procedura sarebbe ideale anche nei tags!

Qualcuno sa come potrei fare?
« Ultima modifica: 16 Mar 2016, 18:42:41 da Paperikat »

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #1 il: 16 Mar 2016, 17:34:13 »
Ciao
Citazione
Qualcuno è in grado di farlo?

Scusa ma non puoi chiedere così in modo diretto se qualcuno è in grado di fare qualcosa per te. Lo spirito del forum è quello di aiutare e condividere, se vuoi che qualcuno  faccia qualcosa per te devi mettere un annuncio nella apposita sezione.

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #2 il: 16 Mar 2016, 17:54:17 »
Non ho capito la tua risposta?  :o

Cosa ho chiesto di male? Non mi pare di aver detto cose fuori posto, ho chiesto se qualcuno è in grado di farlo, nel senso che magari qualcuno lo ha già fatto prima di me e sa come risolvere, oppure che gli viene in mente qualche idea per farlo.

Non capisco...

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #3 il: 16 Mar 2016, 18:04:40 »
Non hai capito lo spirito del forum,  non siamo quì per fare le cose per gli altri, non è un sito di help desk, non e un bar dove si entra e si ordina, ma solo un forum su base volontaria  con lo scopo di aiutare e dare indicazioni su come risolvere problemi, reciprocamente, oltre che diffondere la conoscenza e l'utilizzo del cms joomla.. La tua mi pare oltre quello che ho detto prima, mi pare un esame da superare, un quiz. Non è la richiesta in quanto tale ma il modo, vedi la forma è importante e giusto per non creare confusione e male interpretazioni dello scopo del forum. Magari se la riformuli in modo più appropriato non sarebbe male.

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #4 il: 16 Mar 2016, 18:26:42 »
 Non saprei con che altro italiano riformulare la domanda...

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #5 il: 16 Mar 2016, 18:30:46 »
Per esempio, 'qualcuno sa come potrei fare?'

La differenza è sostanziale, prima non chiedevi aiuto ma delegavi, sopra invece è una richiesta di aiuto.  :) È questione di forma non di Lingua Italiana

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #6 il: 16 Mar 2016, 18:44:22 »
Ok, ho modificato la frase "qualcuno è in grado di farlo" in "qualcuno sa come potrei fare".

Ora che abbiamo risolto questo inghippo letterario, per caso hai qualche idea da proporre? Grazie
« Ultima modifica: 16 Mar 2016, 19:03:48 da Paperikat »

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #7 il: 16 Mar 2016, 20:09:41 »
Secondo me dovresti fare un overtide della parte del componente content che gestisce le categorie, poi va bene dare uno sguardo ai css ma se scrivi tu il template puoi farti anche il tuo css diverso dal classico.

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #8 il: 16 Mar 2016, 20:30:45 »
Si, esatto!
Sto facendo il mio template usando solo il core di Joomla e quindi fogli di stile personali.

Quindi secondo te se faccio un overraid di com_content/categories/default_item.php o default.php dovrei riuscire a dare una classe ad ogni singola categoria?

Però vedendo il contenuto del file non mi viene dove potrei agire sul code...

Come posso dare una classe ad ogni singola categoria? Non conosco il codice PHP...

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #9 il: 16 Mar 2016, 20:33:22 »
Lì il php c'entra poco, è solo questione per lo più di html.

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #10 il: 16 Mar 2016, 20:48:09 »
Ti ringrazio per l'aiuto, ma non capisco come devo fare...se hai in mente una soluzione, puoi dirmela? Detto cosi, non capisco molto... :'(

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #11 il: 16 Mar 2016, 20:55:16 »
Oppure se conosci qualche sito/articolo dove potrei dare un occhiata.

Una categoria si crea nel momento in cui serve perciò non è qualcosa che si trova nei file stesso del core, per lo più nel database, giusto? Quindi se io volessi dare una classe a categoria pippo e un'altra a categoria pluto, non credo che troverò mai nei file sopra citati pippo e pluto. Perciò come posso "comandare" la classe dando poi le opportune modifiche?

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #12 il: 16 Mar 2016, 20:56:29 »
Leggendo meglio, non lo dici nel titolo, vuoi una classe diversa per ogni categoria. Allora devi far entrare in gioco l'id come complemento della classe comune.

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #13 il: 16 Mar 2016, 21:09:40 »
Nel titolo ho scritto "come dare una classe alle categorie", ed è quello che mi serve. Cioè mi serve dare una classe ad ogni categoria che creo. Nella mia richiesta poi ho riportato l'esempio: "Usando IcoMoon e il tag "dd.category-name", appare senza difficoltà il simbolo, ma io vorrei che per ogni categoria cambiasse. Quindi dovrei aggiungere al tag, per esempio, "dd.category-name-nomecategoria"."

Quindi quello che mi stai dicendo dell'ID è in pratica quello che ho già chiesto: dare alla classe padre una classe figlia. Giusto? Cioè alla classe "categoria-principale" devo solo aggiungere l'ID pippo o pluto e poi con il CSS fare le modifiche. Se tutto ciò che ho detto è corretto, a me serve appunto la parte pratica di come fare. Nel modulo non c'è "opzioni di link" come nel menu, per esempio, dove potrei mettere la dicitura pippo o pluto e poi modificare con il CSS.

Spero che in questo mare di parole tu abbia capito il concetto...

Offline berry

  • Appassionato
  • ***
  • Post: 660
  • Sesso: Maschio
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #14 il: 16 Mar 2016, 21:44:28 »
se le categorie sono collegate a voci di menu distinte dai una classe diversa ad ogni voce di menu

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #15 il: 16 Mar 2016, 21:56:28 »
Io vorrei fare questo, allego immagine, in pratica nel percorso della categoria che si presenta in blog/featured/articolo vorrei apparisse l'icona dedicata alla categoria.

Nell'immagine dove c'è scritto "tecnica" ho messo un'icona con il comando CSS "dd.category-name", ma ovviamente qualsiasi categoria cliccherò ci sarà sempre la stessa icona. Invece vorrei che ogni categoria abbia la sua icona.

Ho trovato questo articolo (http://www.joomla.it/articoli-della-community/4678-trucchi-mostrare-immagini-come-categorie-in-home-page.html), ma anche leggendo nella discussione nel forum, non riesco a venirne a capo.

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #16 il: 17 Mar 2016, 07:28:22 »
L'id che differenzia la categoria o la voce di menù si aggiunge solo nel css.  Appena accedo al mio pc ti posto un esempio dove l'ho utilizzato.

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #17 il: 17 Mar 2016, 07:55:25 »
Caspita, grazie!
Allora aspetto con ansia la tua risposta...

Anche perchè non so come dare un ID a queste voci di categoria, ieri sera poi ho fatto altre ricerche, ma nessuna a dato risultato. Magari è una banalità, ma essendo satura di informazioni mi sta sfuggendo.

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #18 il: 17 Mar 2016, 08:52:06 »
In questo vecchio mio sito:

http://peg.coinsnet.eu/

l'ultima voce di menù (Link) come si può vedere non ha i 3 puntini di separazione, quella voce ha id 166 di conseguenza nel css basta aggiungere la classe .item-166

così che il tutto diventa

Codice: [Seleziona]
#nav ul li.item-166, #topnav ul li.item-167 {
    border-right: medium none !important;
}

Puoi fare la stessa cosa con le categorie.


Per inciso, all'epoca questa soluzione mi è stata suggerita in questo forum stesso.  :)

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #19 il: 17 Mar 2016, 09:20:22 »
Io ieri ho usato questo code:

Codice: [Seleziona]
.item-101 a:before { font-family:icomoon; content: "\21"; width: 20px; }
.item-144 a:before { font-family:icomoon; content: "\e271"; width: 20px; }

sul mio menu ed infatti le icone ci sono tutte, ma con categoria non ha funzionato.
Sbaglierò qualcosa nella sintassi sicuramente...per questo ho chiesto aiuto... :'(

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #20 il: 17 Mar 2016, 10:45:22 »
Dunque il code:

Codice: [Seleziona]
dd.category-name a:before { font-family:icomoon; content: "\e271"; width: 20px; padding:0 5px 0 0; }

funziona correttamente, mentre se cerco di dare l'ID della categoria che nel mio caso è "tecnica" con ID n°9, non funziona.
Di seguito le varie prove...

1)
Codice: [Seleziona]
dd.category-name.item#9 a:before { font-family:icomoon; content: "\e271"; width: 20px; padding:0 5px 0 0; }

2) #dd.category-name.item-9 a:before
3) #category-name.item-9 a:before
4) .category-name#item-9 a:before
5) dd.category-name#item-9 a:before
6) dd.category-name#9 a:before
7) .category-name#9 a:before

I casi sono due, la sintassi sicuramente sbagliata oppure l'ID da richiamare che non va bene.
Non so più dove sbattere la testa... :-[

Offline Paperikat

  • Appassionato
  • ***
  • Post: 217
    • Mostra profilo
Re:Come dare una classe alle categorie
« Risposta #21 il: 17 Mar 2016, 19:26:15 »
Nessuno mi sa aiutare?  :'(

 



Web Design Bolzano Kreatif