• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: Yuri_G  
Размещение картинки в центре нижней части сайта
zloykitaec7
Сообщений: 474
Репутация: 143

Сообщение # 1 | 16:18:06
Всем привет, помогите разместить картинку zloykitaecRAR(которая в самом низу сайта) на место картинки, которая чуть повыше, то есть в центре нижней части. Вот сайт

$VITALIK$
Сообщений: 299
Репутация: 79

Сообщение # 2 | 16:36:29
Цитата (zloykitaec7)
Всем привет, помогите разместить картинку zloykitaecRAR(которая в самом низу сайта) на место картинки, которая чуть повыше, то есть в центре нижней части. Вот сайт


Цитата
<img src="/images/RAR2.png" onmouseover="this.src='/images/RAR2.png';" onmouseout="this.src='/images/RAR1.png';" title="описание">

Ну она у вас и вверху и внизу стоит. Не совсем понятно вместо какой картинки ? Покажите на скрине.

Добавлено (28 Авг 2013, 16:36:29)
---------------------------------------------
zloykitaec7, Вроде понял . Замените это
Код
<a href="http://wiki.joomlart.com/wiki/JA_Template_Framework/Overview" target="_blank" id="t3_logo">Powered by T3 Framework</a>


на это
Код
<img src="/images/RAR2.png" onmouseover="this.src='/images/RAR2.png';" onmouseout="this.src='/images/RAR1.png';" title="описание">


Это находиться в нижней части сайта.

Россия Чемпион !!!
Сообщение отредактировал $VITALIK$ - Среда, 28 Авг 2013, 16:37:46
zloykitaec7
Сообщений: 474
Репутация: 143

Сообщение # 3 | 16:37:55

$VITALIK$
Сообщений: 299
Репутация: 79

Сообщение # 4 | 16:39:12
zloykitaec7, Вот Соответственно левую удалите.

Россия Чемпион !!!
Сообщение отредактировал $VITALIK$ - Среда, 28 Авг 2013, 16:40:46
zloykitaec7
Сообщений: 474
Репутация: 143

Сообщение # 5 | 16:39:22
Добрый день, подскажите как переместить картинку в нужную мне область. Вот мой сайт мне нужно переместить картинку DICE(в самом низу, картинка справа от EA) чуть ниже и левее, как это сделать?

Sentimo
Сообщений: 681
Репутация: 158

Сообщение # 6 | 16:39:32
zloykitaec7, Надо вырвать этот DICE из дива grid12, обернуть его в свой див и поместить перед дивом container_24.
zloykitaec7
Сообщений: 474
Репутация: 143

Сообщение # 7 | 16:39:42
Вот код, только я ничего не пойму, что нужно вырвать)
Код
<div class="grid_12">
         <h3>Top Games:</h3>
          <ul class="list l1">
          <li><a href="#"><span>1.</span>Lorem ipsum dolor sit amet </a></li>
          <li><a href="#"><span>2.</span>Conse ctetur adipisicing </a></li>
          <li><a href="#"><span>3.</span>Elit sed do eiusmod tempor</a></li>
          <li><a href="#"><span>4.</span>Incididunt ut labore </a></li>
          <li><a href="#"><span>5.</span>Et dolore magna aliqua</a></li>
<a href="http://www.ea.com/ru/" target="_blank" onmouseover="window.status='EA';  return true;" onmouseout="window.status='';  return true;">
<img src="images/logo-ea.png" width="52" height="52" border="0" alt="EA"></a>
<a href="http://www.dic.se/" target="_blank" onmouseover="window.status='DICE';  return true;" onmouseout="window.status='';  return true;">
<img src="images/logo-dice.png"  width="157" height="39" border="0" alt="DICE"></a>
<a href="http://www.dic.se/" target="_blank" onmouseover="window.status='FROSTBITE';  return true;" onmouseout="window.status='';  return true;">
<img src="images/logo-frostbite.png"  width="170" height="52" border="0" alt="FROSTBITE"></a>

сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 8 | 16:39:52
zloykitaec7, делаем так:

