Перейти к содержимому



Купить ссылку здесь
Фотография
- - - - -

Интеграция html и css в php [нужна помощь]

Форум ZiSMO.biz

Лучший Ответ Kravts, 15 05 2016 - 12:37

Все просто

В нужном месте завершаешь РНР, вставляешь код и открываешь новый

Получится так:

 

 

старый пхп

?>

######### - KOD

<?php

- новый пхп

Перейти к сообщению

2
Сообщений в теме: 2

OFFLINE Отправлено

MozGiG
группа пользователя

    overvape.ru

  • Cообщений: 1 759
  • Поинты: 86
  • Предупреждений: 4
  • Онлайн:3д 19ч 28м
181

Добрый день, дело вот в чем:
Есть php файл 

 

<div class="home-header-wrap">

<?php

	global $wp_customize;

	$zerif_parallax_img1 = get_theme_mod('zerif_parallax_img1',get_template_directory_uri() . '/images/background1.jpg');
	$zerif_parallax_img2 = get_theme_mod('zerif_parallax_img2',get_template_directory_uri() . '/images/background2.png');
	$zerif_parallax_use = get_theme_mod('zerif_parallax_show');

	if ( $zerif_parallax_use == 1 && (!empty($zerif_parallax_img1) || !empty($zerif_parallax_img2)) ) {
		echo '<ul id="parallax_move">';
				if( !empty($zerif_parallax_img1) ) { 
				echo '<li class="layer layer1" data-depth="0.10" style="background-image: url(' . esc_url( $zerif_parallax_img1 ) . ');"></li>';
			}
			if( !empty($zerif_parallax_img2) ) { 
				echo '<li class="layer layer2" data-depth="0.20" style="background-image: url(' . esc_url( $zerif_parallax_img2 ) . ');"></li>';
			}

		echo '</ul>';
		}

	echo '<div class="header-content-wrap">';

		echo '<div class="container">';

		$zerif_bigtitle_title = get_theme_mod('zerif_bigtitle_title',__('ONE OF THE TOP 10 MOST POPULAR THEMES ON WORDPRESS.ORG','zerif-lite'));

		if( !empty($zerif_bigtitle_title) ):

			echo '<h1 class="intro-text">'.wp_kses_post( $zerif_bigtitle_title ).'</h1>';

		elseif ( isset( $wp_customize ) ):
		
			echo '<h1 class="intro-text zerif_hidden_if_not_customizer"></h1>';

		endif;	


		$zerif_bigtitle_redbutton_label = get_theme_mod('zerif_bigtitle_redbutton_label',__('Features','zerif-lite'));

		$zerif_bigtitle_redbutton_url = get_theme_mod('zerif_bigtitle_redbutton_url', esc_url( home_url( '/' ) ).'#focus');

		$zerif_bigtitle_greenbutton_label = get_theme_mod('zerif_bigtitle_greenbutton_label',__("What's inside",'zerif-lite'));

		$zerif_bigtitle_greenbutton_url = get_theme_mod('zerif_bigtitle_greenbutton_url',esc_url( home_url( '/' ) ).'#focus');

		if( (!empty($zerif_bigtitle_redbutton_label) && !empty($zerif_bigtitle_redbutton_url)) || (!empty($zerif_bigtitle_greenbutton_label) && !empty($zerif_bigtitle_greenbutton_url))):

			echo '<div class="buttons">';

				if ( !empty($zerif_bigtitle_redbutton_label) && !empty($zerif_bigtitle_redbutton_url) ):

					echo '<a href="'.esc_url( $zerif_bigtitle_redbutton_url ).'" class="btn btn-primary custom-button red-btn">'.wp_kses_post( $zerif_bigtitle_redbutton_label ).'</a>';

				elseif ( isset( $wp_customize ) ):

					echo '<a href="" class="btn btn-primary custom-button red-btn zerif_hidden_if_not_customizer"></a>';

				endif;

				if ( !empty($zerif_bigtitle_greenbutton_label) && !empty($zerif_bigtitle_greenbutton_url) ):

					echo '<a href="'.esc_url( $zerif_bigtitle_greenbutton_url ).'" class="btn btn-primary custom-button green-btn">'.wp_kses_post( $zerif_bigtitle_greenbutton_label ).'</a>';

				elseif ( isset( $wp_customize ) ):

					echo '<a href="" class="btn btn-primary custom-button green-btn zerif_hidden_if_not_customizer"></a>';

				endif;

			echo '</div>';

		endif;

		echo '</div>';

	echo '</div><!-- .header-content-wrap -->';
		echo '<div class="clear"></div>';

?>

</div>

В div " container " надо добавить код видеофона.
Код:
 

<video autoplay loop poster="НазваниеКартинки.jpg" id="video-on-bg">
    <source src="http://pitbikemaster.ru/fon/videoplayback.mp4" type="video/mp4">
</video>
<!--[if lt IE 9]>
<script>
    document.createElement('video');
</script>
<![endif]-->
<style type="text/css">
    video { display: block; }
    video#video-on-bg {
        background:url('НазваниеКартинки.jpg') no-repeat center center fixed;
        -webkit-background-size: cover;
           -moz-background-size: cover;
            -ms-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
        width: auto;
        height: auto !important;
        min-width:100%;
        min-height:100%;
        position:fixed;
        left: 0; /* прикрепить видео к левому краю или правому? (right:0;) */
        bottom: 0; /* прикрепить видео к нижнему краю или верхнему (top:0;) */
        z-index: -998;
    }
</style>

Подскажите, пожалуйста, как правильно вставить его в php, что бы отображалось. Спасибо)





    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено   Лучший Ответ

Kravts
группа пользователя

    https://vk.com/id376845481

  • Cообщений: 1 411
  • Друзей:61
  • Поинты: 39
  • Предупреждений: 20
  • Онлайн:66д 6ч 39м
50

Все просто

В нужном месте завершаешь РНР, вставляешь код и открываешь новый

Получится так:

 

 

старый пхп

?>

######### - KOD

<?php

- новый пхп


    • 1
  • Наверх
  • Ответить

OFFLINE Отправлено

MozGiG
группа пользователя

    overvape.ru

  • Cообщений: 1 759
  • Поинты: 86
  • Предупреждений: 4
  • Онлайн:3д 19ч 28м
181

Все просто

В нужном месте завершаешь РНР, вставляешь код и открываешь новый

Получится так:

 

 

старый пхп

?>

######### - KOD

<?php

- новый пхп

Спасибо большое!


    • 0
  • Наверх
  • Ответить



Напишите свое сообщение