Новости Joomla

Компонент "Жимолость" v.1.2.0 (ex

Компонент "Жимолость" v.1.2.0 (ex. Спам-оборона для Joomla) Бесплатный компонент работает под Joomla и позволяет защищать формы сайта от атак спам ботов.👩‍💻 v.1.2.0. Что нового?Компонент полностью поддерживает работу с Joomla 6 без необходимости использования плагина совместимости. При этом поддержка Joomla 4 прекратилась, поскольку уже к Joomla 5 отличия между четвертой и пятой версиями были заметны. Компонент бесплатный. Существует версия для Joomla 3. Разработчик - участник нашего сообщества Владимир Егоров (@sitogon)Страница расширения#joomla #расширения

VKGallery — плагин вставки альбомов VK для Joomla.VKGallery — расширение для Joomla 3.x–5

👩‍💻 VKGallery — плагин вставки альбомов VK для Joomla.VKGallery — расширение для Joomla 3.x–5.x, которое позволяет вставлять фотоальбомы ВКонтакте прямо в материалы сайта. Поддерживаются режимы: сетка, слайдер и кирпичная кладка (masonry). Мобильный UX и свайпы в комплекте.- 3 типа галерей: слайдер, сетка и masonry- Быстрая работа. AJAX-подгрузка, кэширование запросов, ленивая загрузка изображений.- Мобильный UX. Свайпы, оптимизация под сенсорное управление и адаптивный дизайн.Плагин использует шорткод {vkgallery type="album_grid"}album-123456789_987654321{/vkgallery}.Страница расширенияДемоРазработчик - участник нашего сообщества Сергей Парфёнов (@Aprol).@joomlafeed#joomla #vk #расширения

Swiper.js, документация на русском языке

👩‍💻 Swiper.js, документация на русском языке.Добавил переводы документации современного скрипта слайдера swiper.js на русский язык. Документация эта относится к плагину веб-ассета для Joomla WT JSwiper, который подключает скрипт нативным для Joomla 4+ способом - с помощью Web Asset Manager.Сегодня добавлены: - Модули: Autoplay- Модули: Grid- Модули: Free Mode- Модули: Manipulation- Эффекты: Затухание (Fade Effect)- Модули: Parallax- Модули: Lazy Loading- Эффекты: Перелистывание (Coverflow Effect)Читать документацию Swiper.js по-русски@joomlafeed#webdev #swiperjs #js #joomla

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

videostream

  • Осваиваюсь на форуме
  • 18
  • 0 / 0
Проблема с установкой background на body.
« : 03.09.2012, 22:45:41 »
Добрый вечер, знатоки :) Нужна ваша помощь.

Написал свой шаблон для Joomla 2.5 (писал первый раз). Работает всё хорошо, на хостинг закинул.
Но мучает одна проблема - есть фоновый рисунок, который повторяется на фоне.
Я сначала написал background: для body, как делают все. Сработало, отлично. Кроме оперы (рисунок ниже).

Через инспектор в хроме понял, что у body почему отпуски сверху и снизу, хотя я их не ставил.

Чувствую что где то страшно накосячил с кодом, но не пойму где - вроде по правилам делал.
Сайт wood-rostov. ru.

Подскажите что делать, а то мне пришлось сделать ужасное - применить background к HTML ))
Записан
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Проблема с установкой background на body.
« Ответ #1 : 03.09.2012, 22:50:56 »
Цитата: videostream от 03.09.2012, 22:45:41
Подскажите что делать, а то мне пришлось сделать ужасное - применить background к HTML ))
Ничего здесь ужасного то нет. Можно так делать. Кто сказал, что это неправильно
Записан
*

voland

  • Легенда
  • 11026
  • 588 / 112
  • Эта строка съедает место на вашем мониторе
Re: Проблема с установкой background на body.
« Ответ #2 : 03.09.2012, 22:59:40 »
reset.css ?
Записан
*

videostream

  • Осваиваюсь на форуме
  • 18
  • 0 / 0
Re: Проблема с установкой background на body.
« Ответ #3 : 03.09.2012, 23:05:25 »
Poznakomlus,
Я просто ни разу на хороших сайтах такого не видел, поэтому кажется что это еще тот костыль.
Да и деревянный фон в создании материалов немного напрягает ))

voland,
В нем ничего не нашел, удалил - всё то же самое.
Или что-то другое нужно было сделать? А то из Вашего сообщения не понятно ))
Записан
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Проблема с установкой background на body.
« Ответ #4 : 03.09.2012, 23:12:42 »
Цитата: videostream от 03.09.2012, 23:05:25
Poznakomlus,
Я просто ни разу на хороших сайтах такого не видел, поэтому кажется что это еще тот костыль.
скоро может и теги HTML и body будут редкостью http://habrahabr.ru/post/143452/
Записан
*

videostream

  • Осваиваюсь на форуме
  • 18
  • 0 / 0
Re: Проблема с установкой background на body.
« Ответ #5 : 03.09.2012, 23:56:24 »
Это всё хорошо, но ошибки никто не видит случайно?
Записан
*

sergoguga

  • Давно я тут
  • 896
  • 70 / 8
  • www.mpbox.ru
Re: Проблема с установкой background на body.
« Ответ #6 : 04.09.2012, 00:19:53 »
а что, в template.css такой код есть?
#shadowbg {
      background-color:#5E7A35;
      width: 920px;
      margin: auto;
      margin-top: 70px;
      padding-top:8px;
      padding-bottom:8px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
}

мне кажется, надо так
Код
margin: 70px auto 0px;
- это если снизу надо 0px
или так -
Код
margin: 70px auto 0px;
- это если и снизу и сверху надо по 70px
« Последнее редактирование: 04.09.2012, 00:23:20 от sergoguga »
Записан
>>> Верстка 100 евро - ждешь новый курс? Пиши!
>>> Создание моб. приложений по ГОСТу)))! Личка работает!
>>> Микроразметка по стандартам - цены адекват! Пиши, не боись!
>>> Личный кабинет на ZOO - уже сделан! Пиши в личку, не стесняйся!
*

sergoguga

  • Давно я тут
  • 896
  • 70 / 8
  • www.mpbox.ru
Re: Проблема с установкой background на body.
« Ответ #7 : 04.09.2012, 00:24:33 »
хотя с другой стороны, опера 12 все нормально кажет!!)))
Записан
>>> Верстка 100 евро - ждешь новый курс? Пиши!
>>> Создание моб. приложений по ГОСТу)))! Личка работает!
>>> Микроразметка по стандартам - цены адекват! Пиши, не боись!
>>> Личный кабинет на ZOO - уже сделан! Пиши в личку, не стесняйся!
*

videostream

  • Осваиваюсь на форуме
  • 18
  • 0 / 0
Re: Проблема с установкой background на body.
« Ответ #8 : 04.09.2012, 00:31:40 »
sergoguga,
Опера нормально показывает, потому что background стоит на <HTML>, если поставить на body - будет фигня.
Если через любой веб-инспектор навести на тег <body>, то будет видно что у него есть отступы сверху и снизу (хотя в свойствах про это ни слова).
Обычно у сайтов <body> занимает всю видимую область, как и <HTML>. А тут какая то ерунда :(
Записан
*

sergoguga

  • Давно я тут
  • 896
  • 70 / 8
  • www.mpbox.ru
Re: Проблема с установкой background на body.
« Ответ #9 : 04.09.2012, 01:06:39 »
ерунда не ерунда, а index.php не помешал бы тут)))
а то обсуждаем последствия)))
Записан
>>> Верстка 100 евро - ждешь новый курс? Пиши!
>>> Создание моб. приложений по ГОСТу)))! Личка работает!
>>> Микроразметка по стандартам - цены адекват! Пиши, не боись!
>>> Личный кабинет на ZOO - уже сделан! Пиши в личку, не стесняйся!
*

videostream

  • Осваиваюсь на форуме
  • 18
  • 0 / 0
Re: Проблема с установкой background на body.
« Ответ #10 : 04.09.2012, 01:11:16 »
Код: html4strict
<?php 
 /**
 * @copyright	Copyright (C) wood-rostov. All rights reserved.*/
 defined('_JEXEC') or die;
 ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
	<head>
		<jdoc:include type="head" />
		<link rel="stylesheet" href="/<?php echo $this->baseurl ?>templates/system/css/system.css" type="text/css" />
		<link rel="stylesheet" href="/<?php echo $this->baseurl ?>templates/system/css/general.css" type="text/css" />
		<link rel="stylesheet" href="/<?php echo $this->baseurl ?>templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
		<link rel="icon" href="/templates/wood/favicon.ico" type="image/x-icon" />
		<link rel="shortcut icon" href="/templates/wood/favicon.ico" type="image/x-icon" />
	</head>
	<body>
	<div id="shadowbg">
		<div id="wrap">
		<div id="mainbody">
			<div id="header">
				<div id="topmenu">
				<jdoc:include type="modules" name="topmenu" />
				</div>
				<div id="logo">
				<jdoc:include type="modules" name="logo" />
				</div>
			</div>
			<div id="greeting">
			<jdoc:include type="modules" name="greeting" style="xhtml" /> 
			</div>
			<div id="sidebar">
			<jdoc:include type="modules" name="sidebar" style="xhtml" /> 
			</div>
			<div id="content">
			<jdoc:include type="component" style="xhtml" />
			</div>
			<div id="bottom">
			<jdoc:include type="modules" name="bottom" style="xhtml" />
			</div>
			<div id="footer">
			<jdoc:include type="modules" name="footer" style="xhtml" />
				<div id="email">
				<jdoc:include type="modules" name="email" style="xhtml" />
				</div>
			</div>
		</div>
		</div>
	</div>
	</body>
</html>
Записан
*

sergoguga

  • Давно я тут
  • 896
  • 70 / 8
  • www.mpbox.ru
Re: Проблема с установкой background на body.
« Ответ #11 : 04.09.2012, 09:29:15 »
и CSS
Записан
>>> Верстка 100 евро - ждешь новый курс? Пиши!
>>> Создание моб. приложений по ГОСТу)))! Личка работает!
>>> Микроразметка по стандартам - цены адекват! Пиши, не боись!
>>> Личный кабинет на ZOO - уже сделан! Пиши в личку, не стесняйся!
*