Берем эти ссылки с картинками вырезаем от туда где они сейчас находятся:

Код
<a href="http://www.ea.com"><img src="/images/ea.png" left="45" alt=""></a>
<a href="http://www.dice.se/frostbite"><img src="/images/frostbite.png" alt=""></a>
<a href="http://www.dice.se"><img src="/images/dice.png" alt=""></a>


Помещаем их в элемент div:

Код
<div class="dice">
<a href="http://www.ea.com"><img src="/images/ea.png" left="45" alt=""></a>
<a href="http://www.dice.se/frostbite"><img src="/images/frostbite.png" alt=""></a>
<a href="http://www.dice.se"><img src="/images/dice.png" alt=""></a>
</div>


И вставляем после кода:

Код
<div class="grid_12">
         <h3>Top Games:</h3>
          <ul class="list l1">
          <li><a href="#"><span>1.</span>Lorem ipsum dolor sit amet </a></li>
          <li><a href="#"><span>2.</span>Conse ctetur adipisicing </a></li>
          <li><a href="#"><span>3.</span>Elit sed do eiusmod tempor</a></li>
          <li><a href="#"><span>4.</span>Incididunt ut labore </a></li>
          <li><a href="#"><span>5.</span>Et dolore magna aliqua</a></li>

          </ul>
       </div>


В стили вставляем вот это:

Код
.dice {
float: left;
padding-top: 120px;
}


После ищем в стилях:

Код
.container_24 .grid_12 {
width: 470px;
}


И изменяем на:

Код
.container_24 .grid_12 {
width: 450px;
}


Еще ищем:

Код
.foot_top {
background: #292929;
padding-bottom: 28px;
}


И изменяем на:

Код
.foot_top {
background: #292929;
padding-bottom: 10px;
}


Вроде бы все.
zloykitaec7
Сообщений: 474
Репутация: 143

Сообщение # 9 | 16:40:02
condor-bird, только длиннее низ сайта стал(

Сообщение отредактировал zloykitaec7 - Суббота, 24 Авг 2013, 20:29:57
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 10 | 16:40:12
Цитата (zloykitaec7)
правильно ли, ибо у мня ничего не изменилось


Не все видно вставил, там где нужно. Не поставлено:

Код
.dice {
float: left;
padding-top: 120px;
}


добавь туда еще margin-left: 220px;

Добавлено (24 Авг 2013, 20:35:55)
---------------------------------------------
Прописал уже? Так вот сделай:

Код
.dice {
float: right;
padding-top: 25px;
padding-left: 220px;
}
zloykitaec7
Сообщений: 474
Репутация: 143

Сообщение # 11 | 16:40:22
Всем привет, помогите настроить на странице медиа низ сайта. Мне нужно переместить менюшку "Мы в соц. сетях" к меню"Навигация" а на место там где сейчас расположены соц.сети добавить 4картинки, которые находятся под "Навигация" и "Мы в соц.сетях". Вот скрин

Ljubasha
Сообщений: 834
Репутация: 157

Сообщение # 12 | 16:40:32
zloykitaec7, Такими темпами, за тебя весь сайт переберут biggrin
Красное удалить.
.container_24 .grid_12 {
width: 470px;
}
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 13 | 16:40:42
zloykitaec7, найти в css:

Код
.container_24 .grid_12 {
width: 470px;
}


Заменить на:

Код
.container_24 .grid_12 {
width: 260px;
}
zloykitaec7
Сообщений: 474
Репутация: 143

Сообщение # 14 | 16:40:52
condor-bird, не получилось

Добавлено (25 Авг 2013, 19:13:35)
---------------------------------------------
Я grid_12 переименовал в grid_4, можно ли 4 картинки чуть чуть опустить в низ, и оттолкнуть вправо?


сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 15 | 16:41:02
Цитата (zloykitaec7)
condor-bird, не получилось


почему не получилось? передвинул же... wacko

Цитата (zloykitaec7)
можно ли 4 картинки чуть чуть опустить в низ, и оттолкнуть вправо?


В стили:

Код
#Table_01 {
margin: 20px 40px;
float: left;
}
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!