Новости Joomla

Новогодние скидки от Nevigen.com

Новогодние скидки от Nevigen.com

Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping.

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTubeВидео на VK ВидеоВидео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester@joomlafeed#joomla #php #webdev #community

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

ArtTeam

  • Захожу иногда
  • 186
  • 0 / 0
Как сделать такой блок?
« : 07.02.2013, 21:21:30 »
Подскажите как сделать чтобы название в блоке отображалось в картинке как здесь


вот мои CSS для блока
Код
/* ============================== MODULE STYLES ============================== */
h3.jsn-moduletitle {
	margin: 0;
	color: #000;
	font-size: 1.2em;
	padding-bottom: 5px;
}
h3.jsn-moduletitle span {
	display: block;
	line-height: 16px;
}
/* =============== MODULE STYLES - MODULE BOXES =============== */
/* ----- GENERAL MODULE STYLES ----- */
div[class*="box-"] div.jsn-modulecontainer_inner,
div[class*="solid-"] div.jsn-modulecontainer_inner {
	padding: 15px;
}
/* ----- BOX YELLOW STYLE ----- */
div.box-yellow div.jsn-modulecontainer_inner {
	background: #FEFEF5 url(../images/module-styles/box-yellow.png) left bottom repeat-x;
}
/* ----- BOX GREY STYLE ----- */
div.box-grey div.jsn-modulecontainer_inner {
	background: #323232 url(../images/module-styles/box-grey.png) left bottom repeat-x;
}
/* ----- RICHBOX STYLE ----- */
div.richbox-1 div.jsn-modulecontainer_inner {
	background: #323232 url(../images/module-styles/richbox-1.png) left bottom repeat-x;
}
/* ----- CUSTOM BOX STYLE IN SPECIFIC POSITION ----- */
#jsn-content-top div[class*="box-"],
#jsn-content-top div[class*="richbox-"],
#jsn-content-top div[class*="box-"] h3.jsn-moduletitle,
#jsn-content-top div[class*="richbox-"] h3.jsn-moduletitle {
	color: #000;
}
div.box-grey,
div[class*="richbox-"],
#jsn-content-top div.box-grey,
#jsn-content-top div[class*="richbox-"] {
	color: #d4d4d4;
}
div.box-grey h3.jsn-moduletitle,
div[class*="richbox-"] h3.jsn-moduletitle,
#jsn-content-top div.box-grey h3.jsn-moduletitle,
#jsn-content-top div[class*="richbox-"] h3.jsn-moduletitle {
	color: #FFF;
}
Записан
*

RAZORG1991

  • Захожу иногда
  • 349
  • 6 / 0
Re: Как сделать такой блок?
« Ответ #1 : 10.02.2013, 00:36:05 »
Не совсем понятен смысл вопроса, какое название? в каком блоке? Ссылку можно если есть? Немножко конкретики больше, тут же все-таки не форум экстрасенсов ^-^
Записан
*

ArtTeam

  • Захожу иногда
  • 186
  • 0 / 0
Re: Как сделать такой блок?
« Ответ #2 : 10.02.2013, 01:08:19 »
названия модуля что бы отображалось так
вот ссылка http://www.my-shopping.org.ua/
Записан
*

RAZORG1991

  • Захожу иногда
  • 349
  • 6 / 0
Re: Как сделать такой блок?
« Ответ #3 : 10.02.2013, 13:17:49 »
В смысле чтобы вот это masag_sharl отображалось как на картинке? Т.е. тебе грубо говоря нужно сделать название всех модулей, которые находятся в данной позиции, выводилось как на картинке? Правильно я понял?
Записан
*

ArtTeam

  • Захожу иногда
  • 186
  • 0 / 0
Re: Как сделать такой блок?
« Ответ #4 : 10.02.2013, 14:19:07 »
надо что бы при добавлении Суффикс CSS-класса модуля быіл такой блок и названия модуля отображалась как на картинке
Записан
*

RAZORG1991

  • Захожу иногда
  • 349
  • 6 / 0
