Форум Сайтостроение Веб-строительство

Изображение в footer

S8
На сайте с 08.11.2016
Offline
0
saiman88
685

Добрый вечер Ув. форумчане.

Помогите решить задачку:). Скажу сразу, я не специалист, а только начинаю изучать технологию.

Захотелось изменить изображение в подвале сайта. Т.е. вместо однообразного фона(соответствующего стилю сайта) установить изображение. Прочитал много информации, но ответ так и не смог найти.

Платформа WordPress, тема Graphene.

Вот код из footer 

<?php

/**

 * The template for displaying the footer.

 *

 * Closes the <div> for #content, #content-main and #container, <body> and <html> tags.

 *

 * @package Graphene

 * @since Graphene 1.0

 */

global $graphene_settings;

?>  

<?php do_action( 'graphene_bottom_content' ); ?>

    </div><!-- #content-main -->

    

    <?php

    

        /* Sidebar 2 on the right side? */

        if ( graphene_column_mode() == 'three_col_left' ){

            get_sidebar( 'two' );

        }

		

		/* Sidebar 1 on the right side? */

        if ( in_array( graphene_column_mode(), array( 'two_col_left', 'three_col_left', 'three_col_center' ) ) ){

            get_sidebar();

        }

    

    ?>

    

    <?php do_action( 'graphene_after_content' ); ?>



</div><!-- #content -->



<?php /* Get the footer widget area */ ?>

<?php get_template_part('sidebar', 'footer'); ?>



<?php do_action('graphene_before_footer'); ?>



<div id="footer" class="clearfix">

	

    

    <?php if ( ! $graphene_settings['hide_copyright'] ) : ?>

    <div id="copyright">

    	<h3><?php _e('Авторские права', 'graphene'); ?></h3>

		<?php if ( $graphene_settings['copy_text'] == '' && ! $graphene_settings['show_cc'] ) : ?>

            <p>

            <?php printf( '&copy; %1$s %2$s.', date( 'Y' ), get_bloginfo( 'name' ) ); ?>

            </p>

        <?php elseif ( ! $graphene_settings['show_cc'] ) : ?>

        	<?php 

				if ( ! stristr( $graphene_settings['copy_text'], '</p>' ) ) { $graphene_settings['copy_text'] = wpautop( $graphene_settings['copy_text'] ); }

				echo $graphene_settings['copy_text']; 

			?>

 	    <?php endif; ?>

        

        <?php if ( $graphene_settings['show_cc'] ) : ?>

        	<?php /* translators: %s will replaced by a link to the Creative Commons licence page, with "Creative Commons Licence" as the link text. */?>

        	<p>

				<?php printf( __( 'Except where otherwise noted, content on this site is licensed under a %s.', 'graphene' ), '<a href="http://creativecommons.org/licenses/by-nc-nd/3.0/">' . __( 'Creative Commons Licence', 'graphene' ) . '</a>' ); ?>

            </p>

        	<p class="cc-logo"><span><?php _e( 'Creative Commons Licence BY-NC-ND', 'graphene' ); ?></span></p>

        <?php endif; ?>



    	<?php do_action('graphene_copyright'); ?>

    </div>





<?php endif; ?>



	<?php if ( has_nav_menu( 'footer-menu' ) || ! $graphene_settings['hide_return_top'] ) : ?>

	<div class="footer-menu-wrap">

    	<ul id="footer-menu" class="clearfix">

			<div class="cont">

			<p>Контакты:<br>текст.текст.текст

					

					</p>

		</div>

        </ul>

		



    </div>

    <?php endif; ?>

	

    <?php if ( ! $graphene_settings['disable_credit'] ) : ?>

    <div id="developer" class="grid_7">

        <p>

        

        </p>



	<?php do_action('graphene_developer'); ?>

    </div>

    <?php endif; ?>

    

    <?php do_action('graphene_footer'); ?>

</div><!-- #footer -->



<?php do_action('graphene_after_footer'); ?>



</div><!-- #container -->



<?php if (!get_theme_mod('background_image', false) && !get_theme_mod('background_color', false)) : ?>

    </div><!-- .bg-gradient -->

<?php endif; ?>

	

<?php wp_footer(); ?>

</body>

</html>

Из прочитанного- некоторые используют 

background: url('../image/имя файла картинки.jpg') no-repeat;

background-size: 100% 100%;

но у меня не вышло. Возможно не туда вставляю. Фото,кстати, загружено в библиотеку сайта.

Может вы предложите другой вариант.

Заранее благодарен :)

---------- Добавлено 08.11.2016 в 21:37 ----------

Извините за флуд, но начал потихоньку начал разбираться.

Открыв код страници в браузере обнаружил, что описание блока footer находится в файле style.css.

Вот такой блок описывает его: 

/* =Footer

-------------------------------------------------------------- */



#footer {

	background: url(images/footer.png) left -1352px repeat-x #111;

	border-top: 1px solid #d5d5d5;

	padding-top: 50px;

	margin-bottom: 30px;

	min-height: 80px;

	position: relative;

	color: #999;

	clear: both;

}

#copyright {

	margin: 0 10px 20px;

	float: left;

	max-width: 30%;

}

#copyright p{

	margin-top: 10px;

}

#copyright h3{

	font: normal 14px arial;

	color: #e3e3e3;

}

#copyright .cc-logo{

	height: 32px;

	width: 96px;

	background: url(images/sprite_master.png) -417px -240px no-repeat;

}

#copyright .cc-logo span{

	display: none;

}

#footer a,

#footer a:visited {

	color: #fff;

	text-decoration: none;

}

#footer a:hover {

	border-bottom: 1px dotted #fff;

}

.footer-menu-wrap {

	font-size: 14px;

    float: right;

    text-align: right;

	margin: 0 10px 0;

}

.footer-menu-wrap li {

	display: inline-block;

	*display: inline;

	zoom: 1;

	padding-left: 10px;

	margin-left: 10px;

    vertical-align: top;

}

.footer-menu-wrap a, 

.footer-menu-wrap a:visited {

	color: #fff;

}

.footer-menu-wrap ul.sub-menu {

    margin-top: 5px;

	padding-left: 5px;

	border-left: 1px solid #222;

    list-style: none;

}

.footer-menu-wrap ul.sub-menu li {

    display: block;

    font-size: 12px;

	line-height: 18px;

    border: none;

    margin: 0;

    padding: 0;

}

#footer-menu {

	text-align: left;

}

#footer-menu .sub-menu li a,

#footer-menu .sub-menu li a:visited {

	color: #ccc;

}

#developer {

    text-align: right;

    clear: right;

    padding: 20px 0;

	float: right;

}

.printonly {

    display: none;

}

В первом блоке кода я изменил название изображения на своё предварительно поместив картинку в папку image. Чуда не произошло.

Пробовал удалять строку "border-top"- то же ни чего. Новое изображение не появилось

S
На сайте с 30.09.2016
Offline
469
Sitealert
#1
saiman88:
Чуда не произошло

Ну попробуйте удалить кусок " left -1352px". Может быть, тогда и произойдёт чудо.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
S8
На сайте с 08.11.2016
Offline
0
saiman88
#2

Ну вот как так!? Я пол дня голову себе ломал, а ты за пару минут смекнул:)

Получается,что этот тот параметр описывает сдвиг изображения влево.

Спасибо большое добрый человек 🍻

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий