Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2014
    Messaggi
    69

    chi mi sa dire come si chiama questo effetto testo verticale?

    ciao scusate se h o sbahliato sezione non so dove chiedere... vorrei sapere da voi come si chiama il modo di inserire un testo in verticale che in questo template sono le voci del menu http://sahel.elated-themes.com/sahel/ ad es. "about me" o "project" , io uso wordpress e vorrei creare lo stesso identico testo verticale cona linea così come nel link...ma non so proprio cosa cercare tra i vari plugin (non sono molto bravo) oppure se farlo manualente come si puo fare...anche volendo googleare non so proprio che termini mettere ho provato con allineamento testo in verticale o cose del genere ma non mi esce niente di simile, mi autate ? graxzie

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2016
    Messaggi
    783
    E' una rotazione fatta tramite la proprietà transform del css:

    https://www.w3schools.com/cssref/css3_pr_transform.asp

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2014
    Messaggi
    69
    grazie mille per l'ndicazione...ho visto il link, solo che non capisco come applicarlo. Qui sto iniziando a testare un sito https://parsifals.musicaperiltuomatrimonio.it/ ho aggiunto hello word seguendo le indicazioni, ovvero mettendo nel editor di testo
    codice HTML:
    <h2>transform: rotate(20deg):</h2>
    <div class="a">Hello World!</div>
    e nel custom css
    codice HTML:
    .uvc-heading.ultimate-heading-53965c2f57d5d1eec h2 {
        font-size: 28px;
        line-height: 38px;
         -ms-transform: scaleY(1.5); /* IE 9 */
      -webkit-transform: scaleY(1.5); /* Safari 3-8 */
      transform: scaleY(1.5);
    }
    però non funziona, scusate ma sono un po' scarso

  4. #4
    Utente di HTML.it
    Registrato dal
    Apr 2014
    Messaggi
    69
    ah ok ho capito come fare , solo il sottotitolo non riesco ad allinearlo come nel link che ho messo d'esemio, ovvero la lineetta, non riesco ad allinearla dopo il titolo, ho provato diversi codici da aggiungere ma mi si scompagina tutto ad es. questo
    codice:
    subtitle::after {
        content: "";
        position: relative;
        display: inline-block;
        vertical-align: middle;
        left: 2px;
        bottom: 1px;
        height: 1px;
        width: 33px;
        transform: rotate(-90deg);
    }
    oppure
    codice:
    .uvc-sub-heading {
        font-size: 18px;
        line-height: 31px;
        transform: rotate(-90deg);
    }

  5. #5
    Utente di HTML.it
    Registrato dal
    Apr 2014
    Messaggi
    69
    ciao m4v1 riesci a darmi qualche indicazione anche riguardo il sottotitolo?

  6. #6
    Utente di HTML.it
    Registrato dal
    Apr 2014
    Messaggi
    69
    ok risolto grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.