Ответы пользователя по тегу PHP
  • Как подружить Atom Beautify и PHP?

    reskwer
    @reskwer
    front-end developer
    Проблема в глобальной переменной php
    1. Качаем с cs.sensiolabs.org файл php-cs-fixer.phar (там есть большая копка инсталл)
    2. Пишем путь настройках бьютифаера и ставим галочку "Beautify On Save"

    6193710c0d134b6e95816beb259da6bf.png
    3. Заходим Свойства системы > Переменные среды >
    в переменные PATH и переменной Path добавляем путь к вашему PHP серверу обратите внимание на то что перед тем как писать путь, вам нужно поставить ;
    5ffd88d0cc7f49bb8612899636349f3e.png
    У меня OpenServer по этому C:\OpenServer\modules\php\PHP-7.0-x64,
    Если у вас тоже OpenServer, учтите что в нем много версий php, для того что бы точно определить какая у вас версия, зайдитеOpenServer > Настройки > модули и укажите тот который у вас.
    1b2c17d96d904955b92ae0e9d53e6752.png
    Перезагрузите Атом и попробуйте сохранить любой php файл, все должно работать.

    Если у кого-то не сработало
    Проверяем, все ли правильно вы сделали.

    Запускаем cmd (WIN+R пишем cmd) в запустившимся окне пишем PATH и Path
    ba76dd93e1fd4f118d65beddde14ff73.png
    если в конце строк будут ваши пути, то вы сделали все правильно, попробуйте перезагрузить компьютер и еще рас запустить атом.

    Если после перезагрузки не заработало
    Запускаем cmd (WIN+R пишем cmd) в запустившимся окне пишем php если вам выдало сообщение:
    "php" не является внутренней или внешней
    командой, исполняемой программой или пакетным файлом.

    Значит не правильно указан путь к серверу PHP, проверьте правильно ли вы указали путь в переменных PATH и Path.
    Ответ написан
  • Как сверстать вот такой вот sidebar?

    reskwer
    @reskwer
    front-end developer
    Опять же, ШРИФТОВ НЕТ, верстка без PSD.
    Как то так codepen.io/reskwer/pen/XJpNpO
    С треугольником на Видео, не стал заморачиватся, сделал обычный в rgba 0.5+
    index.html
    <!DOCTYPE html>
    <html lang="ru-RU">
    <head>
    	<meta charset="UTF-8">
    	<meta name="author" content="reskwer">
    	<title>Что-то на CodePen</title>
    	<link rel="stylesheet" href="style.css">
    </head>
    <body>
    	<div class="sidebar">
    		<div class="facebook">
    			<h1>Facebook block</h1>
    			<div class="facebook-api">
    				<p>В этот блок программист прикрутит facebook API like</p>
    			</div>
    		</div>
    		<div class="photo">
    			<h1>Latest picture galleries</h1>
    			<div class="wiver one">
    				<h2>Navn og tekst til billede</h2>
    				<img src="http://placehold.it/120x76" alt="img">
    			</div>
    			<div class="wiver two">
    				<h2>Navn og tekst til billede</h2>
    				<img src="http://placehold.it/120x76" alt="img">
    			</div>
    			<a href="#" class="more">more pictures</a>
    		</div>
    		<div class="video">
    		<h1>Latest picture galleries</h1>
    			<div class="wiver one">
    				<h2>Navn og tekst til billede</h2>
    				<img src="http://placehold.it/120x76" alt="img">
    				<div class="circle">
    				</div>
    			</div>
    			<div class="wiver two">
    				<h2>Navn og tekst til billede</h2>
    				<img src="http://placehold.it/120x76" alt="img">
    				<div class="circle">
    				</div>
    			</div>
    			<a href="#" class="more">more pictures</a>
    		</div>
    	</div>
    </body>
    </html>

    style.css
    .sidebar{
    	width: 300px;
    	background: #f0f0f0;
    	font: 100% tahoma,verdana,arial;
    	padding: 0 22px;
    	box-sizing: border-box;
    }
    .facebook,.photo,.video{
    	width: 100%;
    	height: 239px;
    	border-bottom: 2px dotted #777;
    	padding-top: 16px;
    }
    h1{
    	font-size: 93%;
    	font-weight: bold;
    	font-style: italic;	
    }
    h2{
    	font-size: 100%;
    	font-weight: normal;
    	letter-spacing: 1px;
    }
    .wiver{
    	width: 120px;
    	display: inline-block;
    	cursor: pointer;
    }
    .more{
    	display: block;
    	text-decoration: none;
    	background: #e8e8e8;
    	color: black;
    	font-weight: 400;
    	font-style: italic;
    	font-size: 93%;
    	width: 113px;
    	height: 20px;
    	text-align: left;
    	padding: 1px 0 1px 9px;
    	margin: 15px 0 14px 49%;
    	position: relative;
    }
    .more:after{
    	content: ">";
    	display: block;
    	width: 10px;
    	height: 15px;
    	position: absolute;
    	top: 3px;
    	right: 7px;
    	color: #7dc8cd;
    }
    .more:hover{
    	background: #aaa;
    }
    .video .wiver{
    	position: relative;
    }
    .circle{
    	width: 65px;
    	height: 65px;
    	border-radius: 50%;
    	background: rgba(255,255,255,.5);
    	position: absolute;
    	bottom: 9px;
    	left: 26px;
    }
    .circle{
    	width: 55px;
    	height: 55px;
    	border-radius: 50%;
    	background: rgba(255,255,255,.5);
    	position: absolute;
    	bottom: 14px;
    	left: 32px;
    }
    .circle:after{
    	display: block;
    	content: "";
    	position: absolute;
    	bottom: 12px;
    	left: 16px;
    	border: 15px solid transparent;
    	border-left: 30px solid rgba(255,255,255,.7);
    }
    .circle:hover{
    	background: rgba(255,255,255,.7);
    	cursor: pointer;
    }
    .circle:hover:after{
    	border-left: 30px solid rgba(255,255,255,.9);
    }
    Ответ написан
  • Kак мне сверстать сайт?

    reskwer
    @reskwer
    front-end developer
    Верстка без PSD и Не имея шрифтов.. codepen.io/reskwer/pen/JoEXWP
    Что получилось :)
    1fc8f66c9a8c4d7db33edac04b94cca7.jpg
    index.html
    <!DOCTYPE html>
    <html lang="ru-RU">
    <head>
    	<meta charset="UTF-8">
    	<meta name="author" content="reskwer">
    	<title>Что-то на CodePen</title>
    	<link rel="stylesheet" href="style.css">
    </head>
    <body>
    	<div class="block">
    		<span>News</span><span>|</span><span>15 october 2011 - 18:32</span>
    		<h1>Lorem ipsum dolor.</h1>
    		<img src="http://placehold.it/250x150" alt="img">
    		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus dicta, neque suscipit amet ipsa, quidem, nisi ratione non ex magni et excepturi quaerat atque facere ad facilis, explicabo accusantium magnam.</p>
    		<a href="#">read more</a>
    	</div>
    </body>
    </html>

    style.css
    body{
    	font-family: tahoma,verdana,arial;
    	padding: 25px;
    }
    .block{
    	width: 600px;
    	height: 250px;
    	border-bottom: 2px dotted #ccc;
    	position: relative;
    }
    .block img{
    	float: left;
    	margin: 0 8% 0 1%;
    	border: 3px solid #000;
    	border-radius: 3px;
    }
    .block span:nth-child(1){
    	font: italic 120% tahoma;
    }
    .block span:nth-child(2){
    	color: #ccc;
    	display: inline-block;
    	padding: 0 15px;
    }
    .block span:nth-child(3){
    	font-size: 80%;
    	color: #ccc;
    }
    .block h1{
    	font-size: 140%;
    }
    .block a{
    	display: block;
    	background: #eee;
    	color: black;
    	font-style: italic;
    	width: 100px;
    	height: 22px;
    	position: absolute;
    	right: 20px;
    	text-align: center;
    	text-decoration: none;
    }
    Ответ написан