[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Подключение файла
Страницы: 1, 2, 3
Bugs_bunny
Здравствуйте. Создаю пробную версию сайта. Заголовок (head) создаю в отдельном файле (header.php) и подключаю его в index.php: <?php include 'header.php';?>. Подключил css в <head>:
<link rel ="stylesheet" href="style.css" type="text/css">
<meta charset="utf-8">
В файле css прописываю параметры шапки: background-color: red; width: 100%; height: 150 px. Кроме цвета, в шапке ничего не меняется. Почему? Заранее спасибо.
Valick
Bugs_bunny, есть такая поговорка, лучше один раз увидеть, чем сто раз услышать. В данном случае лучше один раз увидеть код.

_____________
Стимулятор ~yoomoney - 41001303250491
Bugs_bunny
Код файла css я написал, ссылку на файл написал. Какой код написать?
Valick
Цитата (Bugs_bunny @ 2.08.2019 - 20:39)
Какой код написать?

полный такой обычный код, без какого либо околокодового словоблудия...
зачем писать "В файле css прописываю параметры шапки: background-color: red; width: 100%; height: 150 px."
если можно написать так:
файл style.css
header {
background-color: red;
width: 100%;
height: 150 px;
}


_____________
Стимулятор ~yoomoney - 41001303250491
Bugs_bunny
Содержимое файлов:

Index.php
<?
error_reporting(-1);
ini_set('display_errors',1);
header('Content-Type: text/html; charset=utf-8');
$page=(isset($_GET['page']) ? $_GET['page'] : 'main');
?>
<html>
<head>
<h>
<link rel ="stylesheet" href="style.css"/>

</h>
<?php include 'header.php';?>
</head>
<body>
<?php include 'body.php';?>
</body>
</html>

body.php
<div>
<bod>Все виды массажа</bod>
</dyv>

header.php
<div>
<title>Студия обучения и практики массажа</title>

<ge>
Курсы и практики массажа
</ge>

</div>

style.css
ge {background-color: red; font-size:21pt; width:100%; height:150px;}
bod {background-color: blue; width: 100%; height:200px;}


Bugs_bunny
Всё переделал. Продолжать в этой же теме или создавать новую?
Valick
Bugs_bunny, продолжай в этой. Я тут сделал пару набросков в понятном для вас виде, но времени нет всё почистить и оформить логически завершённо.


_____________
Стимулятор ~yoomoney - 41001303250491
Bugs_bunny
Спасибо, Valick. По совету сделал через классы. Новый файл style.css: .con1 {background: blue; height: 15vh; color: red; text-align: center; font-size: 8vh;}. Через include подключил его в header.php. всё работает. В header две строки, разделенные </ br> на разные строки. Меняю вторую строчку в классе. Создаю ещё один класс и подключаю его ко второй строке через <span class="name_of_class">мой текст</span>. В новом классе прописываю {font-size: 4vh; text-align: left; color: grey;}. Из свойств второго класса не изменилось только text-align: left. Как это можно исправить? И не могу понять: почему меняется свойство во втором классе, такое, как и в первом (наследования здесь не увидел)? Valick, если сможете, напишите свой вариант.
Valick
Bugs_bunny, у тебя трудности с пониманием, что куда и как нужно подключать.

index.php


<?php
error_reporting(E_ALL);
ini_set('display_errors', 'On');
header('Content-Type: text/html; charset=utf-8');

$content = array();

$page = isset($_GET['page'])?trim($_GET['page']):'';

switch ($page) {
case '':
case 'home':
if (file_exists('home.php')){
$content[] = include('home.php');
$style[] = '<link rel ="stylesheet" href="style1.css" type="text/css">';
}
break;
case 'about':
if (file_exists('about.php')){
$content[] = include('about.php');
$style[] = '<link rel ="stylesheet" href="style3.css" type="text/css">';
$style[] = '<link rel ="stylesheet" href="style4.css" type="text/css">';
}
break;
case 'contact':
if (file_exists('contact.php')){
$content[] = include('contact.php');
$style[] = '<link rel ="stylesheet" href="style2.css" type="text/css">';
}
break;
default:
header("Location:404.php");
exit;
}

include('header.php');
if(!empty($content)){
echo implode(PHP_EOL, $content);
}
include('footer.php');


header.php


<?php
$page = isset($_GET['page'])?trim($_GET['page']):'';
$home= $about = $contact = '';
switch ($page) {
case '':
case 'home':
$home = 'class = "current"';
break;
case 'about':
$about = 'class = "current"';
break;
case 'contact':
$contact = 'class = "current"';
break;
}
?>
<!DOCTYPE HTML>
<
html>
<
head>
<
meta charset="utf-8">
<
title>SiteName</title>
<?php
if(!empty($style)){
echo implode(PHP_EOL, $style);
}
?>
</head>
<
body>
<
header>
<
nav class="top-menu">
<
ul class="menu-main">
<
li><a href="?page=home"<?=$home;?>>Главная</a></li>
<
li><a href="?page=about"<?=$about;?>>О нас</a></li>
<
li><a href="?page=contact"<?=$contact;?>>Контакты</a></li>
</
ul>
</
nav>
</
header>


footer.php


<footer>
<
center>
2019 - 20хх Всх прав не защитить (етить колотить)
</
center>
</
footer>
</
body>
</
html>


home.php


<?php
return <<<HTML
<div>
<center><h1>Главная страница сайта (внезапно)</h1></center>
<blockquote>
<p>Масса́ж (от фр. masser) — совокупность приёмов механического и рефлекторного воздействия на ткани и органы в
виде растирания, давления, вибрации, проводимых непосредственно на поверхности тела человека как руками, так и
специальными аппаратами через воздушную, водную или иную среду с целью достижения лечебного или иного эффекта.</p>
<p>Дополнительно к механическим воздействиям, для усиления эффекта, применяют в первую очередь массажные масла,
а также различные ароматические, благовонные масла, лекарственные мази, гели, другие препараты и температурные
воздействия (например, криомассаж).</p>
<p>Из вышеперечисленного списка специалисты отдают своё предпочтение массажным маслам, поскольку именно они представляют
собой уже готовые смеси, созданные именно для массажа, и учитывают всю специфику процесса (обеспечивают скольжение
рук массажиста и определённым образом действуют на массируемого).</p>
<p>Внешние раздражения воспринимаются рецепторами кожи и мышц, рефлекторными точками, и передаются в центральную
нервную систему. Поток импульсов, в зависимости от применяемой техники и приёмов массажа, может стимулировать и
повышать тонус центральной нервной системы, или, наоборот, оказывать на неё затормаживающее и расслабляющее
воздействие, что положительно влияет на деятельность всех физиологических систем организма. При этом грамотное
применение массажных масел определённого состава и направленности, может как усиливать вышеперечисленные воздействия
на нужных участках тела человека, так и снижать их. В целях создания такого дополнительного эффекта применяются
массажные масла, включающие в себя натуральные активные компоненты.</p>
</blockquote>
</div>

HTML;
?>


about.php


<?php
return <<<HTML
<div>
<center><h1>Мало кто о нас знает, еще меньше тех кто хочет узнать...</h1></center>
<center><h3>и не прийти.</h3></center>
<blockquote>
<h1>Allure — уникальный эстетик-центр в Воронеже</h1>
<ul>
<li>Вы успешны, благополучны и намерены всегда оставаться «на высоте»?</li>
<li>Вы привыкли консультироваться только с экспертами в области красоты и здоровья?</li>
<li>Вы цените свое время и не намерены «разбрасываться» деньгами?</li>
<li>Высокоэффективные технологии — это именно то, что Вы давно искали?</li>
</ul>
<p>Тогда, уважаемый посетитель, Вы попали по адресу, ведь наши клиенты, испытав все прелести первоклассного сервиса, рекомендуют «<strong>Allure</strong>» своим коллегам, друзьям и знакомым. Почувствовав себя в центре внимания, ощутив настоящее блаженство души и тела, воронежцы с радостью и удивлением отмечают:</p>
<ul>
<li>«королевский прием»,</li>
<li>«изысканный интерьер»,</li>
<li>«необыкновенную атмосферу»,</li>
<li>«внимательность, профессионализм и чувство юмора мастеров»,</li>
<li>«новизну и эффективность процедур».</li>
</ul>
</blockquote>
</div>

HTML;
?>


contact.php


<?php
$phone = '322-223';
return <<<HTML
<div>
<center><h1>Нас не легко найти, еще сложнее потерять...</h1></center>
<center><h3>и невозможно забыть.</h3></center>
<center>
<table cellspacing="20">
<tbody>
<tr>
<td valign="top" align="left"><strong><a style="font-style: italic;" title="салон красоты Воронеж" href="http://www.allure-beauty.ru/">Эстетик-центр ALLURE</a></strong><span style="font-style: italic;"><strong> </strong>  </span><br style="font-style: italic;"><span style="font-style: italic;">Ежедневно с 9:00-21:00</span><br style="font-style: italic;"><span style="font-style: italic;">Воскресенье с 9:00-21:00</span> </td>
<td valign="top" align="center">
<address>г. Воронеж, 20 летия ВЛКСМ, д.55<br />
+7 (473)
$phone<br />
+7 (960)
$phone</address>
<p>E-mail: <a href="mailto:salon@allure-beauty.ru">salon@allure-beauty.ru</a></p>
<p> </td>
<td valign="top" align="center">
<address>г. Воронеж, Карла Маркса, д.45<br />
+7 (473)
$phone<br />
+7 (473)
$phone</address>
<p>E-mail: <a href="mailto:salon@allure-beauty.ru">salon@allure-beauty.ru</a></p>
<p> </td>
</tr>
</tbody>
</table>
</center>
</div>

HTML;
?>


404.php


<!DOCTYPE HTML>
<
html>
<
head>
<
meta charset="utf-8">
<
title>SiteName</title>
<
link rel ="stylesheet" href="style.css" type="text/css">
</
head>
<
body>
<
center>
<
div>
<
h1>404</h1>
<
img src="https://assets.answersingenesis.org/art/404.jpg" alt="Missing Link">
<
h3>Sorry, that link is missing.</h3>
</
div>
</
center>
</
body>
</
html>



Стили положил в архив

_____________
Стимулятор ~yoomoney - 41001303250491
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.