- Messaggi: 36
- Ringraziamenti ricevuti 0
How to customize the formated look of the cloud
- alainz
- Autore della discussione
- Offline
- Giovane Utente
Less
Di più
11 Anni 1 Mese fa #1487
da alainz
How to customize the formated look of the cloud è stato creato da alainz
How can I customize the look of the cloud, is there further optional module available to change the theme?
Si prega Accesso o Crea un account a partecipare alla conversazione.
- andrea_4g
- Offline
- Amministratore
Less
Di più
- Messaggi: 1122
- Ringraziamenti ricevuti 163
11 Anni 1 Mese fa - 11 Anni 4 Settimane fa #1489
da andrea_4g
Risposta da andrea_4g al topic How to customize the formated look of the cloud
You can customize the cloud by editing the relevant CSS file:
[strike]modules/mod_cpsearch/css/style.css[/strike]
modules/mod_cpcloud/css/cpcloud.css
The default css stylesheet does the bare minimum as not to override your template CSS and to make use of the styles the template authors defined for links.
[strike]modules/mod_cpsearch/css/style.css[/strike]
modules/mod_cpcloud/css/cpcloud.css
The default css stylesheet does the bare minimum as not to override your template CSS and to make use of the styles the template authors defined for links.
Ultima Modifica 11 Anni 4 Settimane fa da andrea_4g. Motivo: wrong file name, again
Si prega Accesso o Crea un account a partecipare alla conversazione.
- alainz
- Autore della discussione
- Offline
- Giovane Utente
Less
Di più
- Messaggi: 36
- Ringraziamenti ricevuti 0
11 Anni 4 Settimane fa #1492
da alainz
Risposta da alainz al topic How to customize the formated look of the cloud
Thank you for your very prompt follow-up, I almost lost hope to have such support speed since I join the joomla comunity... you're marking a lot of good points in my list of suppliers here!
To come back to the customization, I am not a coder and CSS always need gidance and example for me to adventure in it..
The least I am looking for is:
-1- to increase the font size range from the minimum (witch is fine) to the largest (that could go 5 to 10 point larger than what I get for now).
-2- to be able to control rate at which it is regenerated to create a sort of attention catcher while the words are re-shuffling...
Hope you can help me with that...
Alain
To come back to the customization, I am not a coder and CSS always need gidance and example for me to adventure in it..
The least I am looking for is:
-1- to increase the font size range from the minimum (witch is fine) to the largest (that could go 5 to 10 point larger than what I get for now).
-2- to be able to control rate at which it is regenerated to create a sort of attention catcher while the words are re-shuffling...
Hope you can help me with that...
Alain
Si prega Accesso o Crea un account a partecipare alla conversazione.
- andrea_4g
- Offline
- Amministratore
Less
Di più
- Messaggi: 1122
- Ringraziamenti ricevuti 163
11 Anni 4 Settimane fa - 11 Anni 4 Settimane fa #1494
da andrea_4g
Risposta da andrea_4g al topic How to customize the formated look of the cloud
- increase font size:
inside file [strike]modules/mod_cpcloud/css/style.css[/strike] modules/mod_cpsearch/css/cpcloud.css you find the following lines that determine the font size:
Tags used less frequently are given the CSS class .cpcloud1. Most frequent tags are given CSS class .cpcloud5
You can make the font bigger by changing the font-size statement. E.g. from 16px to 22px.
Also you can make the font bold by adding the following statement.
font-weight: bold;
Example:
With this change the most prevalent tags will be rendered with a 22px bold font.
Point 2 is not clear to me. In fact the tag cloud is generated before the page is displayed and no transformations occurs afterwards.
inside file [strike]modules/mod_cpcloud/css/style.css[/strike] modules/mod_cpsearch/css/cpcloud.css you find the following lines that determine the font size:
Code:
.cpcloud1{
font-size : 10px;
}
.cpcloud2{
font-size : 11px;
}
.cpcloud3{
font-size : 12px;
}
.cpcloud4{
font-size : 14px;
}
.cpcloud5{
font-size : 16px;
}
You can make the font bigger by changing the font-size statement. E.g. from 16px to 22px.
Also you can make the font bold by adding the following statement.
font-weight: bold;
Example:
Code:
.cpcloud5{
font-size : 22px;
font-weight: bold;
}
Point 2 is not clear to me. In fact the tag cloud is generated before the page is displayed and no transformations occurs afterwards.
Ultima Modifica 11 Anni 4 Settimane fa da andrea_4g.
I seguenti utenti hanno detto grazie : alainz
Si prega Accesso o Crea un account a partecipare alla conversazione.
- alainz
- Autore della discussione
- Offline
- Giovane Utente
Less
Di più
- Messaggi: 36
- Ringraziamenti ricevuti 0
11 Anni 4 Settimane fa #1496
da alainz
Risposta da alainz al topic How to customize the formated look of the cloud
Hi,
Only one problem, i don't have any style.css there, sould I create one?
See my screen shot attachment below:
Only one problem, i don't have any style.css there, sould I create one?
See my screen shot attachment below:
Si prega Accesso o Crea un account a partecipare alla conversazione.
- andrea_4g
- Offline
- Amministratore
Less
Di più
- Messaggi: 1122
- Ringraziamenti ricevuti 163
11 Anni 4 Settimane fa - 11 Anni 4 Settimane fa #1497
da andrea_4g
Risposta da andrea_4g al topic How to customize the formated look of the cloud
I apologize. I wrote the wrong filename, twice.
The file you need to edit is:
modules/mod_cpcloud/css/cpcloud.css
The file you need to edit is:
modules/mod_cpcloud/css/cpcloud.css
Ultima Modifica 11 Anni 4 Settimane fa da andrea_4g.
Si prega Accesso o Crea un account a partecipare alla conversazione.
Tempo creazione pagina: 0.178 secondi