Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2006
    Messaggi
    3,072

    Ridimensionamento immagine presente nello slider

    Ciao a tutti, sto cercando di modificare un template WP che visualizza il classico slider. E' tutto perfetto solo che vorrei che l'immagine si "deformasse" automaticamente quando la finestra ha un width particolarmente lungo


    codice:
    Nell'HTML
    
    <div id="category-name">
    	<?php 
    		$et_tagline = '';
    		if( is_tag() ) {
    			$et_page_title = esc_html__('Posts Tagged &quot;','MyCuisine') . single_tag_title('',false) . '&quot;';
    		} elseif (is_day()) {
    			$et_page_title = esc_html__('Posts made in','MyCuisine') . ' ' . get_the_time('F jS, Y');
    		} elseif (is_month()) {
    			$et_page_title = esc_html__('Posts made in','MyCuisine') . ' ' . get_the_time('F, Y');
    		} elseif (is_year()) {
    			$et_page_title = esc_html__('Posts made in','MyCuisine') . ' ' . get_the_time('Y');
    		} elseif (is_search()) {
    			$et_page_title = esc_html__('Search results for','MyCuisine') . ' ' . get_search_query();
    		} elseif (is_category()) {
    			$et_page_title = single_cat_title('',false);
    			$et_tagline = category_description();
    		} elseif (is_author()) {
    			global $wp_query;
    			$curauth = $wp_query->get_queried_object();
    			$et_page_title = esc_html__('Posts by ','MyCuisine') . $curauth->nickname;
    		} elseif ( is_single() || is_page() ) {
    			$et_page_title = get_the_title();
    			if ( is_page() ) $et_tagline = get_post_meta($post->ID,'Description',true) ? get_post_meta($post->ID,'Description',true) : '';
    		}
    	?>
    	<h1 class="category-title"><?php echo wp_kses( $et_page_title, array( 'span' => array() ) ); ?></h1>
    	<?php if ( $et_tagline <> '' ) { ?>
    		<p class="meta-info"><?php echo wp_kses( $et_tagline, array( 'span' => array() ) ); ?></p>
    	<?php } ?>
    	
    	<?php if ( is_single() ) { ?>
    		<?php get_template_part('includes/postinfo'); ?>
    	<?php } ?>
    </div> 
    
    
    
    Nel CSS
    
    
    #page-bg { background: #471414 url(images/page-top.jpg) no-repeat center bottom; }
    body.page #page-bg { background: #471414 url(images/page-top.jpg) no-repeat center bottom !important; }
    	#page-bottom { background: url(images/bottom-bg.png) repeat-x left bottom; position: relative; }				
    	#page-top { background: url(images/top-bg.png) repeat-x; position: relative; }
    		#category-name { padding-top: 51px; }
    			#page-top h1.category-title { color: #ffffff; font-size: 48px; font-style: normal; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); }
    			#page-top p.meta-info { font-style: normal; font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #dacba7; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); margin-top: -12px; }
    				#page-top p.meta-info a { color: #dacba7; }
    					#page-top p.meta-info a:hover { color: #fff; text-decoration: none; }
    	#breadcrumbs { background: url(images/breadcrumbs-bg.png) repeat-x; height: 72px; color:#766255; font-size: 14px; text-shadow: 1px 1px 1px #ffffff; text-transform: uppercase; font-style: normal; }
    		#breadcrumbs-text { float: left; width: 685px; }

  2. #2
    Utente di HTML.it
    Registrato dal
    Jul 2006
    Messaggi
    3,072
    Nothing?

    Thanks

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2006
    Messaggi
    3,072
    Nessun aiutino?

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.