Re: Как сделать такой блок?
« Ответ #5 : 10.02.2013, 14:30:29 »
Какая-то странноватая структура у тебя, смотря через FireBug, шаблон самописный или скачанный? Просто в Joomla суфикс класса модуля имеет только одно значение по умолчанию muduletable, а смотря на твой сайт там он по другому называется. Ну ладно смотри  у тебя блок вывода каждого модуля называется
Код
div class="jsn-modulecontainer_inner"
Вот ему соотв прописывай border, backrground, border-radius  как на картинке. А для названия модуля используется
Код
h3 class="jsn-moduletitle"
Вот и ему прописывай все свойства как картинке
Записан
*

ArtTeam

  • Захожу иногда
  • 186
  • 0 / 0
Re: Как сделать такой блок?
« Ответ #6 : 10.02.2013, 14:37:03 »
Цитата: RAZORG1991 от 10.02.2013, 14:30:29
А для названия модуля используется
Код
h3 class="jsn-moduletitle"
Вот и ему прописывай все свойства как картинке
если прописываю сюда то применяется ко всем Суффикс CSS-класса модуля, а нужно только к выбранным классам применить
Записан
*

RAZORG1991

  • Захожу иногда
  • 349
  • 6 / 0
Re: Как сделать такой блок?
« Ответ #7 : 10.02.2013, 14:45:36 »
Естественно ^-^ Я конечно извиняюсь, а где вообще выбраны необходимые классы? У тебя есть еще
Код
span class="jsn-moduleicon"
но он то тоже во всех
Код
h3 class="jsn-moduletitle"
Ты хочешь чтобы все модули справа выглядели как на картинке или только некоторые из них?
Записан
*

ArtTeam

  • Захожу иногда
  • 186
  • 0 / 0
Re: Как сделать такой блок?
« Ответ #8 : 10.02.2013, 14:49:25 »
Цитата: RAZORG1991 от 10.02.2013, 14:45:36
Ты хочешь чтобы все модули справа выглядели как на картинке или только некоторые из них?
некоторые
Записан
*

RAZORG1991

  • Захожу иногда
  • 349
  • 6 / 0
Re: Как сделать такой блок?
« Ответ #9 : 10.02.2013, 15:05:49 »
Оу, ну это сложновато ^-^ Надо подумать. По идее тебе придется еще создавать свои суффиксы классов для модулей. И к каждому писать стили, но вот только как к конкретному модулю добавить суффикс? надо поюзать Google ^-^
Записан
*

robert

  • Живу я здесь
  • 4974
  • 457 / 20
Re: Как сделать такой блок?
« Ответ #10 : 10.02.2013, 19:15:11 »
Цитата: ArtTeam от 07.02.2013, 21:21:30
Подскажите как сделать чтобы название в блоке отображалось в картинке как здесь
Цитата: ArtTeam от 10.02.2013, 14:19:07
надо что бы при добавлении Суффикс CSS-класса модуля быіл такой блок и названия модуля отображалась как на картинке
Я, конечно, не очень понимаю, чего вы хотите: сделать такое отображение модуля или сделать так, чтобы только в некоторых так отображалось, а как делать - вы знаете.
В любом случае, классы для модуля:
Код
.jsn-modulecontainer{}
а для заголовка модуля:
Код
.jsn-modulecontainer h3{}
Если хотите менять стиль для некоторых модулей, то есть несколько способов, самый удобный из них - добавить суффикс класса модлуля, это делается в админке модуля. И тогда классы стиля модуля станут:
Код
.jsn-modulecontainer_ваш_суффикс{}
.jsn-modulecontainer_ваш_суффикс h3{}
P.S. Если в админке не обнаружится опция "Суффикс класса модуля", то в файле ваш_модуль.xml добавьте
Код
<param name="moduleclass_sfx" type="text" default="" label="лейбл" description="описание" />
« Последнее редактирование: 10.02.2013, 19:21:48 от robert »
Записан
Не будь паразитом, сделай что-нибудь самостоятельно!
*

ArtTeam

  • Захожу иногда
  • 186
  • 0 / 0
