Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1

    ridimensionamento immagine testata

    Ciao a tutti, spero di non sbagliare sezione visto che il mio problema è misto css e wordpress.
    Vorrei cambiare l'immagine della testata del sito che sto facendo con wordpress, l'immagine in evidenza della pagina non funziona (devo selezionare fixed image nelle modifiche di testata per far apparire l'immagine in home) e allora ho deciso di modificare il css del file.
    Vorrei che l'immagine fosse allineata con le linee verdi del footer: ho provato a dimensionare la voce .inner, a cambiare margini e padding alla voce img ma nulla da fare.
    Sono io che sbaglio?
    E che cosa?
    O magari non è possibile...
    Il sito è masterplan-meran2030.com

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    vuoi che l'immagine si estenda al di sotto del menu? perché invece non lasciare il logo così com'è (usando un'immagine di dimensioni corrispondenti a quelle che poi saranno quelle di visualizzazione e non facendola ridimensionare dal browser) e inserire come sfondo di header una striscia verticale grigia? (rivedendo il css e aggiustando i margini andrebbe bene anche un colore di sfondo grigio chiaro)

    se invece vuoi inserire un elemento al di sotto di un altro ti toccherà ricorrere ai posizionamenti

  3. #3
    Io vorrei che l'immagine di Merano per capirci (logo e menu vanno bene così) fosse allineata con le righe verdi del footer sia a destra che a sinistra.
    Dovrebbe avere le stesse dimensioni di 960 invece che 1023 come adesso ma non riesco a capire come ridimensionarla e dove mettere mano ai css.
    Ho provato a cambiare vari elementi ma la dimensione di quella maledetta immagine non la trovo! uff!

  4. #4
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    l'html reso nella pagina è:

    codice HTML:
    <div id="slider" class="group inner">
                <img src="omesso..cropped-Meran_111.jpg" width="1023" height="457" alt="" />  
    		</div>
    e l'immagine originale è 1023 pixel. Prova a guardare in header.php o body.php, se non trovi il codice di inserimento dell'immagine prova a ridimensionarla con un programma apposito e sostituiscila a quella attuale (se le dimensioni sono impostate sul 100% risolverai già così)

    inoltre, perché usare per il logo un'immagine larga 1700 e rotti pixel e alta 750 e pesante ben 300kb se puoi usarne una di 200pixel che peserà molto di meno?

  5. #5
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    ho guardato i file del tema che usi, in slider-fixed-image.php hai

    codice HTML:
    <div id="slider" class="group inner">
                <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />  
            </div>
    il che significa che l'immagine avrà le sue dimensioni originali, quindi se riduci l'immagine a 960px e la ricarichi, risolverai

    altrimenti devi modificare il codice php e assegnare lì le dimensioni dell'immagine (width="100%" e height="auto", ma non modificherei il sorgente php)
    Ultima modifica di Prill; 16-02-2014 a 12:00

  6. #6
    Grazie Prill!
    Ho appena provato: l'immagine che ho inserito è 960px ma ancora io vedo l'immagine non allineata a destra.
    Dovrebbe finire dopo "scrivici" ma ancora è più larga...
    Metter mano al PHP per me è quasi impossibile.
    Ho provato a guardare headr.php ma le dimensioni non le trovo e non voglio mettere mano dove non so e peggiorare le cose.
    L'unica cosa che non capisco è perchè non funziona la funzione "immagine in evidenza".Nell'altro mio sito enneerredesign.com mettendo immagine in evidenza questa compariva nella testata della pagina e avevo risolto con immagini diverse in ogni pagina, in questo tema invece se metto anche l'immagine in evidenza nulla cambia...

  7. #7
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    io vedo ancora nella tua pagina l'immagine larga 1023pixel

  8. #8
    Appunto! anche se io carico un'immagine di 450 px wordpress me la "stira" a tutta pagina...
    Cosa sbaglio? Sono io che sbaglio?

  9. #9
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    se scarico l'immagine, quindi non sono dimensioni impostate né nel css né altrove, vedo che la sua larghezza non è 960px, questo hai nella cartella immagini, dove cropped header è 1023 x 457 pixel

    header.PNG

    devi ridimensionare l'immagine e poi la ricarichi all'interno della cartella sostituendo l'altra (l'immagine dovrà chiamarsi cropped-header
    Ultima modifica di Prill; 17-02-2014 a 12:59

  10. #10
    Ho fatto anche questo...ma nulla!
    Caricata l'immagine dall'FTP ma inesorabilmente il programma mi riporta l'immagine a tutta pagina.

    cropped-header.jpgcropped-header.jpgcropped-header.jpg

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.