Перейти к содержимому


Дизайн Главной Страницы

главная страница оформление

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 65

#41 AnnaM

AnnaM

    Активный участник

  • Модератоpы
  • 1 040 сообщений

Отправлено 01 Октябрь 2014 - 11:53

Просмотр сообщенияVkusnovarit (01 Октябрь 2014 - 11:44) писал:

Ок, все сделал.
А почему картинку не получается сменить?
И картинка  5% совсем с права в конце экрана, как передвинуть левее.
в HTML замените
<a href="Ссылка на страницу" style="position: absolute;right: 0;top: 220px;">
<img src="http://st.vkusnovarit.ru/8/1368/397/5_.png">
</a>
на
<a href="Ссылка на страницу" style="position: absolute;right: 130px;top: 220px;">
<img src="http://st.vkusnovarit.ru/8/1368/397/5_.png">
</a>


#42 Nikolay

Nikolay

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородМосква

Отправлено 01 Октябрь 2014 - 11:59

Просмотр сообщенияAnnaM (01 Октябрь 2014 - 11:53) писал:

в HTML замените
<a href="Ссылка на страницу" style="position: absolute;right: 0;top: 220px;">
<img src="http://st.vkusnovarit.ru/8/1368/397/5_.png">
</a>
на
<a href="Ссылка на страницу" style="position: absolute;right: 130px;top: 220px;">
<img src="http://st.vkusnovarit.ru/8/1368/397/5_.png">
</a>

Ок, благодарю, а картинки сами как менять?

#43 AnnaM

AnnaM

    Активный участник

  • Модератоpы
  • 1 040 сообщений

Отправлено 01 Октябрь 2014 - 12:04

Просмотр сообщенияVkusnovarit (01 Октябрь 2014 - 11:59) писал:

Ок, благодарю, а картинки сами как менять?
загружаете новые изображения и в тегах
<img src="http://st.vkusnovarit.ru/8/1368/397/5_.png">
в параметре  src="http://st.vkusnovari...368/397/5_.png" прописываете адрес картинки. 5_.png это название.

#44 Nikolay

Nikolay

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородМосква

Отправлено 01 Октябрь 2014 - 12:17

Да. я сообразил.
я пробовал изменить картинку
с <img src="http://st.vkusnovarit.ru/8/1368/400/Kak_vybrat_.png">
на <img src="http://st.vkusnovarit.ru/8/1368/400/Kak_vybrat_...png">
все поменял, а картинка осталась прежняя.

#45 AnnaM

AnnaM

    Активный участник

  • Модератоpы
  • 1 040 сообщений

Отправлено 01 Октябрь 2014 - 12:23

Просмотр сообщенияVkusnovarit (01 Октябрь 2014 - 12:17) писал:

Да. я сообразил.
я пробовал изменить картинку
с <img src="http://st.vkusnovarit.ru/8/1368/400/Kak_vybrat_.png">
на <img src="http://st.vkusnovarit.ru/8/1368/400/Kak_vybrat_...png">
все поменял, а картинка осталась прежняя.
Узнать правильный адрес изображения можно кликнув правой кнопкой мыши по названию и нажав "Копировать адрес ссылки".

#46 Nikolay

Nikolay

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородМосква

Отправлено 01 Октябрь 2014 - 12:27

Все, спасибо, все понял. :)

#47 Nikolay

Nikolay

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородМосква

Отправлено 01 Октябрь 2014 - 12:34

А вот это что за код? за что он отвечает?

далее добавьте в конец файла main.css
.kartinkalogo {
position: absolute;
right: 200px;
}
.kartinkalogo img {
display: list-item;
}
Ирина345 его указана, но я его не вставлял

#48 Alekseys

Alekseys

    Активный участник

  • Модераторы
  • 2 355 сообщений

Отправлено 01 Октябрь 2014 - 12:37

Просмотр сообщенияVkusnovarit (01 Октябрь 2014 - 12:34) писал:

А вот это что за код? за что он отвечает?

далее добавьте в конец файла main.css
.kartinkalogo {
position: absolute;
right: 200px;
}
.kartinkalogo img {
display: list-item;
}
Ирина345 его указана, но я его не вставлял
position: absolute; привязывает к конкретным координатам
right: 200px; отступ от правого края 200px (нормально работает только при position: absolute;)
display: list-item; выстраивает элементы в линию

#49 Nikolay

Nikolay

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородМосква

Отправлено 01 Октябрь 2014 - 12:49

Просмотр сообщенияAlekseys (01 Октябрь 2014 - 12:37) писал:

position: absolute; привязывает к конкретным координатам
right: 200px; отступ от правого края 200px (нормально работает только при position: absolute;)
display: list-item; выстраивает элементы в линию

Благодарю.

#50 Nikolay

Nikolay

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородМосква

Отправлено 02 Октябрь 2014 - 17:21

Добрый день.
Необходимо вставить 4 блока (картинки с ссылками на статьи)
Макеты картинок залил на сайт (Aktsii_i_spetspred.png  Garantiya_kachestva.png  Interesno_pochitat.png   Retsepty_guru.png)
вот скрин

#51 Danil

Danil

    Активный участник

  • Модераторы
  • 4 645 сообщений

Отправлено 02 Октябрь 2014 - 17:31

Просмотр сообщенияVkusnovarit (02 Октябрь 2014 - 17:21) писал:

