Telegram,      WhatsApp, тел.:
8 (918) 0538468, e-mail: info@webstyling.ru

Как быстро сделать заглушку для сайта

Как быстро сделать заглушку для сайта Это временная страница, которая отображается посетителю при отсутствии сайта, например, когда на сайте проходят технические работы или домен уже куплен, но сайт ещё в разработке, а Вы уже хотите сообщить какую-то информацию посетителям сайта.


1. Заходим на хостинг, находим файловый менеджер(если у вас нет фтп, если есть - делаем через фтп)

2. В корневой папке cjздаем файл index.php

4. Туда же закачиваем все картинки, которые нам необходимы.

5. Копируем в файл код:

<html> <head> <title>Заголовок страницы</title> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Raleway&display=swap" rel="stylesheet"> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> <style>body{font-family: 'Raleway', sans-serif;text-align:center;color:rgb(0, 0, 0);} </head> <body style="background:url(Название картинки с фоном)"> <br><br> <h1>Заголовок</h1><br><br><br> <br><br> <a href="www.blmz.ru"><img src="Имя картинки"><br><br> <p>Здесь ваш текст<p></a></center><br><br><br> <div style="width:100%;height:50px;bottom:0px;position:absolute;left: 0px;"><center>Текст внизу</center></div> </body> </html>

6. Теперь разбираем код и меняем тексты и картинки на свои:

а) Заголовок страницы - подставляем свой заголовок

б) Название картинки с фоном - подставляем имя картинки для фонового изображения(например: apple.jpg)

в) Название картинки с фоном - подставляем имя картинки для фонового изображения, если она есть, если нет - оставляем незаполненным (например: apple.jpg)

г) Здесь ваш текст - добавляем текст. д) Имя картинки - подставляем имя картинки(например: apple.jpg)

е) Как добавить ещё изображение?
<img src="Имя картинки">

ё) Как изменить цвет текста? Вместо #000 подставляем свой номер.

Кликните, чтобы выбрать номер:


Возврат к списку

Мы используем файлы cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.