Задать вопрос

Dvoeglazov

Ответы

  • Создание интерактивной карты здания. Каков будет наиболее гибкий вариант?

    @Dvoeglazov
    Вот пример, как это можно сверстать https://www.youtube.com/watch?time_continue=1131&v...

    Ответ написан
    Комментировать
    Комментировать

  • Кастомные скрипты в дочерней теме WP?

    @Dvoeglazov
    Возможно, нужно в начале подключить файл скрипта родительской темы, а потом свой и прописать в array, зависимость от родительского файла.
    Ответ написан
    Комментировать
    Комментировать

  • Проблеммы с отправкой писем PHPMailer?

    @Dvoeglazov
    Если Host от smtp.yandex.ru, то Username - это почта яндекса (Password ее пароль), где From, обязательно та же почта яндекса, что и в Username, иначе не отправиться.
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать резиновые картинки с одинаковой высотой?

    @Dvoeglazov 
    .preview {
height: 100px;
width: 100px; 
}

.preview img {
width: 100%;
height: 100%;
object-fit: cover;  /*ключевое свойство, сохранит пропорции картинки и растянет ее на весь блок, лишнее обрежется, и фотошоп не нужен)*/
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать такой фон?

    @Dvoeglazov Автор вопроса 
    <section class="logo-colors-font">
				<div class="logo-colors-font-1-bg"></div>
				
				<div class="all-bg">
					<div class="pos-abs logo-colors-font-2-bg"></div>
					<div class="pos-abs logo-colors-font-3-bg"></div>
					<div class="pos-abs logo-colors-font-4-bg"></div>
				</div>
				
						
				<div class="logo-colors-font-container">
					
				</div>
					
		</section>


    .pos-abs {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.logo-colors-font {
	position: relative;

	.all-bg {
		position: relative;
		height: 512px;

		.logo-colors-font-2-bg {
			height: 512px;
			background-color: @blue;
			top: auto;
			bottom: auto;
			z-index: 5;
			width: calc(50% + 10em);
		}

		.logo-colors-font-3-bg {
			height: 402px;
			background-color: @yel;
			top: auto;
			bottom: auto;
		}

		.logo-colors-font-4-bg {
			height: 110px;
			background-color: red;
			top: auto;
			bottom: 0;
		}
	}

	.logo-colors-font-1-bg {
		height: 674px;
		background-color: @fff;
	}

	.logo-colors-font-container {
		position: absolute;
		margin: 0 auto;
		height: 1185px;
	    width: 1094px;
	    top: 0;
	    left: 0;
	    right: 0;
	    border: 1px solid red;
	    z-index: 10;
	}
}
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать адаптивное меню для сайта?

    @Dvoeglazov
    https://www.youtube.com/watch?v=idFVb6olzSw&index=...
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать фон видимым?

    @Dvoeglazov Автор вопроса 
    <body>
<div class="third_stage">
		<div class="bg_4">
			<div class="text_bg text_bg_4">
				<h2>3 Этап</h2>
				<h2>Дизайн</h2>
				<p>Подготовив гайдлайн приступили к разработке дизайна приложения.</p>
				<p>Интерфейс выполнен в “плоском” стиле. При разработке дизайна очень важно было учитывать простоту и скорость трансформации интерфейса под другие игры в следующих версиях приложения. Выбранный стиль отлично подошел для решения этой задачи.</p>
				<p>Помимо элементов интерфейса и иконок разработаны уникальные иллюстрации для главного меню приложения — “Игры”, “Призы”, “Рейтинги”.</p>
			</div>
		</div>
	</div>
</body>


    .third_stage {
	
	background: linear-gradient(30deg, #315a7b 30%, #6b5a7b 30%, #6b5a7b 100%);
	min-width: 1235px;
	position: relative;
	z-index: 20;
}

.bg_4 {
	background: url(../images/phone.png) no-repeat 200px top;
	position: relative;
	z-index: 3;
	margin: 0 auto;
	height: 4431px;
	width: 1235px;
	
	outline: 1px solid red;
}

.text_bg_4 {
	background: transparent;
	top: 200px;
	left: 0;
}
    Ответ написан
    Комментировать
    Комментировать