Добрый день.
Необходимо вставить 4 блока (картинки с ссылками на статьи)
Макеты картинок залил на сайт (Aktsii_i_spetspred.png  Garantiya_kachestva.png  Interesno_pochitat.png   Retsepty_guru.png)
вот скрин
Здравствуйте.
В шаблоне html перед строкой
<div id="topobj"></div>
Вставьте код
<div class="noviyblock">
	 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}название картинки"></a>
	 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}название картинки"></a>
	 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}название картинки"></a>
	 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}название картинки"></a>
</div>
В main.css добавьте код
.noviyblock {
width:1000px;
height:200px;
}
.noviyblock a {
float:left;
}
Произведите изменения, а после отредактируем местоположение картинок.

#52 Nikolay

Nikolay

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородМосква

Отправлено 02 Октябрь 2014 - 18:17

Просмотр сообщенияDanil (02 Октябрь 2014 - 17:31) писал:

Здравствуйте.
В шаблоне html перед строкой
<div id="topobj"></div>
Вставьте код
<div class="noviyblock">
	 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}название картинки"></a>
	 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}название картинки"></a>
	 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}название картинки"></a>
	 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}название картинки"></a>
</div>
В main.css добавьте код
.noviyblock {
width:1000px;
height:200px;
}
.noviyblock a {
float:left;
}
Произведите изменения, а после отредактируем местоположение картинок.

Все сделал как указали.

#53 Nikolay

Nikolay

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородМосква

Отправлено 02 Октябрь 2014 - 18:32

Просмотр сообщенияDanil (02 Октябрь 2014 - 17:31) писал:

Здравствуйте.
В шаблоне html перед строкой
<div id="topobj"></div>
Вставьте код
<div class="noviyblock">
	 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}название картинки"></a>
	 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}название картинки"></a>
	 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}название картинки"></a>
	 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}название картинки"></a>
</div>
В main.css добавьте код
.noviyblock {
width:1000px;
height:200px;
}
.noviyblock a {
float:left;
}
Произведите изменения, а после отредактируем местоположение картинок.

Тут косячек вылез!

#54 Danil

Danil

    Активный участник

  • Модераторы
  • 4 645 сообщений

Отправлено 03 Октябрь 2014 - 06:28

Просмотр сообщенияVkusnovarit (02 Октябрь 2014 - 18:32) писал:

Тут косячек вылез!
Здравствуйте.
В шаблоне html после кода
<div class="noviyblock">
		 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}Garantiya_kachestva.png"></a>
		 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}Aktsii_i_spetspred.png"></a>
		 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}Interesno_pochitat"></a>
		 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}Retsepty_guru"></a>
Вставьте
</div>


#55 Nikolay

Nikolay

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородМосква

Отправлено 03 Октябрь 2014 - 08:33

Просмотр сообщенияDanil (03 Октябрь 2014 - 06:28) писал:

Здравствуйте.
В шаблоне html после кода
<div class="noviyblock">
		 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}Garantiya_kachestva.png"></a>
		 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}Aktsii_i_spetspred.png"></a>
		 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}Interesno_pochitat"></a>
		 <a href="Ссылка на статью"><img src="{ASSETS_IMAGES_PATH}Retsepty_guru"></a>
Вставьте
</div>

Благодарю. теперь размещение картинок нужно доделать.

#56 Danil

Danil

    Активный участник

  • Модераторы
  • 4 645 сообщений

Отправлено 03 Октябрь 2014 - 08:58

Просмотр сообщенияVkusnovarit (03 Октябрь 2014 - 08:33) писал:

Благодарю. теперь размещение картинок нужно доделать.
В коде который Вы вставляли для изображений после
src
поставьте =

#57 Nikolay

Nikolay

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородМосква

Отправлено 03 Октябрь 2014 - 09:18

Просмотр сообщенияDanil (03 Октябрь 2014 - 08:58) писал:

В коде который Вы вставляли для изображений после
src
поставьте =

Вставил, две картинки появились.

#58 Danil

Danil

    Активный участник

  • Модераторы
  • 4 645 сообщений

Отправлено 03 Октябрь 2014 - 09:31

Просмотр сообщенияVkusnovarit (03 Октябрь 2014 - 09:18) писал:

Вставил, две картинки появились.
На данный момент у Вас все картинки на месте.
Чтобы сделать отступ в конец main.css вставьте код
.noviyblock a {
margin-left: 7px;
}
Далее найдите
.noviyblock {
width: 1000px;
height: 200px;
}
И замените на
.noviyblock {
width: 1000px;
height: 121px;
}


#59 Nikolay

Nikolay

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородМосква

Отправлено 03 Октябрь 2014 - 09:49

Просмотр сообщенияDanil (03 Октябрь 2014 - 09:31) писал:

На данный момент у Вас все картинки на месте.
Чтобы сделать отступ в конец main.css вставьте код
.noviyblock a {
margin-left: 7px;
}
Далее найдите
.noviyblock {
width: 1000px;
height: 200px;
}
И замените на
.noviyblock {
width: 1000px;
height: 121px;
}

Еще немного корректировки нужно

#60 Danil

Danil

    Активный участник

  • Модераторы
  • 4 645 сообщений

Отправлено 03 Октябрь 2014 - 10:06

Просмотр сообщенияVkusnovarit (03 Октябрь 2014 - 09:49) писал:

Еще немного корректировки нужно
В main.css найдите
.noviyblock a {
margin-left: 6px;
}
И замените на
.noviyblock img {
width: 25%;
float: left;
}






Темы с аналогичным тегами главная страница оформление

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных