Interferenza tra quote-block e widget del calendario


Risolto Interferenza tra quote-block e widget del calendario

Messaggio Da BenDan il Sab 15 Set 2012 - 16:59

Salve a tutti,
Mi rivolgo a voi in seguito ad un problema verificatosi all'interno del forum che co-gestisco.
Ho modificato il CSS del forum per personalizzare il quote-block; il risultato è stato buono, ma un'utente mi ha fatto notare che nel widget del calendario presente del portale la data corrente viene visualizzata come se fosse in un box di citazione: ossia, il riquadro del numero compare con tanto di colore, bordi arrotondati, etc., proprio del box delle citazioni che ho personalizzato col CSS.

Il problema è quello mostrato dalle immagini qui sotto in spoiler:
Problema:



Il codice è questo, se può essere d'aiuto:

Codice:
.quote {
  margin: 1em 1px 1em 25px;
          padding: 5px;
          background: #fafafa url("http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif") 6px 8px no-repeat;
          border: 1px solid #030A08;
          font-size: 0.95em;
          margin: 1em 1px 1em 25px;
          overflow: hidden;
          padding-left: 25px;
background-color: #BFEF00;
background-image: "http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif";
  background-opacity: 0.7;
-moz-border-radius: 5px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

Sapreste dirmi che problema potrebbe esserci per favore? Sad


Spoiler:
Mi scuso dapprincipio se non è la sezione esatta in cui postare questo problema; in tal caso, sarei grato ai moderatori se mi indicassero la sezione più appropriata. Grazie! Very Happy


Ultima modifica di BenDan il Dom 16 Set 2012 - 13:02, modificato 1 volta
avatar
BenDan
Sono un nuovo membro :)

Sesso : Maschile
Età : 20
Messaggi : 17
Località : Serino


Vedere il profilo dell'utente http://www.giratempowebforum.net
BenDan è stato ringraziato dall'autore di questo topic.

Risolto Re: Interferenza tra quote-block e widget del calendario

Messaggio Da Diego il Dom 16 Set 2012 - 2:35

Uh.. che problema curioso ed ambiguo allo stesso tempo.. me gusta.. XD
Codice:
div.quote {
  margin: 1em 1px 1em 25px;
          padding: 5px;
          background: #fafafa url("http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif") 6px 8px no-repeat;
          border: 1px solid #030A08;
          font-size: 0.95em;
          margin: 1em 1px 1em 25px;
          overflow: hidden;
          padding-left: 25px;
background-color: #BFEF00;
background-image: "http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif";
  background-opacity: 0.7;
border-radius: 10px;
}
dovrebbe andare adesso.. Surprised
avatar
Diego
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 2249
Località : arezzo


Vedere il profilo dell'utente http://www.folliacity.it/blog-1.html
Diego è stato ringraziato dall'autore di questo topic.

Risolto Re: Interferenza tra quote-block e widget del calendario

Messaggio Da BenDan il Dom 16 Set 2012 - 10:54

Grazie, Diego, ma non mi si è risolto il problema. Sad
In pratica è scomparso il colore del quoteblock dal widget del calendario, ma il quoteblock è tornato come se fosse sottoposto solamente al CSS di base. triste
avatar
BenDan
Sono un nuovo membro :)

Sesso : Maschile
Età : 20
Messaggi : 17
Località : Serino


Vedere il profilo dell'utente http://www.giratempowebforum.net
BenDan è stato ringraziato dall'autore di questo topic.

Risolto Re: Interferenza tra quote-block e widget del calendario

Messaggio Da Diego il Dom 16 Set 2012 - 12:16

@BenDan ha scritto:Grazie, Diego, ma non mi si è risolto il problema. Sad
In pratica è scomparso il colore del quoteblock dal widget del calendario, ma il quoteblock è tornato come se fosse sottoposto solamente al CSS di base. triste
Scusami, mi ero confuso con la versione di invision.. Laughing
in effetti il quote e il coso del calendario hanno lo stesso CLASS ( vorrei tanto sapere chi è quella mente malata che ha ideato ciò ), quindi se la "differenza" fra i due elementi non c'è la facciamo.. non ci stanno problemi.. Vagabondo

Ci sono due metodi per risolvere:


Il primo è il seguente ( se funziona usa questo ):
Codice css:-
Codice:
.postbody .quote{
margin: 1em 1px 1em 25px;
          padding: 5px;
          background: #fafafa url("http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif") 6px 8px no-repeat;
          border: 1px solid #030A08;
          font-size: 0.95em;
          margin: 1em 1px 1em 25px;
          overflow: hidden;
          padding-left: 25px;
background-color: #BFEF00;
background-image: "http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif";
  background-opacity: 0.7;
border-radius: 10px;


Secondo metodo ( questo è più brutale del precente, di sicuro funziona, ma se puoi fanne a meno ):

Codice css:-
Codice:
#quote_diego{
margin: 1em 1px 1em 25px;
          padding: 5px;
          background: #fafafa url("http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif") 6px 8px no-repeat;
          border: 1px solid #030A08;
          font-size: 0.95em;
          margin: 1em 1px 1em 25px;
          overflow: hidden;
          padding-left: 25px;
background-color: #BFEF00;
background-image: "http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif";
  background-opacity: 0.7;
border-radius: 10px;
poi crea un nuovo file javascript visibile in tutte le pagine ( moduli->gestione javascript se non erro ) e metti questo codice:
Codice:
$(function(){
  $('.postbody').find('.quote').attr('id','quote_diego');
  $('#quote_diego').removeClass('quote');
});
oppure:
Codice:
$(function(){
  $('.postbody').find('.quote').parents('table').attr('id','quote_diego');
  $('#quote_diego').find('.quote').attr('class','');
});

il primo javascript mantiene il quote "così come è", mentre il secondo fa si che il css venga applicato all'intero quote e non solo al testo citato come è attualmente, ma non li usare entrambi contemporaneamente altrimenti ti si incasina il sito, di conseguenza, provali entrambi e tieni quello che più ti aggrada.. Surprised
avatar
Diego
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 2249
Località : arezzo


Vedere il profilo dell'utente http://www.folliacity.it/blog-1.html
Diego è stato ringraziato dall'autore di questo topic.

Risolto Re: Interferenza tra quote-block e widget del calendario

Messaggio Da BenDan il Dom 16 Set 2012 - 13:02

Ironia del caso: il secondo non funziona. Razz
Ma il primo funziona alla grande; grazie mille, Diego! Very Happy

Problema risolto! :good:
avatar
BenDan
Sono un nuovo membro :)

Sesso : Maschile
Età : 20
Messaggi : 17
Località : Serino


Vedere il profilo dell'utente http://www.giratempowebforum.net
BenDan è stato ringraziato dall'autore di questo topic.

Risolto Re: Interferenza tra quote-block e widget del calendario

Messaggio Da Diego il Dom 16 Set 2012 - 13:15

@BenDan ha scritto:Ironia del caso: il secondo non funziona. Razz
Ma il primo funziona alla grande; grazie mille, Diego! Very Happy

Problema risolto! :good:
Strano.. te lo avevo anche collaudato nel sito ( c'era un'errorino nel css che poco dopo ho corretto editando il post ).. Neutral

va bon.. l'importante che tu abbia risolto.. Surprised
avatar
Diego
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 2249
Località : arezzo


Vedere il profilo dell'utente http://www.folliacity.it/blog-1.html
Diego è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum