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

[Николаев Андрей]

Здравствуйте!

Я купил обучающий видеокурс “Киберсант-Вебмастер” у Никиты Королёва, изучил курс “доволен”, сейчас приступил к созданию сайта, но уже в начале создания возникли ошибки и вопросы. Когда покупал диск и смотрел курс, было сказано, что я могу обращаться к авторам за помощью и на специальный форум издательства Info-DVD (по всем возникшим вопросам), но вот решил обратиться.

На 4 DVD диске он посвящен “Созданию сайта на Wordpress” в разделе дизайн в уроке №3 Вы рассказывали о том, как изменять фон. Повторял внимательно каждое действие, создал в фотошопе фон, скопировал картинку, переместил её на диск Zthemez/ default вставил в нужную папку images, сохранил. Потом залез в Dremweawerповторял каждое действие

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #0281ea url(images/bg-body.jpg) top repeat-x;
color: #333;
text-align: center;
}

Думаю сейчас полюбому всё нормально встанет, но нет, случилась следующая картина, я приложил небольшой такой чертёж №1. к письму, там же и написал всю проблему , подскажите пожалуйста как решить эту проблему…

Вопрос №2.

Вот я хочу сделать вот такой вот сайт, прикладываю чертёж №2, в какой последовательности мне лучше всего начать его создавать? Можно ли вообще создать такой сайт на Wordpress?

Подскажите пожалуйста… Заранее спасиюо…

Прикрепленные изображения

• 
• 

[Сергей (ex-Gudvin)]

Думаю сейчас полюбому всё нормально встанет, но нет, случилась следующая картина, я приложил небольшой такой чертёж №1. к письму, там же и написал всю проблему , подскажите пожалуйста как решить эту проблему…

Возможно, в стилях ещё где-то прописаны свойства для body... Попробуйте заменить это:

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #0281ea url(images/bg-body.jpg) top repeat-x;
color: #333;
text-align: center;
}

...на это:

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #0281ea url(images/bg-body.jpg) top repeat-x !important;
color: #333;
text-align: center;
}

Вопрос №2.

Вот я хочу сделать вот такой вот сайт, прикладываю чертёж №2, в какой последовательности мне лучше всего начать его создавать? Можно ли вообще создать такой сайт на Wordpress?

Как нарисовать дизайн сайта с нуля, сверстать его и установить на Wordpress

[Николаев Андрей]

Всё равно не помогло что ещё можно сделать? Что и где ещё может нужно прописать? Подскажите пожалуйста...

[Сергей (ex-Gudvin)]

У темы есть настройки фона? Админпанель -> Внешний вид -> Фон
Если есть, то посмотрите, чтобы там пусто было:



Кеш браузера чистили?

Напишите пути от корня сайта... где лежит картинка и где файл стилей.

[Николаев Андрей]

Я зашёл в админ понель вордпресса... Зашёл внешний вид, там только есть следующие разделы: Темы, Виджеты, Редактор, Изображение и цвет заголовка, залезал во все разделы но не чего похочего на ту картинку которую Вы мне показали нету...

Кеш браузера чистили? Подскажите как это сделать? Я не знаю как его чистить...

Напишите пути от корня сайта, пишу: Z/home/имя-сайта.net/www/wp-content/themes/default/images/bg-body/ Картинка лежит в images (Прикладываю картинку мож дело в ней )

Файл стилей это я так понял CSS находится по следующему адресу: Z/home/имя-сайта.net/www/wp-content/themes/default/style/

Картинка тоненькая -)

Что мне делать дальше?

Прикрепленные изображения

• 

[Сергей (ex-Gudvin)]

/wp-content/themes/default/images/bg-body.jpg

/wp-content/themes/default/style.css

Я правильно понял? Если да, то вышеприведённый код должен работать.

Подскажите как это сделать? Я не знаю как его чистить...

Какой браузер?

Что мне делать дальше?

Ссылку на сайт давайте.

[Николаев Андрей]

Mazila. Opera. Explorer.Adsense

Сайт на локальном сервере...

Как быть? Чё делать? Где ещё можно покавыряться для того чтобы исправить?

[Сергей (ex-Gudvin)]

Mazila

Инструменты -> Стереть недавнюю историю -> Подробности (уберите все галочки кроме "Кэш") -> Очистить сейчас

Как быть? Чё делать? Где ещё можно покавыряться для того чтобы исправить?

Фон body могут перекрывать последующие блоки с фонами.

[Николаев Андрей]

Вопрос. Щас сидел и попытался поподробнее обяснить всю суть и проблему, итак обьясняю: к письму я прикладываю 4 Фотографии и картинку bg-body. В картинках я написал и показал что именно мне нужно, обьяснил как мог поконкретней, аж мозги пухли когда формулировал описание.. Помогите пожалуйста решить эту проблему...

Прикрепленные изображения

• 
• 
• 
• 
• 

[Сергей (ex-Gudvin)]

С помощью стилей данную задачу решить можно, но это будет CSS3, который работает ещё не во всех браузерах... Есть также решения с помощью скриптов...

Чтобы не колдовать со скриптами, и чтобы работало во всех браузерах, Вам нужно в файле header.php, сразу после тега <body> вставить Вашу фоновую картинку и задать ей класс стилей (например "img-bg"):

<img src="images/bg-body.jpg" class="img-bg" />

...Далее, в стилях темы прописать этот класс и задать ему такие свойства:

.img-bg {
	width: 100%;
	height: 100%;
	position: fixed;
}

Важно: Следующему элементу после img (в моей теме это <div id="wrapper">, в котором находится всё остальное содержимое страницы) должно быть задано абсолютное позиционирование и ширина 100%:

#wrapper {
	position:absolute;
	width:100%;
}

Пример смотрите в прикреплённом архиве:

Прикрепленные файлы

•  фоновое изображение на всю страницу.zip   15,79К   106 Количество загрузок:

[Николаев Андрей]

Повторил то, что Вы мне посоветовали неполучилось у меня решить мою проблему... ... Объясняю, что я делал: зашёл в свою тему, нашёл файл хедер PHP, сразу после тега body я вставил вот это <img src="images/bg-body.jpg" class="img-bg" /> как Вы мне и написали, сохранил...

В CSS файле я вписал .img-bg {
width: 100%;
height: 100%;
position: fixed;
}

#wrapper {
position:absolute;
width:100%;
}

Но не чего не изменилось, чё делать? как быть? Подскажите пожалуйста...

В личку я Вам скинул свои данные для того чтобы Вы меня добавили в группу клиент Info-DVD.Получили Вы их?

[Николаев Андрей]

Ах да ещё: когда всё это я проделал и перешёл на сайт, обновив страницу у меня небыло ни каких изменений в фоне (который мне нужен), но и ещё заметил одно такую вещь, ссылки для перехода в разделы перестали работать, я потом взял удалил вот это <img src="images/bg-body.jpg" class="img-bg" /> и всё стало нормально, то есть ссылки начали работать, чует моя задница что я что не так делаю

[Сергей (ex-Gudvin)]

В CSS файле я вписал

Из старых стилей убрали не нужное?

В CSS файле я вписал

#wrapper { position:absolute; width:100%; }

У Вас в теме после <body> и <img> тоже идёт <div id="wrapper"> ?

Но не чего не изменилось, чё делать? как быть? Подскажите пожалуйста...

Ждать доступа в закрытый раздел и ответа от автора курса.

[Николаев Андрей]

Проблему я решил, сейчас объясню как:

Прикладываю картинку, просьба то, что написано и нарисовано слева вообще не обращать на это внимание. С правой стороны картинки, то есть, то, что я пометил зелёным цветом и есть главное и то как я решил данную проблему…

Итак, объясняю:

В картинке, которую я прикладываю к этому вопросу, есть большая красная стрелка, это скажем так картинка, которую я создал в Фотошёпе, я разместил её на сайте. Ниже картинки находится “фон” цвет фона голубой. Ещё есть стрелка, называется она “нижний цвет картинки”.

Что же я сделал: открыл в Фотошёпе картинку, которую я уже сделал до этого в фотошопе, функцией “пипеткой” навёл на нижнюю часть картинки и узнал её цвет. Далее просто тупо взял заменил цвет “фона” с голубого на тот цвет, который я узнал пипеткой, вот и всё проблема моя исправилась...

Прикрепленные изображения

• 

[Сергей (ex-Gudvin)]

Отлично. Это самое простое решение... Я понял Вас так, что нужно растянуть фоновую картинку на весь экран, и на любой экран... А это уже не так просто.