Troncare titolo topic troppo lungo (sezione interna)

« Older   Newer »
 
  Share  
.
  1.  
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    7,545

    Status
    Anonymous
    Buonasera, sarebbe possibile tagliare il titolo di una discussione in modo che in automatico si accorci e rimanga su una linea? Con quelli della homepage non credo di esserci riuscito (non mi convince l'effetto finale), sto trovando difficoltà ad applicare lo stesso effetto anche con quelli delle sezioni interne.
    Mi riferisco a questo problema, grazie mille in anticipo!
     
    .
  2.  
    .
    Avatar

    I.S.I

    Group
    ForumFree Mod
    Posts
    9,318
    Location
    SICILIA

    Status
    Offline
    Per problemi grafici è meglio linkare la pagina dove hai il problema.
     
    .
  3.  
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    7,545

    Status
    Anonymous
    https://dcgdr.blogfree.net/

    purtroppo non riesco né sulla homepage, nè nelle sezioni interne.
     
    .
  4.  
    .
    Avatar

    Advanced Member

    Group
    Helper
    Posts
    1,277

    Status
    Anonymous
    Su Amministrazione - Grafica - Colori e stili aggiungi questo codice:
    CODICE
    .forum .bb {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}

    E' il risultato voluto?
     
    .
  5.  
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    7,545

    Status
    Anonymous
    Sì, esatto! sarebbe possibile accorciarli ancor di più? Perché nella sezione spam per esempio non mi fa visualizzare il contatore delle pagine.

    Per avere lo stesso effetto in homepage nei topic a destra invece?
     
    .
  6.  
    .
    Avatar

    Advanced Member

    Group
    Helper
    Posts
    1,277

    Status
    Anonymous
    CITAZIONE (barry @ 2/3/2024, 16:30) 
    Sì, esatto! sarebbe possibile accorciarli ancor di più? Perché nella sezione spam per esempio non mi fa visualizzare il contatore delle pagine.

    Anche se dovessi ridimensionare il testo, un titolo più lungo causerebbe comunque lo stesso problema. Prova piuttosto questo approccio: in questo modo, se un titolo è eccessivamente lungo, il contatore delle pagine verrà spostato verso il basso

    Sostituisci il codice che ti ho dato con questo:
    CODICE
    .bb .web a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: inline-block!important;}


    CITAZIONE (barry @ 2/3/2024, 16:30) 
    Per avere lo stesso effetto in homepage nei topic a destra invece?

    Prova:
    CODICE
    .board .zz .where a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: flow!important; }
     
    .
  7.  
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    7,545

    Status
    Anonymous
    CITAZIONE
    .bb .web a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: inline-block!important;}

    Ok, ho capito cosa intendi e direi che così va benissimo!
    CITAZIONE
    .board .zz .where a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: flow!important; }

    L'ho messo, i titoli li tronca, ma allarga il container della sezione.

    Intanto grazie mille perché ci stavo su da ore e non capivo!
     
    .
  8.  
    .
    Avatar

    Advanced Member

    Group
    Helper
    Posts
    1,277

    Status
    Anonymous
    CITAZIONE
    L'ho messo, i titoli li tronca, ma allarga il container della sezione.

    Ho appena esaminato il prima e il dopo e non noto alcun cambiamento sulla larghezza del container. Puoi farmi due screen a schermo intero su come li vedi tu sia prima che dopo aver messo il codice?
     
    .
  9.  
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    7,545

    Status
    Anonymous
    Allora senza i due codici, la homepage la vedo normale.




    Questo è dopo aver messo i codici.



    Preciso che uso Edge come browser.
     
    .
  10.  
    .
    Avatar

    Advanced Member

    Group
    Helper
    Posts
    1,277

    Status
    Anonymous
    Prova a sostituire il codice che ti ho dato con questo:
    CODICE
    .board .zz .where a {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block!important; }


    Fammi sapere se si risolve il problema.
     
    .
  11.  
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    7,545

    Status
    Anonymous
    Nulla, risulta ancora come nel secondo screen, forse c'è un valore nel CSS che contrasta?
     
    .
  12.  
    .
    Avatar

    Advanced Member

    Group
    Helper
    Posts
    1,277

    Status
    Anonymous
    Sostituisci questo:
    CODICE
    .bb .web a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: inline-block!important;}

    Così:
    CODICE
    .forum .bb .web a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: inline-block!important;}
     
    .
  13.  
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    7,545

    Status
    Anonymous
    Adesso molto meglio! Solo che c'è quell'in che non è allineato con il titolo

    Per facilitare si può togliere quell'in cosi non dovrebbe dare problemi? Grazie veramente della pazienza!

    Edit: Ok, sono riuscito a risolvere, grazie mille!

    Edited by barry - 2/3/2024, 22:16
     
    .
12 replies since 2/3/2024, 14:44   375 views
  Share  
.