• Come modificare la distanza fra titolo e contenuto dei campi profilo sotto l'avatar?

    Uno dei problemi ricorrenti è la modifica degli stili e in particolar modo del postbit o postbit_legacy. Mostriamo in questo esempio come cambiare la distanza fra il titolo e il contenuto dei campi profilo, spesso messo male per via della differenza fra le traduzioni, come in questo esempio.


    Con FireBug troviamo la zona interessata:


    e sulla destra vediamo le prime indicazioni al riguardo dello stile del blocco interessato:


    Proviamo quindi a cambiare qualcosa al volo per comprendere dove mettere mano. C'è margin, dove 5px indica la distanza verticale fra l'avatar e il testo:


    Per chi li avessero sempre cercato, ecco i due punti:



    margin-right indica la distanza fra i due punti e il testo, esattamente la zona dove vogliamo operare:


    Il campo sottostante, min-width, indica la distanza minima dal bordo sinistro, e quindi variando questo valore, si ottiene l'allineamento orizzontale "una parola sotto l'altra". Quuando la larghezza del blocco informazioni ce lo permette, possiamo allargarlo im modo da ottenere un allineamento più gradevole. In questo caso l'abbiamo allargato troppo:


    e otteniamo questo risultato:


    Se lo impostiamo a 0 e il margine a 4px:


    il risultato è il seguente:


    A questo punto andiamo a cercare il foglio stile per modificare queste informazioni:






    Dopo le modifiche lo stile si presenta così:



    Salviamo ed è fatto!

    In questo caso non ci è stato possibile modificare delle variabili di stile e di conseguenza è necessario farci due note per ricordarci di controllare le modifiche dopo gli aggiornamenti di vbulletin.
    Commenti 3 Commenti
    1. L'avatar di cla75
      cla75 -
      ho provato a seguire questa tua gentilissima guida ma ...

      e settato così:

      .postbitlegacy dl.userinfo_extra dt, .postbitlegacy dl.user_rep dt {
      float: {vb:stylevar left};
      text-align: {vb:stylevar left};
      /*color: {vb:stylevar shade_color};*/
      margin-{vb:stylevar right}: 4px;
      margin-{vb:stylevar left}: 0;
      min-width: 0;
      width: auto !important;
      width: 60px;
      }


      e vedo così:


      Registrato
      .......20-03-06
      Località
      .........Brescia
      Sesso
      ...........Uomo
      Età
      ................39
      Messaggi
      ............4,911


      cosa sbaglio ? ... io vorrei vedere così:



      grazie per il tuo aiuto
    1. L'avatar di y2ksw
      y2ksw -
      Se hai gli stili su file, è necessario ricaricare i file CSS, altrimenti non si vedono le modifiche. Consiglio di spostare gli stili su database per la durata delle modifiche.
    1. L'avatar di cla75
      cla75 -
      Ho provato a settare così:

      Salva Fogli di Stile CSS come File?
      da SI ho spostato su NO e salvato

      ma anche così facendo non vedo alcuna variazione modificando quei parametri :-(

      Scusa per l'insistenza e grazie !