videostream

  • Осваиваюсь на форуме
  • 18
  • 0 / 0
Re: Проблема с установкой background на body.
« Ответ #12 : 04.09.2012, 10:54:50 »
Код: css
html  {
		
}

body  {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		color: #8b8b8b;
		font-size: .9em;
		margin: 0px;
		padding: 0px;
		background: url(../images/bg.jpg) repeat top;
}

#shadowbg {
		background-color:#5E7A35;
		width: 920px;
		margin: 70px auto 70px;
		padding-top:8px;
		padding-bottom:8px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
}

#wrap  {
		background-image: url(../images/shadow-c.png);
		background-repeat: repeat-x;
		background-color: white;
		width: 902px;
		margin: auto;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
}

#mainbody  {
margin: 0px 40px 0px 40px;
}

#header  { 
		border-bottom: 1px solid #eeeeee;
}

#topmenu ul  {
		margin: 0;
		padding: 0;
}

#topmenu li {
		float:right;
		list-style-type:none;
		width: 9%;
		text-align: center;
		padding-right: 40px;
		padding-top:65px;
}

.active a {
		color: #8a6540;
}

a  {
		color: #8b8b8b;
		text-decoration:none;
}

table {
		border-collapse:collapse;
		border:thin solid #EEE;
		width: 487px;
}

.tgray {
		background-color: gray;
		color: white;
}

td, th {
		border:thin solid #EEE;
}

caption { 
     caption-side: bottom;
}

.item-page a {
		color:#5f452b;
}

h1, h2 {
		color:#6b9a2c;
}

p {
		word-wrap: break-word;
}

a:hover  {
		color: #5f452b;
}

#logo  {
		padding: 25px 0px 0px 0px;
}

#greeting  {
		border-bottom: 1px solid #eeeeee;		
}

#greeting p{
		padding: 10px 0 10px 0;
		line-height:1em;
		font-size: 1em;
}

#greeting ul {
		line-height:1em;
		font-size: 1em;
		list-style: url(../images/dot.png);
}

#content  {
		margin-top: 30px;
		margin-bottom: 30px;
		margin-right: 300px;
}

#sidebar  {
		width: 270px;
		float: right;
		margin-top: 30px;
}

#sidebar h3 {
		margin: 0px;
		margin-bottom: 20px;
		text-align:center;
}

#sidebar li {
		border-top: 1px solid #C8CBCD;
		list-style: none;
}

#sidebar ul {
		margin: 0px;
		padding: 0px;
}

.moduletablebubble {
margin-top:80px;
margin-bottom:40px;
}

.custombubble  {
background: url(../images/bubbleup.jpg), url(../images/bubbledown.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: left top, left bottom;
  height: 119px;
}

.custombubble img {
margin-left: 200px;
}

#bubblehead   {
padding-top: 8px;
}

#bubbledown p {
width: 185px;
padding: 20px;
background-color: #FBFBFB;
margin: 0px;
margin-left: 1px;
border-left: 1px solid #F0F0F0;
border-right: 1px solid #F0F0F0;
line-height: 1.7em;
font-style: italic;
}

.menucatalog a {		
		display: block;
		padding: 6px;
		text-decoration:none;
		color: #8B8B8B;
		border-left: 8px solid white;
}

.menucatalog .current a {
		color: white;
		background-color: #6b9a2c;
		border-left: 8px solid #6b9a2c;
}

.menucatalog .current a:hover {
		color: white;
		background-color: #6b9a2c;
		border-left: 8px solid #6b9a2c;
}
.menucatalog a:hover {
		border-left: 8px solid #6b9a2c;
		color: #5f452b;
}

.items img {
		padding: 5px;
		border: 1px solid #EEE;
}

#footer  {
		padding-bottom: 30px;
		padding-top: 30px;
		clear: right;		
		border-top: 1px solid #eeeeee;
		font-size: .7em;
}

#email {
		float:right;
		position: relative;
		bottom: 28px;
		font-size:1.4em;
}

#email p {
		float: right;
		position: relative;
		bottom: 40px;
		margin-left: 400px;
		margin-top: 45px;
}
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблема с таблицей при просмотре с мобильника

Автор annetkas

 Ответов: 5
Просмотров: 2263 		Последний ответ 19.11.2021, 14:06:15
от effrit
Проблема с миниатюрами

Автор Stasweb

 Ответов: 4
Просмотров: 1129 		Последний ответ 03.11.2020, 17:04:00
от Nikolay89
Проблема с меню на сайте

Автор nesskafe

 Ответов: 9
Просмотров: 1384 		Последний ответ 01.06.2020, 11:03:58
от sivers
Проблема с меню на сайте и иконками Awesome

Автор Lemonez

 Ответов: 1
Просмотров: 1722 		Последний ответ 10.02.2020, 05:02:12
от Lemonez
Проблема шрифта bold

Автор web3.0

 Ответов: 3
Просмотров: 3079 		Последний ответ 06.04.2019, 09:50:36
от web3.0