Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

Русский язык для плагина N3T Cookie consent

Вставка VK VIDEO v.1.2.4 - плагин для Joomla

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 1906 Просмотров
*

borro

  • Завсегдатай
  • 1379
  • 22 / 0
  • желаю вам счастья
Как сместить контент с градиентом?
« : 14.10.2011, 15:37:11 »
Переделываю шаблон с градиентом в шапке под себя. Вот html:
Код
<body>
<div id="main">
    <div id="main2">
       <div class="mask roundedCorners">
            <div class="gradient">
               <div id="header">Шапка</div>
                    <p>Привет мир!</p>
                    <p>Привет мир!</p>
                    <p>Привет мир!</p>                     
            </div>
        </div>
	</div>
</div>        
</body>
     

А вот CSS:
Код
* {
    margin: 0;
    padding: 0;
}
body {
	font: 14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #003;
	background: url(images/bg.jpg) repeat;
}
#main {
	width: 100%;
	text-align: center;
	background: url(images/bg2.jpg) repeat-x top;
	position: relative;
}
#main2 {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	text-align: left;
}
.mask
{
    overflow: hidden;
}
.roundedCorners
{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.gradient
{
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fee183',GradientType=0 ); /* IE6-9 */
	background: -webkit-gradient(linear, left top, left bottom, from(#fee183), to(#ffffff)); /* for webkit browsers */
 	background: -moz-linear-gradient(top,  #fee183,  #ffffff); /* for Firefox 3.6+ */
	behavior: url(PIE.htc);
}

В итоге область контента с градиентом задирается кверху страницы. Если добавляю margin сверху темный текстурный градиент начинается не сверху страницы.http://files.mail.ru/0WDLEX?t=1

Подскажите, как опустить оранжевую область, оставив текстурный градиент вверху?

 
Записан
*

Kasumi

  • Захожу иногда
  • 70
  • 4 / 0
Re: Как сместить контент с градиентом?
« Ответ #1 : 14.10.2011, 16:06:03 »
#main2 {
   margin: 10px auto;
}

Поле будет отступать от верхнего и нижнего края страницы на 10px.
Записан
*

borro

  • Завсегдатай
  • 1379
  • 22 / 0
  • желаю вам счастья
Re: Как сместить контент с градиентом?
« Ответ #2 : 14.10.2011, 16:09:42 »
Цитата: Kasumi от 14.10.2011, 16:06:03
#main2 {
   margin: 10px auto;
}

Поле будет отступать от верхнего и нижнего края страницы на 10px.
в этом случае текстурный градиент фона тоже едет вниз. Помог padding-top в #main
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Прокрутка содержимого сайта.(как сделать что бы фон не менялся а контент крутился вниз?)

Автор ekonomizer

 Ответов: 3
Просмотров: 4378 		Последний ответ 03.02.2016, 12:25:34
от monek
Частично контент ск

Автор Unexplored

 Ответов: 6
Просмотров: 1375 		Последний ответ 17.08.2013, 15:35:55
от ELLE
Сместить форму регистрации

Автор Гринвич

 Ответов: 9
Просмотров: 1866 		Последний ответ 05.06.2013, 02:49:43
от Гринвич
Сместить один пункт меню вправо

Автор kondra

 Ответов: 1
Просмотров: 1583 		Последний ответ 07.03.2013, 05:39:03
от Immortal_pony
К чему столько дивов в контент?

Автор avex

 Ответов: 2
Просмотров: 1263 		Последний ответ 22.01.2013, 15:42:09
от avex