Как сделать такой блок?

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

В смысле чтобы вот это 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 {}

Записан

Как сделать? Автор Twins	Ответов: 3 Просмотров: 1861	01.07.2021, 13:11:51 от xpank
Как сделать кнопку формы аккаунта? Автор Evgen Kulibin	Ответов: 0 Просмотров: 1025	22.04.2021, 22:15:06 от Evgen Kulibin
Как сделать плавающий модуль? Автор THeCMeX	Ответов: 2 Просмотров: 1182	08.03.2021, 22:21:01 от Flexderection
Как поставить такой курсор на сайт Joomla? Автор Romanych	Ответов: 0 Просмотров: 976	05.11.2020, 21:45:29 от Romanych
[Решено] Как сделать чтобы фотография открылась в отдельном окне? Автор a-two	Ответов: 11 Просмотров: 2123	03.11.2020, 16:57:40 от Nikolay89

IWS.BY VK app widget - Виджет приложения ВКонтакте для Joomla

SW JProjects v.2.5.0 - компонент каталога цифровых проектов на Joomla

Обновление Nevigen Audit v.1.3.2 для JoomShopping 5

Похожие темы