Re: Как сделать такой блок?
« Ответ #11 : 10.02.2013, 19:53:47 »
ваш_модуль.xml  а где его искать ?
Записан
*

RAZORG1991

  • Захожу иногда
  • 349
  • 6 / 0
Re: Как сделать такой блок?
« Ответ #12 : 10.02.2013, 22:06:01 »
Цитата: ArtTeam от 10.02.2013, 19:53:47
ваш_модуль.xml  а где его искать ?

В папке с установленным модулем, который отображается справа. Ксати вариант очень хороший ^-^ Почему я раньше про него не додумался ::)
Записан
*

ArtTeam

  • Захожу иногда
  • 186
  • 0 / 0
Re: Как сделать такой блок?
« Ответ #13 : 10.02.2013, 22:45:29 »
Добавил с CSS так но не чего не работает при добавления суффикса ric в модуль

Код
jsn-modulecontainer_ric  {

	background: #dde4de;
	border-top-width: 0px;
border-top-style:solid ;
border-top-color: red;

border-right-width: 3px;
border-right-style:dashed ;
border-right-color: gold;

border-bottom-width: 3px;
border-bottom-style:dashed;
border-bottom-color: green;

border-left-width: 0px;
border-left-style:solid ;
border-left-color: blue;
font-family: Georgia, 'Times New Roman', serif;
font-style: italic;
}

jsn-modulecontainer_ric  h3  {
    background: url("http://www.my-shopping.org.ua/t_blok.png")  scroll 0 0 transparent;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 15px;
    margin: 0 -15px 10px;
    overflow: hidden;
    padding: 0;  

	padding: 10px;

	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px #777;
	-moz-box-shadow: 0px 0px 4px #777;
	-webkit-box-shadow: 0px 0px 4px #777;box-shadow: 0 0 15px #a4a6b4;
border-radius: 10px 0;

}

Цитировать
<param name="moduleclass_sfx" type="text" default="" label="лейбл" description="описание" />
использую мод  вывод HTML где искать эту папку ?
 
Записан
*

robert

  • Живу я здесь
  • 4974
  • 457 / 20
Re: Как сделать такой блок?
« Ответ #14 : 10.02.2013, 22:56:59 »
Цитата: ArtTeam от 10.02.2013, 22:45:29
Добавил с CSS так но не чего не работает при добавления суффикса ric в модуль
а вы правильно добавили суффикс?
Код
_ric
Цитата: ArtTeam от 10.02.2013, 22:45:29
использую мод  вывод HTML где искать эту папку ?
 
modules/мод  вывод HTML/мод  вывод HTML.xml
Записан
Не будь паразитом, сделай что-нибудь самостоятельно!
*

ArtTeam

  • Захожу иногда
  • 186
  • 0 / 0
