• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: dotbot  
Сообщество uCoz » Архивариус » Корзина » как сделать разрыв на шаблоне (чтобы просвечивал бэкграунд)
как сделать разрыв на шаблоне
Retro¥GAMER
Сообщений: 87
Репутация: 4

Сообщение # 1 | 10:38:03
http://lavka-invaitov.ucoz.ru
нужное место закрашено на картинке красным

Добавлено (14 Авг 2014, 10:38:03)
---------------------------------------------
неужели это невозможно?

Прикрепления: 1697301.png (455.4 Kb)

volviknik
Сообщений: 106
Репутация: 13

Сообщение # 2 | 13:51:08
Цитата Retro¥GAMER ()
неужели это невозможно?
Если я правильно понял, то Вы хотите сделать полосу, чтобы через нее отображался основной фон?
Можно в нужное место вставить блок с прозрачным фоном. Например:

Цитата
<div class="mydiv"></div>
В CSS добавить стили

Цитата
.mydiv {
width: 100%;
height: 20px;
background-color: #ffffff;
opacity: 1; /*задает прозрачность фона, значения 0.1-1*/
filter: alpha(opacity=100); /*прозрачность для IE8 и более ранних версий*/
}
Retro¥GAMER
Сообщений: 87
Репутация: 4

Сообщение # 3 | 19:58:08
volviknik, добавил в PROMO после картинки с описанием этот блок,в css прописал,результата не вижу,в чем может ошибка?

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

Сообщение # 4 | 20:08:12
Retro¥GAMER, убрать в css:

Цитата
.b-white {
background: #FFF;
}


Добавить:

Цитата
.b-logo {
float: left;
width: 280px;
padding: 35px 15px 25px;
margin: 10px 0px 0px -75px;
text-align: center;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFF;
}


Цитата

.b-sidebar {
clear: left;
width: 280px;
margin: 45px 0 0 0;
margin: 1px 0px 0px -75px;
background: #FFF;
}


Цитата
.content-padding {
padding: 20px;
background: #FFF;
margin-top: 15px;

}


Цитата
.mainpage-header {
background: #FFF;
}


Результат:

Прикрепления: 5598678.jpg (111.0 Kb)
Retro¥GAMER
Сообщений: 87
Репутация: 4

Сообщение # 5 | 20:28:09
сondor, сделал,зайди и полюбуйся на артефакты)

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

Сообщение # 6 | 20:40:28
Retro¥GAMER, какие артефакты? Делайте все аккуратно и внимательно и артефакты вас не будут тревожить.
Retro¥GAMER
Сообщений: 87
Репутация: 4

Сообщение # 7 | 20:43:47
сondor, так я и сделал, верхнее горизонтальное меню исчезло и стало вертикальным,уехало лого,неужели не видно?)

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

Сообщение # 8 | 20:45:50
Retro¥GAMER, скобку оторвали.

Цитата
.t-container {
width: 1003px;
margin: auto;
}
/*-----------------------*/
/*Header
-------------------------*/
Retro¥GAMER
Сообщений: 87
Репутация: 4

Сообщение # 9 | 21:20:48
сondor, найс,а как теперь убрать полоску сразу после картинки? и еще интересует как залить другим цветом полосочку после текста под картинкой

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

Сообщение # 10 | 14:31:28
Retro¥GAMER, добавить в css

Код
.mainpage-header {
background: #F00;
}
Retro¥GAMER
Сообщений: 87
Репутация: 4

Сообщение # 11 | 14:56:28
сondor, это перед картинкой,а как закрасить полоску после? и как поменять цвет на нужный? например голубой,синий

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

Сообщение # 12 | 14:58:39
Цитата Retro¥GAMER ()
это перед картинкой,а как закрасить полоску после? и как поменять цвет на нужный? например голубой,синий


Retro¥GAMER, ПЕРЕД какой картинкой? Я указал вам на ПОСЛЕ как и нужно.

Прикрепления: 4342716.jpg (201.9 Kb)
Retro¥GAMER
Сообщений: 87
Репутация: 4

Сообщение # 13 | 15:03:43
сondor, значит я не точно выразился,я хочу подтянуть кусок с текстом наверх ,т.е убрать полосу закрашенную красным,а вторую полосочку закрасить синим\голубым)

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

Сообщение # 14 | 15:12:54
Retro¥GAMER,

В шаблоне глобального блока PROMO изменить класс на другое имя, потому как он используется для другого элемента тоже:

Цитата
<div class="content-padding">
<p class="site-intro center-inner">
</p><p style="text-align: justify;"><span style="font-size:16px;"><span style="font-family:times new roman,times,serif;"><b>Инвайт на закрытый торрент трекер - это возможность найти материал, который вы никогда не сможете достать на открытых трекерах или файлообменниках. Именно здесь сперва появляются новинки фильмов, музыки, игр. Цель нашего сайта предложить вам купить приглашение или аккаунт на тот ресурс, который сможет удовлетворить все ваши потребности!</b></span></span></p>
<p></p>
</div>


например, можете переименовать в content-promo или в любое другое, без разницы и в css прописать стили для этого класса:

Код
.content-promo{
padding: 20px;
background: #FFF;
}


и добавить цвет для:

Цитата
.b-maincontent {
float: right;
width: 902px;
margin: 10px 0px 0px 0px;
margin-right: -105px;
background: #F00;
}
Retro¥GAMER
Сообщений: 87
Репутация: 4

Сообщение # 15 | 15:31:47
Спасибо,вопрос решен

Сообщество uCoz » Архивариус » Корзина » как сделать разрыв на шаблоне (чтобы просвечивал бэкграунд)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: