Back to top

Autore Topic: [RISOLTO][QUASI]Beez e JoomlaComment, modificare stile "Commenta"  (Letto 3877 volte)

Offline Dieda12

  • Team Joomla.it
  • Appassionato
  • *******
  • Post: 344
  • Sesso: Femmina
    • Mostra profilo
Ciao a tutti,

Sto facendo qualche prova per personalizzare il pulsante "Commenta" alla fine degli articoli (Beez + JoomlaComment, www.arenasportiva.it).
Ho modificato l'icona e lo stile del testo (classe readon nel file layout.css)e ho tolto le scritte "Commenta" (file italian.php nella directory /language in /joscomment). Peró, ho 1 problema che non riesco a risolvere e 2 modifiche aggiuntive che non so come fare. Parto dal (penso) piú semplice:

1) Per cambiare il colore del testo e l'effetto hover ho modificato le seguenti:

#main a.readon,#main2 a.readon -> stile "Commenta" articoli in colonne

main a.readon:hover,#main2 a.readon:hover,#main a.readon:active,#main2 a.readon:active,#main a.readon:focus,#main2 a.readon:focus -> effetto hover in colonne

#main .leading .readon,#main2 .leading .readon -> stile "Commenta" articolo leading.

Ecco, peró, l'effetto hover sull'articolo leading non funziona come dovrebbe, il carattere non diventa bianco. Nel file layout .css tutti gli hover sono uguali (da testo nero sfondo bianco -> testo bianco e sfondo verde). In leading peró l'effetto hover modifica solo il background. Anche usando firebug non sono riuscita a capire perché il testo non cambi colore.

2) Vorrei che il numero di commenti apparisse senza le parentesi. Ho guardato il file comment.class.php e ho trovato il seguente codice:


Codice: [Seleziona]
/**
 * creates the write more( Number of comments) button
 * and generated the comment preview
 * @return html
 */
    function insertCountButton()
    {
        $address = $this->_comObject->linkToContent( $this->_content_id );
$number = $this->countComments();

        $html = $this->_readon;

        /* {READON_xxx} */
        $html = str_replace('{READON_LINK}', $address , $html);
$html = str_replace('{READON_WRITE_COMMENT}', _JOOMLACOMMENT_WRITECOMMENT, $html);
$html = str_replace('{READON_COUNT}', $number, $html);
$html = str_replace('{READON_COMMENTS}', $this->comments($number), $html);


Non riesco peró a capire come togliere le parentesi intorno a READON_COUNT.

3) Mi piacerebbe spostare icona e numero di commenti in alto a destra (adesso é in basso a destra), ad esempio sulla stessa linea del nome di sezione e categoria ma allineato a destra.


Qualcuno ha suggerimenti su come risolvere il punto 1 e come procedere per i punti 2 e 3 ?

Grazie 1000

Elena
 
« Ultima modifica: 23 Gen 2010, 14:56:31 da Dieda12 »
www.studioinvento.it
MantaJ! per l'archivistica digitale

Offline Dieda12

  • Team Joomla.it
  • Appassionato
  • *******
  • Post: 344
  • Sesso: Femmina
    • Mostra profilo
Re:Beez e JoomlaComment, modificare stile "Commenta"
« Risposta #1 il: 20 Gen 2010, 15:00:41 »
Scusate per l'up, ma da sola non sto facendo passi avanti.

L'unico dettaglio in piú, relativamente al punto 1, é che firebug mi dá il color:#fff (nell'hover) come barrato, come a dire che questa proprietá é sovrascritta...ma non riesco a capire da cosa. Ho guardato tutti i css di beez (template, general, position, layout) ma non capisco cosa sovrascriva il cambiamento di colore.

Anche per i punti 2 e 3 sono sempre in alto mare...

Elena
www.studioinvento.it
MantaJ! per l'archivistica digitale

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Beez e JoomlaComment, modificare stile "Commenta"
« Risposta #2 il: 20 Gen 2010, 15:51:29 »
Per me è la classe .leading che, erroneamente, sovrascrive quell'a:hover...
Prova a creare un a:hover anche per .leading  ;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Dieda12

  • Team Joomla.it
  • Appassionato
  • *******
  • Post: 344
  • Sesso: Femmina
    • Mostra profilo
Re:Beez e JoomlaComment, modificare stile "Commenta"
« Risposta #3 il: 20 Gen 2010, 16:44:15 »
Ciao toni,

Per me è la classe .leading che, erroneamente, sovrascrive quell'a:hover...
Prova a creare un a:hover anche per .leading  ;)

Nelle mie intenzioni c'é...ho messo:


Codice: [Seleziona]
#main .leading a.readon:hover{
background:url(../images/Comment.jpg) rgb(34,97,72) no-repeat;
color:#fff;
padding:2px 2px 0 30px;
text-decoration:none;
}


Peró non va...Ho sbagliato la sintassi ?
www.studioinvento.it
MantaJ! per l'archivistica digitale

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Beez e JoomlaComment, modificare stile "Commenta"
« Risposta #4 il: 20 Gen 2010, 19:00:20 »
ciao
vediamo se ho capito il primo articolo quando vai sui commenti diventa verde ma scritta non diventa bianca giusto?
se si  e infrascritta da qui
layout.css (riga 598)
Codice: [Seleziona]
#main .leading .readon, #main2 .leading .readon {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/Comment.jpg) no-repeat scroll 0 0;
border:0 solid;
bottom:0;
color:#226148 !important;<<<<<qui togli
display:block !important;
margin-top:20px !important;
padding:2px 2px 0 30px;
position:absolute;
right:0;
text-decoration:none;
}

