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



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

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

Форум ZiSMO.biz

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

Все просто

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

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

 

 

старый пхп

?>

######### - KOD

<?php

- новый пхп

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

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

OFFLINE Отправлено

MozGiG
группа пользователя
  • Онлайн:9д 23ч 53м
190

Добрый день, дело вот в чем:
Есть 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
группа пользователя
  • Онлайн:72д 18ч 1м
56

Все просто

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

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

 

 

старый пхп

?>

######### - KOD

<?php

- новый пхп


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

OFFLINE Отправлено

MozGiG
группа пользователя
  • Онлайн:9д 23ч 53м
190

Все просто

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

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

 

 

старый пхп

?>

######### - KOD

<?php

- новый пхп

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


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

Рекламный пост

ONLINE Отправлено

Rogozin
группа пользователя
  • Онлайн:172д 5ч 15м
219

*
Популярное сообщение!

Bigsmm.ru - Сервис накрутки подписчиков, лайков Вконтакте, instagram, youtube от 25р за 1000 подписчиков!

 

Наши популярные услуги:

Подписчики в Instagram от 25р за 1000 подписчиков, высокая скорость, 30 дней гарантия!

Живые пользователи Вконтакте от 400р за 1000 подписчиков, скорость 200-400 в сутки, до 4% собачек, без списаний!

Высокое качество офферов от 215р за 1000 подписчиков, скорость 100-300 в сутки.

Подписчики в телеграм от 350р за 1000 подписчиков.

Подписчики в Youtube от 75р за 1000 подписчиков, крутим с запасом, средний процент списаний!

 

О нас: Более 500 положительных отзывов на форумах, донат на форуме свыше 2000 рублей!

Для оплаты услуг сайта без комиссии, писать в тикет на сайте.

 

Перейти на сайт - Bigsmm.ru

 

 

---------

[Рекламный пост]


Сообщение отредактировал Rogozin: 15 04 2018 - 11:53

Bezimeni1g_4870502_26308104.gifBezimeni1g_4870502_26308104.gif

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



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