Новости 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 Гость просматривают эту тему.
  • 5 Ответов
  • 4550 Просмотров
*

belomorinka

  • Новичок
  • 4
  • 0 / 0
Как определить собственный стиль для Div-контейнера?
« : 15.02.2011, 14:52:41 »
Я не могу понять, как задать в CSS свой стиль для див блока. Мне нужно несколько разных стилей (фон, размеры. параметры отображения).
Не получается... >:(
Записан
*

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Как определить собственный стиль для Div-контейнера?
« Ответ #1 : 15.02.2011, 14:57:02 »
Цитировать
<div id="наш контейнер" style="название стиля">

В css
.название стиля

Только все на иглише
Вот что значить ночами не спать. Сам теперь не могу понять что написал. Я же не класс вывел. Сори.

В общем что бы долго не разглагольствовать есть два замечательных ресурса. Где сам курю буквари и всем советую.
http://ru.html.net/
http://ruseller.com/
http://htmlbook.ru/

Там получите ответы на все.
« Последнее редактирование: 15.02.2011, 18:33:50 от GDV »
Записан
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Как определить собственный стиль для Div-контейнера?
« Ответ #2 : 15.02.2011, 14:59:51 »
Стукни в аську, вышлю нормальное пособие.
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

belomorinka

  • Новичок
  • 4
  • 0 / 0
Re: Как определить собственный стиль для Div-контейнера?
« Ответ #3 : 15.02.2011, 17:02:11 »
А как в СSS вставить? Вот так:
Код
#Div.myDiv {
	position:fixed;
	width:224px;
	height:262px;
	z-index:1;
	background-image: url(../sample/ip_predmeta.jpg);
}
?

В шаблоне СSS стили divов описываются вот так:
Код
/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
	margin: 15px 0;
	width:90%;
}
div.bubble1 span.author,  div.bubble2 span.author,  div.bubble3 span.author,  div.bubble4 span.author {
	padding-left: 15px;
	margin-left: 15px;
	background: url(../images/author.gif) no-repeat center left;
	font-weight: bold;
}
div.bubble1 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub1-br.gif) no-repeat bottom right;
}
div.bubble1 div div {
	background: url(../images/bub1-bl.gif) no-repeat bottom left;
}
div.bubble1 div div div {
	background: url(../images/bub1-tr.gif) no-repeat top right;
}
div.bubble1 div div div div {
	background: url(../images/bub1-tl.gif) no-repeat top left;
}
div.bubble1 div div div div div {
	margin: 0;
	padding: 15px 15px 30px 15px;
	width: auto;
}
div.bubble2 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub2-br.gif) no-repeat bottom right;
}
div.bubble2 div div {
	background: url(../images/bub2-bl.gif) no-repeat bottom left;
}
div.bubble2 div div div {
	background: url(../images/bub2-tr.gif) no-repeat top right;
}
div.bubble2 div div div div {
	background: url(../images/bub2-tl.gif) no-repeat top left;
}
div.bubble2 div div div div div {
	margin: 0;
	padding: 15px 15px 35px 15px;
	width: auto;
}
div.bubble3 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub3-br.gif) no-repeat bottom right;
}
div.bubble3 div div {
	background: url(../images/bub3-bl.gif) no-repeat bottom left;
}
div.bubble3 div div div {
	background: url(../images/bub3-tr.gif) no-repeat top right;
}
div.bubble3 div div div div {
	background: url(../images/bub3-tl.gif) no-repeat top left;
}
div.bubble3 div div div div div {
	margin: 0;
	padding: 15px 15px 50px 15px;
	width: auto;
}
div.bubble4 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub4-br.gif) no-repeat bottom right;
}
div.bubble4 div div {
	background: url(../images/bub4-bl.gif) no-repeat bottom left;
}
div.bubble4 div div div {
	background: url(../images/bub4-tr.gif) no-repeat top right;
}
div.bubble4 div div div div {
	background: url(../images/bub4-tl.gif) no-repeat top left;
}
div.bubble4 div div div div div {
	margin: 0;
	padding: 15px 15px 55px 15px;
	width: auto;
}

И как мне мой туда запихать? просто внизу добавить?
Записан
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Как определить собственный стиль для Div-контейнера?
« Ответ #4 : 15.02.2011, 17:23:32 »
Цитировать
И как мне мой туда запихать? просто внизу добавить?
Да.
#myDiv {
   position:fixed;
   width:224px;
   height:262px;
   z-index:1;
   background-image: url(../sample/ip_predmeta.jpg);
}
если вы писали <div id="mydiv">
или
.myDiv {
   position:fixed;
   width:224px;
   height:262px;
   z-index:1;
   background-image: url(../sample/ip_predmeta.jpg);
}
если вы писали <div class="mydiv">
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

belomorinka

  • Новичок
  • 4
  • 0 / 0
Re: Как определить собственный стиль для Div-контейнера?
« Ответ #5 : 15.02.2011, 17:24:54 »
Добавил в конец списка, при добавлении отображается. Поменял способ позиционирования на relative. Но почему не сохраняются размеры? Они ведь прописаны в CSS - а у меня получается что не запихни в блок, все отображается целиком...
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Нужен пример как присвоить свой стиль одному модулю

Автор nick71

 Ответов: 21
Просмотров: 5836 		Последний ответ 17.02.2018, 14:44:40
от cirip
Перенести стиль компонента в шаблон

Автор stparts

 Ответов: 5
Просмотров: 1685 		Последний ответ 07.02.2018, 14:01:10
от stparts
Стиль для вышестоящего блока - HTML, CSS

Автор lalalag

 Ответов: 6
Просмотров: 2858 		Последний ответ 26.06.2017, 15:07:35
от Shustry
Свой стиль для placeholder

Автор kik84

 Ответов: 2
Просмотров: 1384 		Последний ответ 22.11.2016, 16:04:10
от kik84
Стиль для всплывающего названия картинки- как?

Автор epson950

 Ответов: 3
Просмотров: 1584 		Последний ответ 03.11.2016, 01:04:05
от AlekVolsk