Re: Как сделать такой блок?
« Ответ #15 : 10.02.2013, 23:25:03 »
Цитата: robert от 10.02.2013, 22:56:59
а вы правильно добавили суффикс?
Код
_ric
modules/мод  вывод HTML/мод  вывод HTML.xml
добавлял суффикс но не чего не меняется
в папке модульс с названием HTML нет не чего, тока есть mod_custom, а в нем mod_custom.xml с таким содержимым
Код
<?xml version="1.0" encoding="utf-8"?>
<extension
	type="module"
	version="2.5"
	client="administrator">
	<name>mod_custom</name>
	<author>Joomla! Project</author>
	<creationDate>July 2004</creationDate>
	<copyright>Copyright (C) 2005 - 2013 Open Source Matters. All rights reserved.</copyright>
	<license>GNU General Public License version 2 or later; see LICENSE.txt</license>
	<authorEmail>admin@joomla.org</authorEmail>
	<authorUrl>www.joomla.org</authorUrl>
	<version>2.5.0</version>
	<description>MOD_CUSTOM_XML_DESCRIPTION</description>
	<files>
		<filename module="mod_custom">mod_custom.php</filename>
		<filename>index.html</filename>
		<folder>tmpl</folder>
	</files>
	<languages>
		<language tag="en-GB">en-GB.mod_custom.ini</language>
		<language tag="en-GB">en-GB.mod_custom.sys.ini</language>
	</languages>

	<help key="JHELP_EXTENSIONS_MODULE_MANAGER_CUSTOM_HTML" />
	<config>
		<fields name="params">
			<fieldset name="basic">
				<field
					name="prepare_content"
					type="radio"
					label="MOD_CUSTOM_FIELD_PREPARE_CONTENT_LABEL"
					description="MOD_CUSTOM_FIELD_PREPARE_CONTENT_DESC"
					default="1">
					<option
						value="0">JNo</option>
					<option
						value="1">JYes</option>
				</field>
				<field name="backgroundimage" type="media"
					label="MOD_CUSTOM_FIELD_BACKGROUNDIMAGE_LABEL" description="MOD_BACKGROUNDIMAGE_FIELD_LOGO_DESC" />
			</fieldset>
			<fieldset
				name="advanced">
				<field
					name="layout"
					type="modulelayout"
					label="JFIELD_ALT_LAYOUT_LABEL"
					description="JFIELD_ALT_MODULE_LAYOUT_DESC" />

				<field
					name="moduleclass_sfx"
					type="text"
					label="COM_MODULES_FIELD_MODULECLASS_SFX_LABEL"
					description="COM_MODULES_FIELD_MODULECLASS_SFX_DESC" />

				<field
					name="cache"
					type="list"
					default="1"
					label="COM_MODULES_FIELD_CACHING_LABEL"
					description="COM_MODULES_FIELD_CACHING_DESC">
					<option
						value="1">JGLOBAL_USE_GLOBAL</option>
					<option
						value="0">COM_MODULES_FIELD_VALUE_NOCACHING</option>
				</field>

				<field
					name="cache_time"
					type="text"
					default="900"
					label="COM_MODULES_FIELD_CACHE_TIME_LABEL"
					description="COM_MODULES_FIELD_CACHE_TIME_DESC" />
				<field
					name="cachemode"
					type="hidden"
					default="static">
					<option
						value="static"></option>
				</field>
			</fieldset>
		</fields>
	</config>
</extension>
Записан
*

robert

  • Живу я здесь
  • 4974
  • 457 / 20
Re: Как сделать такой блок?
« Ответ #16 : 11.02.2013, 00:12:55 »
у вас Joomla 2? так тут уже есть
Код
<field
					name="moduleclass_sfx"
					type="text"
					label="COM_MODULES_FIELD_MODULECLASS_SFX_LABEL"
					description="COM_MODULES_FIELD_MODULECLASS_SFX_DESC" />
Как называется (какой заголовок) модуль на сайте?
« Последнее редактирование: 11.02.2013, 00:24:06 от robert »
Записан
Не будь паразитом, сделай что-нибудь самостоятельно!
*

ArtTeam

  • Захожу иногда
  • 186
  • 0 / 0
Re: Как сделать такой блок?
« Ответ #17 : 11.02.2013, 01:48:38 »
Цитата: robert от 11.02.2013, 00:12:55

Как называется (какой заголовок) модуль на сайте?

masag_sharl
Записан
*

robert

  • Живу я здесь
  • 4974
  • 457 / 20
Re: Как сделать такой блок?
« Ответ #18 : 11.02.2013, 07:52:22 »
опять пропишите в "суффикс класса модуля"
Код
ric
а в файле стиля
Код
.ric .jsn-modulecontainer  {

	background: #dde4de;
	border-top-width: 0px;
border-top-style:solid ;
border-top-color: red;

border-right-width: 3px;
border-right-style:dashed ;
border-right-color: gold;

border-bottom-width: 3px;
border-bottom-style:dashed;
border-bottom-color: green;

border-left-width: 0px;
border-left-style:solid ;
border-left-color: blue;
font-family: Georgia, 'Times New Roman', serif;
font-style: italic;
}