se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline Dieda12

  • Team Joomla.it
  • Appassionato
  • *******
  • Post: 344
  • Sesso: Femmina
    • Mostra profilo
Re:Beez e JoomlaComment, modificare stile "Commenta"
« Risposta #5 il: 20 Gen 2010, 23:20:30 »
ciao
vediamo se ho capito il primo articolo quando vai sui commenti diventa verde ma scritta non diventa bianca giusto?
se si  e infrascritta da qui
layout.css (riga 598)
Codice: [Seleziona]
#main .leading .readon, #main2 .leading .readon {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/Comment.jpg) no-repeat scroll 0 0;
border:0 solid;
bottom:0;
color:#226148 !important;<<<<<qui togli
display:block !important;
margin-top:20px !important;
padding:2px 2px 0 30px;
position:absolute;
right:0;
text-decoration:none;
}

Ehi, cosí in effetti va !!! Ero convinta che quella fosse l'istruzione per avere il colore verde nel numero di commenti (cioé che non c'entrasse con l'hover) e che togliendola sarebbe diventato nero...invece no! GRAZIE.

Mi potete dare qualche suggerimento anche per i punti 2 e 3 della mia domanda ? O forse per quelli non é la sezione piú adatta ?

Grazie ancora

Elena
www.studioinvento.it
MantaJ! per l'archivistica digitale

Offline Dieda12

  • Team Joomla.it
  • Appassionato
  • *******
  • Post: 344
  • Sesso: Femmina
    • Mostra profilo
Re:Beez e JoomlaComment, modificare stile "Commenta"
« Risposta #6 il: 21 Gen 2010, 16:43:29 »
Ok, sono riuscita a sistemare il punto 2.

Dopo aver seguito le istruzioni qui:

http://compojoom.com/media/tutorials/TEMPLATEcopy_320.htm


Ho modificato il file index.html nella cartella /media/myjosctemplates/mymodern e lí é possibile modificare la struttura del "Commenta (n Commenti)".

Da:

Codice: [Seleziona]
<a href="{READON_LINK}#JOSC_TOP" class="readon">{READON_WRITE_COMMENT} ({READON_COUNT} {READON_COMMENTS})</a>

A:


Codice: [Seleziona]
<a href="{READON_LINK}#JOSC_TOP" class="readon">{READON_COUNT}</a>

Adesso vorrei capire come fare a spostare il tutto da in basso a destra (cioé alla fine dell'intro text) a in alto a destra, sotto il titolo...

Aiutini, suggerimenti, salvagenti ?

Grazie  :)

Elena

www.studioinvento.it
MantaJ! per l'archivistica digitale

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Beez e JoomlaComment, modificare stile "Commenta"
« Risposta #7 il: 21 Gen 2010, 17:05:56 »
Complimenti Elena! Sei stata brava, anche perchè torni  a postare le soluzioni. Dovresti arrivarci leggendo questo articolo, anche se tratta di altra cosa (magari ti torna utili pure quella). Leggi bene anche il forum collegato e il link ad altro post:
http://www.joomla.it/articoli-della-community/3834-mostrare-le-visite-negli-articoli.html
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Dieda12

  • Team Joomla.it
  • Appassionato
  • *******
  • Post: 344
  • Sesso: Femmina
    • Mostra profilo
Re:Beez e JoomlaComment, modificare stile "Commenta"
« Risposta #8 il: 23 Gen 2010, 14:55:10 »
Toni, grazie dei suggerimenti (e dei complimenti  :)). Ho guardato i link e ho guardato un po' anche nel forum compojoom.com peró mi sa che ci dovró studiare un attimo.

Per ora ho provato a cambiare la Mambot content function di JoomlaComment (da backend, component) da onPrepareContent a beforeDisplayContent...ma il pulsante cosí é sparito.

Ho visto che sul forum compojoom consigliano una procedura analoga (mi sembra) a quella che mi hai indicato tu. Cioé, dare un nome nuovo alla Mambot content function, tipo NewCommentFunction e poi inserire nel file components/com_content/content.html.php, all'interno della funzione show(), la seguente:

Codice: [Seleziona]
$results = $_MAMBOTS->trigger( 'NewCommentFunction', array( &$row, &$params, $page ), true );
echo trim( implode( "\n", $results ) );


Un po' come dire che, a seconda di dove, nella funzione show, uno posiziona le stringhe, si controlla il punto in cui viene inserito il "write comments". Peró é una sintassi che nei file beez, ad esempio default_item.php, non mi torna molto...

Per ora ammetto che ho barato spudoratamente  ::) e ho risolto andando a modificare il file css con le proprietá top e right, peró gira e rigira il posizionamento non é mai identico tra i vari elementi in colonna, a meno che non abbiano la stessa struttura (ad esempio, tutti con articolo su 2 righe).

Comunque grazie.

Elena


www.studioinvento.it
MantaJ! per l'archivistica digitale

 



Web Design Bolzano Kreatif