Visualizzazione dei risultati da 1 a 8 su 8
  1. #1

    sostituire i button type="submit" con class .button

    Ciao a tutti.
    Sono un utilizzatore del forum Vanilla.
    Sto cercando di modificare i pulsanti submit del mio forum con la classe button ma non ci riesco.
    Ho seguito la guida http://css.html.it/articoli/leggi/22...-flessibili/1/ di HTML.it copiando ed incollando il codice riportato ma senza successo.
    Come prova sto cercando di modificare il bottone di una estensione prima di imbattermi nella modifica dei bottoni di tutto il forum ma in mezzo a tutte le chiamate php non so dove mettere le mani.
    Nella pagina php dell'estensione vedo che compare questa stringa:

    Codice PHP:
        [*]                         <button type="submit">This is a shiny button</button
    e sebbene la sostituisca con quella della guida e poi nel foglio di stile vada ad inserire il codice della stessa... non cambia nulla.

    Potrebbe essere dovuto magari al path dell'immagine? Oppure a qualcos'altro?
    Grazie.

  2. #2
    Non hai spiegato niente... e non ho il tempo di leggere anche link esterni ... però nel titolo scrivi "class .button" quindi mi aspettavo, nel codice del pulsante che ci mostri, di vedere un class="button" ... potrebbe essere quello?
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  3. #3
    Ciao... e scusate se sono stato troppo impreciso.
    Dopo un lungo lavoro sono riuscito a modificare il codice e ad ottenere il pulsante nella posizione che mi interessa usando questo codice:

    Codice PHP:
    echo '<div id="Session">';    if ($this->Context->Session->UserID 0) {       echo str_replace('//1',          $this->Context->Session->User->Name,          $this->Context->GetDefinition('SignedInAsX')).' ([url="'.$this->Context->Configuration['SIGNOUT_URL'].'"]<span>'.$this->Context->GetDefinition('SignOut').'</span>[/url])';    } else {       echo $this->Context->GetDefinition('NotSignedIn').'                 [url="'.AppendUrlParameters($this->Context->Configuration['SIGNIN_URL'], 'ReturnUrl='.GetRequestUri()).'"]<span>'.$this->Context->GetDefinition('log-in please').'</span>         [/url]       '
    ossia ho inserito la chiamata php nello span.
    Poi ho specificato nel css che immagine doveva caricare e le proprietà di stile del bottone (div button) così:

    Codice PHP:
    #Session {     width:100%;     position: absolute;     height: 35px;     top:20px;     right:140px;     padding-left: 18px;     text-align:right;     //font: bold 150%/35px "Trebuchet MS",Arial,sans-serif;     font-size:22px;     /*background: url(bottone.png) no-repeat top left;*/     text-decoration: none;     color: #286C98     }     #Session a span {     text-align:center;     padding-top: 5px;     padding-bottom: 12px;     padding-right: 18px;     background: url(bottone.png) no-repeat top left     }      /*#Session a:hover{     background-position: bottom left;     color: #6B9828     }*/ #Session a:hover span{     background-position: bottom right     }   div.button-cont{     position: absolute;     width: 100%;margin: 1.5em 0} 
    solo che adesso mi si presenta un problema: e cioè che l'iimagine prende le misure esatte del testo e della stessa, che vedete in allegato, mi appare solo la parte sinistra; non si strecha.
    Avete un'idea?
    Grazie.
    Immagini allegate Immagini allegate

  4. #4
    Originariamente inviato da Phebo
    Avete un'idea?
    Si... che devi postare html e css, NON il php... rallenti la lettura da parte di chi ti potrebbe aiutare...
    Controlla bene le misure... il 100% ...di cosa?
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  5. #5
    Io ti chiedo sinceramente scusa... non sono pratico del forum... ci passo raramente... e quindi capisco che ad esperto come te possa dare anche fastidio l'aver a che fare con un imbranato come me...
    Ti chiedo quindi come fare per inserire il codice sottoforma di html: magari con ?

  6. #6
    Puoi far vedere anche il disegno di come ti viene e di come vorresti che fosse?
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  7. #7
    Certamente...
    Ecco in allegato lo vedi come lo vedo io adesso... in alto a dx vedi il bottone: se noti riesci a scorgere solo il bordo arrotondato di sinistra mentre l'immagine rimane tagliata a dx.
    L'immagine che vorrei vedere è quella mostrata qualche post più sù dove l'immagine, larga c.a. 300px, dovrebbe allungarsi o accorciarsi centralmente a seconda delle necessità.
    Immagini allegate Immagini allegate

  8. #8
    Se l'immagine "stondata rettangolare" la usi come sfondo non puoi ridimensionarla. Si ridimensionano solo i tag <img>, non gli sfondi.
    Quindi o fai la foto più corta o fai il pulsante (che la contiene) più lungo
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

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.