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

    immagine di sfondo su tema wordpress

    Ciao,
    da poco mi sto confrontando con i folgi di stile e vorrei capirne di più, se mi potete consigliare un buon e semplice volume ve ne sarei grato;

    nel frattempo, vorrei chiedervi un suggerimento, certamente banale per chi ha dimestichezza nella materia, ma che a me crea qualche perplessità:

    in un tema wordpress (chaosteory) vorrei mostrare un immagine fissa, alla sinistra del testo di ogni pagina, che resti al di sotto dei testi (senza comprometterne la leggibilità);

    l'immagine l'ho pubblicata in "page.php" tramite questo codice:

    codice:
    <div id="post" style="text-align:left">[img]images/logo_ts.png[/img]</div>
    ma appare sotto il testo e non a lato e nemmeno sotto, ovviamente


    grazie infinite
    cosmogoniA
    n o p r o v a r e n o f a r e o n o n f a r e n o n c e p r o v a r e

  2. #2
    codice:
    tuo-selettore {
        background-image: url(percorso);
        background-position: right center;
        background-attachment: fixed
    }

  3. #3
    Grazie della gentilissima risposta,

    ho fatto le modifiche e va ottimamamente, ma ora si apre una nuova esigenza, quella di creare una posizione in cui inserire l'immagine di cui sopra;
    nello specifico, in un tema a due colonne, dovrei creare un terzo spazio centrale (tra le due),
    ma forse è meglio veramente che mi prendo un libro su come modificare i template di wordpress..GASP!
    cosmogoniA
    n o p r o v a r e n o f a r e o n o n f a r e n o n c e p r o v a r e

  4. #4

  5. #5
    grazie del prezioso consiglio
    cosmogoniA
    n o p r o v a r e n o f a r e o n o n f a r e n o n c e p r o v a r e

  6. #6
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    da poco mi sto confrontando con i folgi di stile e vorrei capirne di più, se mi potete consigliare un buon e semplice volume ve ne sarei grato;
    Lascia perdere le cose pronte e fatti un sito da 0.
    Impari con la pratica. Man mano che ti serve qualcosa, te la cerchi in rete.

    Per un buon libro in inglese:

    CSS Cookbook by Christopher Schmitt

    ma ovviamente ce ne sono 1000 altri.

    Per una bella risata vai QUI

  7. #7
    eeh, grazie del consiglio, certamente quello che affermi è corretto, la via che ho scelto passa dai cms open e chissà, magari con questi avanzerò nella comprensione dei css, per poi...:-)
    cosmogoniA
    n o p r o v a r e n o f a r e o n o n f a r e n o n c e p r o v a r e

  8. #8
    ..ho fatto passi avanti, credo.

    Ho cambiato approccio: ho creato una nuova colonna (widget in wp) che mi contenga l'immagine ed eventuale altro;

    Per farla ho seguito questa procedura:



    a) ho creato una nuova sidebar tramite codice in function.php

    codice:
    register_sidebar(array(
    	'name' => __( 'Seconda colonna sidebar ', 'chaosterapy' ),
    	'id' => 'seconda-sidebar',
    	'description' => __( 'Seconda colonna widget: sidebar aggiuntiva', 'chaosterapy' ),
    	
    'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
    	'after_widget' => '',
    	'before_title' => '<h3 class="widget-title">',
    	'after_title' => '</h3>',
    ));
    b) ho creato il file "sidebar2.php"

    codice:
    <div id="navigation_right">
    <ul>
    <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>
    <?php endif; ?>[/list]
    </div>

    c) ho inserito il logo

    codice:
    <div id="navigation_right">
    <ul>
    <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>
    <?php endif; ?>
    <div id="post" style="text-align:left"></div>[/list]
    </div>
    d) ho dato i parametri di posizione nel file style.css

    codice:
    #navigation_right {
         left: 840px;
         position: absolute;
         top: 340px;
         width: 190px;
              overflow: visible;
    }
    e) ho pubblicato la pagina tramite il file page.php

    codice:
    <?php include (TEMPLATEPATH . '/sidebar2.php'); ?>

    Mi rimane da capire una sola cosa, e mi servirebbe una vostra illuminante dritta:

    se ridimensiono la pagina, portandola oltre i 1280px, l'immagine non rimane nella posizione in cui l'ho inserita (centrale) ma "va a capo";

    ha a che vedere con il concetto di posizione assoluta e relativa? O non c'entra nulla?

    questi sono i valori nel fogli di stile relativi la nuova colonna:

    codice:
    #navigation_right {
         left: 840px;
         position: absolute;
         top: 340px;
         width: 190px;
              overflow: visible;
    }

    grazie ancora
    cosmogoniA
    n o p r o v a r e n o f a r e o n o n f a r e n o n c e p r o v a r e

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.