.ric .jsn-modulecontainer  h3  {
    background: url("http://www.my-shopping.org.ua/t_blok.png")  scroll 0 0 transparent;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 15px;
    margin: 0 -15px 10px;
    overflow: hidden;
    padding: 0;  

	padding: 10px;

	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px #777;
	-moz-box-shadow: 0px 0px 4px #777;
	-webkit-box-shadow: 0px 0px 4px #777;box-shadow: 0 0 15px #a4a6b4;
border-radius: 10px 0;

}
Записан
Не будь паразитом, сделай что-нибудь самостоятельно!
*

ArtTeam

  • Захожу иногда
  • 186
  • 0 / 0
Re: Как сделать такой блок?
« Ответ #19 : 11.02.2013, 13:29:02 »
прописал но не чего не работает
Записан
*

robert

  • Живу я здесь
  • 4974
  • 457 / 20
Re: Как сделать такой блок?
« Ответ #20 : 11.02.2013, 14:32:42 »
Код
.ric h3.jsn-moduletitle span  {
    background: url(http://www.my-shopping.org.ua/t_blok.png)  scroll 0 0 transparent;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 15px;
    margin: 0 -15px 10px;
    overflow: hidden;
	padding: 20px;
	box-shadow: 0px 0px 4px #777;
border-radius: 10px 0;

}
и убирайте грязь в файле стиля.
Записан
Не будь паразитом, сделай что-нибудь самостоятельно!
*

ArtTeam

  • Захожу иногда
  • 186
  • 0 / 0
Re: Как сделать такой блок?
« Ответ #21 : 11.02.2013, 14:56:01 »
Цитата: robert от 11.02.2013, 14:32:42
Код
.ric h3.jsn-moduletitle span  {
    background: url(http://www.my-shopping.org.ua/t_blok.png)  scroll 0 0 transparent;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 15px;
    margin: 0 -15px 10px;
    overflow: hidden;
	padding: 20px;
	box-shadow: 0px 0px 4px #777;
border-radius: 10px 0;

}
и убирайте грязь в файле стиля.
єто  работает тока для заголовка модуля, а сам блок не изменяеться
Записан
*

robert

  • Живу я здесь
  • 4974
  • 457 / 20
Re: Как сделать такой блок?
« Ответ #22 : 11.02.2013, 15:17:32 »
ну, блин, вы бы научились пользоваться Ctrl+U и сами посмотрели на свою кашу, раз вы призваны быть веб-мастером.
у вас там только одна картинка, вот к ней и пропишите стиль
Код
.ric img {
background: #dde4de;
	border-top-width: 0px;
border-top-style:solid ;
border-top-color: red;

border-right-width: 3px;
border-right-style:dashed ;
border-right-color: gold;

border-bottom-width: 3px;
border-bottom-style:dashed;
border-bottom-color: green;

border-left-width: 0px;
border-left-style:solid ;
border-left-color: blue;
font-family: Georgia, 'Times New Roman', serif;
font-style: italic;
}
Записан
Не будь паразитом, сделай что-нибудь самостоятельно!
*

ArtTeam

  • Захожу иногда
  • 186
  • 0 / 0
Re: Как сделать такой блок?
« Ответ #23 : 11.02.2013, 15:41:58 »
добавил єто и  получил что надо спасибо
Цитировать
div[class*="ric"] div.jsn-modulecontainer_inner {}
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать?

Автор Twins

 Ответов: 3
Просмотров: 1945 		Последний ответ 01.07.2021, 13:11:51
от xpank
Как сделать кнопку формы аккаунта?

Автор Evgen Kulibin

 Ответов: 0
Просмотров: 1111 		Последний ответ 22.04.2021, 22:15:06
от Evgen Kulibin
Как сделать плавающий модуль?

Автор THeCMeX

 Ответов: 2
Просмотров: 1266 		Последний ответ 08.03.2021, 22:21:01
от Flexderection
Как поставить такой курсор на сайт Joomla?

Автор Romanych

 Ответов: 0
Просмотров: 1065 		Последний ответ 05.11.2020, 21:45:29
от Romanych
[Решено] Как сделать чтобы фотография открылась в отдельном окне?

Автор a-two

 Ответов: 11
Просмотров: 2242 		Последний ответ 03.11.2020, 16:57:40
от Nikolay89