Форум русской поддержки Joomla!® CMS
04.12.2016, 01:55:19 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Суффикс класса модуля, CSS

 (Прочитано 20946 раз)
0 Пользователей и 1 Гость смотрят эту тему.
ZdobnikovOB
Новичок
*

Репутация: +1/-0
Offline Offline

Сообщений: 5


« : 24.12.2008, 12:25:36 »

Здравствуйте.
Возникла необходимость пару-тройку модулей сделать в стиле, отличном от остальных.
Это можно сделать при помощи Суффиксов класса модуля.
Но как сконфигурировать файл CSS правильно?

Например, мне надо что бы при суффиксе "blank" модуль отображался просто без всякого оформления, на белом фоне, в общем просто содержимое. Как это сделать?

Файл template.css прилагаю.
Код:
/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
margin: 0;
padding: 0;
}

body {
background: #FFFFFF;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.5;
}

body#bd {
color: #000000;
/*margin-top: 5px;*/
margin-top: 0px;
/*background: #F1F1F1;*/
background: #FFFFFF;
}

body.contentpane {
color: #000000;
font-size: 12px;
line-height: 1.3em;
margin: 0;
margin: 1em 2em;
width: auto; /* Printable Page */
}

body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}

/* Normal link */
a {
color: #2878B5;
text-decoration: none;
}

a:hover, a:active, a:focus {
color: #2878B5;
text-decoration: none;
}

a img {
border: none;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
line-height: normal;
color: #000000;
}

/* Small text */
small, .small, .smalldark, .article-meta, .modifydate, .img_caption p, .site-slogan,
#ja-topnav, #ja-pathway, #ja-subnav, #ja-footer, #ja-col1, #ja-col2, #ja-botsl {
font-size: 92%;
}

img {
margin: 0;
padding: 0;
}

.img_caption p {
text-align: center;
}

.img_caption.left, .img_caption.right {
margin-top: 3px;
}

/* Heading */
h1 {font-size: 150%;}
h2 {font-size: 150%;}
h3 {font-size: 100%;}
h4 {font-size: 125%;}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
margin: 1em 0;
padding: 0;
}

ul {
list-style: none;
}

ul li {
background: url(../images/bullet.gif) no-repeat 20px 8px;
padding-left: 30px;
}

ol li {
margin-left: 35px;
}

th {
font-weight: bold;
padding: 8px;
text-align: left;
}

fieldset {
border: none;
padding: 10px 5px;
background: url(../images/dot.gif) repeat-x top;
}

fieldset a {
font-weight: bold;
}

fieldset.input {
padding: 0;
background: none;
}

hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #EEEEEE;
height: 1px;
}

br {
height: 1px;
font-size: 1px;
}

td, th, div {
font-size: 100%;
}

/* FORM
--------------------------------------------------------- */
form {
margin: 0;
padding: 0;
}

form label {
cursor: pointer;
}

input, select, textarea, .inputbox, .button {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}

.inputbox {
padding: 2px;
border: 1px solid #CCCCCC;
background: #FFFFFF;
color: #000000;
font-size: 100%;
}

.button {
padding: 1px 8px;
border: 1px solid #2878B5;
background: #2878B5;
color: #FFFFFF;
text-transform: uppercase;
font-size: 92%;
}

* html .button { /*IE 6*/
padding: 0 5px !important;
}

*+html .button { /*IE 7*/
padding: 0 5px !important;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
.article_separator, .article_seperator {
clear: both;
display: block;
height: 30px;
margin: 0;
background: url(../images/dot.gif) repeat-x center;
}

.column_separator {
padding: 0 25px;
}

/* content tables */
.sectiontableheader {
background: #333333;
padding: 4px 8px;
color: #FFFFFF;
font-weight: bold;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:active,
.sectiontableheader a:focus {
color: #FFFFFF;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 8px;
background: url(../images/dot.gif) repeat-x bottom;
}

table.contentpane {
border: none;
width: 100%;
}

table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}

table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 30%;
float: right;
}

table.contenttoc td {
background: url(../images/bullet.gif) no-repeat 12px 8px;
padding: 1px 5px 1px 20px;
}

table.contenttoc th {
border-bottom: 1px solid #CCCCCC;
padding: 0 0 3px;
text-indent: 5px;
}

table.poll {
border-collapse: collapse;
padding: 0;
width: 100%;
}

table.pollstableborder {
border: none;
padding: 0;
text-align: left;
width: 100%;
}

table.pollstableborder img {
vertical-align: baseline;
}

table.pollstableborder td {
border-collapse: collapse;
border-spacing: 0;
padding: 4px !important;
background: none;
}

table.pollstableborder tr.sectiontableentry1 td {
background: #E6E6E6;
}

table.searchintro {
padding: 10px 0;
width: 100%;
}

table.searchintro td {
padding: 5px!important;
}

.blog_more {
margin: 15px 0 0;
padding: 10px 0 0;
background: url(../images/dot.gif) repeat-x top;
}

.blog_more strong {
display: block;
margin: 0 0 5px;
text-transform: uppercase;
}

.blog_more ul {
margin: 0;
padding: 0;
}

.blog_more ul li {
background: url(../images/bullet.gif) no-repeat 4px 8px;
margin: 0;
padding: 0 0 0 12px;
}

.category {
font-weight: bold;
}

h1.componentheading, .componentheading {
font-size: 250%;
border-bottom: 1px solid #EEEEEE;
margin: 0 0 15px;
padding: 5px 0;
}

.contentdescription {
padding-bottom: 30px;
}

h2.contentheading, .contentheading {
margin: 0;
padding: 0;
font-size: 150%;
}

table.blog .contentheading {
font-size: 175%;
}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
}

a.readon {
text-align: center;
color: #FFFFFF;
background: url(../images/readon-bg.gif) no-repeat center left #CC0000;
width: 90px;
height: 20px;
line-height: 20px;
display: block;
text-transform: uppercase;
font-size: 10px;
}

a.readon:hover, a.readon:focus, a.readon:active {
color: #FFFFFF;
text-decoration: none;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}

.moduletable {
padding: 0;
}

ul.pagination {
margin: 15px auto 0;
padding: 10px 0 0;
background: url(../images/dot.gif) repeat-x top;
color: #999999;
}

ul.pagination li {
background: none;
display: inline;
margin: 0;
padding: 0;
}

ul.pagination li span{
padding: 2px 5px;
}

ul.pagination a {
padding: 2px 3px;
text-decoration: none;
background: #EEEEEE;
color: #000000;
border: 1px solid #DDDDDD;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
background: #CC0000;
color: #FFFFFF;
}

.pagenavbar {
background: url(../images/icon-pages.gif) no-repeat center left;
font-weight: bold;
padding-left: 14px;
}

.pagenavcounter {
background: url(../images/icon-pages.gif) no-repeat 0 11px;
font-weight: bold;
padding: 8px 14px 0 14px;
}

.smalldark {
text-align: left;
}

div.syndicate div {
text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none;
}

ul.latestnews a, ul.mostread a {
color: #666666;
}

/* META
--------------------------------------------------------- */
.article-toolswrap {
display: block;
margin: 0 0 10px;
padding: 0;
position: relative;
}

.article-tools {
display: block;
padding: 0 10px 0 0;
}

.article-meta {
width: 70%;
float: left;
color: #999999;
}

.createby {
}

.createdate {
padding-right: 6px;
margin-right: 5px;
background: url(../images/vline.gif) no-repeat right;
}

.modifydate {
width: 100%;
display: block;
color: #CC0000;
margin: 15px 0;
}

.article-section {
padding-left: 6px;
margin-left: 5px;
background: url(../images/vline.gif) no-repeat left center;
}

.article-section a {
color: #999999;
}

.article-category a {
color: #999999;
}

div.buttonheading {
position: absolute;
top: 0;
right: 10px;
}

.buttonheading img {
margin: 0 0 0 5px;
border: 0;
float: right;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
width: 970px;
margin: 0 auto;
}

.narrow #ja-wrapper {
width: 760px;
margin: 0 auto;
}


#ja-container {}

#ja-mainbody {
width: 78%;
float: left;
}

/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-content {
clear: both;
display: block;
float: right;
width: 72%;
/*background: url(../images/content-center.gif) repeat-y center;*/
}

#ja-content-top {
/*background: url(../images/content-top.gif) no-repeat center top;*/
}

#ja-content-bot {
/*background: url(../images/content-bot.gif) no-repeat center bottom;*/
}

.narrow #ja-content {
/*background: url(../images/content-center-n.gif) repeat-y center;*/
}

.narrow #ja-content-top {
/*background: url(../images/content-top-n.gif) no-repeat top center;*/
}

.narrow #ja-content-bot {
/*background: url(../images/content-bot-n.gif) no-repeat bottom center;*/
}

#ja-current-content {
padding: 20px 20px 10px;
}

/* COLUMNS
--------------------------------------------------------- */
#ja-col1 {
float: left;
overflow: hidden;
width: 28%;
}

#ja-col1 div.ja-innerpad {
}

#ja-col2 {
float: right;
overflow: hidden;
width: 22%;
}

#ja-col2 div.ja-innerpad {

}

/*common style for column*/


/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap,
#ja-containerwrap-fr,
#ja-containerwrap-fl,
#ja-containerwrap-f {
padding: 0;
margin: 0;
clear: both;
}

/*content + left*/
#ja-containerwrap-fr #ja-mainbody {
width: 100%;
}

#ja-containerwrap-fr #ja-col1 {
width: 22%;
}

#ja-containerwrap-fr #ja-content {
width: 78%;
/*background: url(../images/content-center2.gif) repeat-y center;*/
}

#ja-containerwrap-fr #ja-content-top {
/*background: url(../images/content-top2.gif) no-repeat center top;*/
}

#ja-containerwrap-fr #ja-content-bot {
/*background: url(../images/content-bot2.gif) no-repeat center bottom;*/
}

.narrow #ja-containerwrap-fr #ja-content {
background: url(../images/content-center2-n.gif) repeat-y center;
}

.narrow #ja-containerwrap-fr #ja-content-top {
background: url(../images/content-top2-n.gif) no-repeat center top;
}

.narrow #ja-containerwrap-fr #ja-content-bot {
background: url(../images/content-bot2-n.gif) no-repeat center bottom;
}

/*content + right*/
#ja-containerwrap-fl #ja-content {
width: 100%;
background: url(../images/content-center2.gif) repeat-y center;
}

#ja-containerwrap-fl #ja-content-top {
background: url(../images/content-top2.gif) no-repeat center top;
}

#ja-containerwrap-fl #ja-content-bot {
background: url(../images/content-bot2.gif) no-repeat center bottom;
}

.narrow #ja-containerwrap-fl #ja-content {
background: url(../images/content-center2-n.gif) repeat-y center;
}

.narrow #ja-containerwrap-fl #ja-content-top {
background: url(../images/content-top2-n.gif) no-repeat center top;
}

.narrow #ja-containerwrap-fl #ja-content-bot {
background: url(../images/content-bot2-n.gif) no-repeat center bottom;
}

/*full*/
#ja-containerwrap-f #ja-mainbody {
width: 100%;
}

#ja-containerwrap-f #ja-content {
width: 100%;
/*background: url(../images/content-center1.gif) repeat-y center;*/
}

#ja-containerwrap-f #ja-content-top {
/*background: url(../images/content-top1.gif) no-repeat center top;*/
}

#ja-containerwrap-f #ja-content-bot {
/*background: url(../images/content-bot1.gif) no-repeat center bottom;*/
}

#ja-containerwrap-f #ja-current-content {
padding-left: 20px;
padding-right: 20px;
}

.narrow #ja-containerwrap-f #ja-content {
background: url(../images/content-center1-n.gif) repeat-y center;
}

.narrow #ja-containerwrap-f #ja-content-top {
background: url(../images/content-top1-n.gif) no-repeat center top;
}

.narrow #ja-containerwrap-f #ja-content-bot {
background: url(../images/content-bot1-n.gif) no-repeat center bottom;
}

/* MODULE
--------------------------------------------------------- */
div.module h3,
div.module_text h3,
div.module_menu h3,
div.module_hilite h3,
div.ja-box-br h3 {
margin: 0 0 0px;
padding: 8px 0 2px 15px;
font-size: 150%;
background: #F2F2F2;
}

div.module,
div.module_text,
div.module_menu,
div.module_hilite,
div.ja-box-br {
padding: 0;
float: left;
clear: both;
width: 100%;
/*background: url(../images/box-br.gif) no-repeat bottom right #FFFFFF;*/
overflow: hidden;
}

div.module div,
div.module_text div,
div.module_menu div,
div.module_hilite div,
div.ja-box-bl {
padding: 0;
/*background: url(../images/box-bl.gif) no-repeat bottom left;*/
}

div.module div div,
div.module_text div div,
div.module_menu div div,
div.module_hilite div div,
div.ja-box-tr {
padding: 0;
/*background: url(../images/box-tr.gif) no-repeat top right;*/
}

div.module div div div,
div.module_text div div div,
div.module_menu div div div,
div.module_hilite div div div,
div.ja-box-tl {
padding: 4px 3px 4px 4px;
/*background: url(../images/box-tl.gif) no-repeat top left;*/
}

div.module div div div div,
div.module_text div div div div,
div.module_menu div div div div,
div.module_hilite div div div div {
margin: 0;
padding: 0;
background: none;
}

div.ja-box-ct {
/*background: url(../images/box-bg.gif) repeat-x top left !important;*/
background: #F2F2F2 top left !important;
padding: 10px 15px !important;
}

div.module_menu div.ja-box-ct {
padding: 2px 0 0 !important;
}

/* mis */
div.banneritem_text {
padding: 5px 0 !important;
}

div.advs {
clear: both;
display: block;
float: left;
width: 100%;
}

div.moduletable li,
div.moduletable_menu li,
div.moduletable_text li {
padding-left: 13px;
background-position: 5px 7px;
}

/* HEADER
--------------------------------------------------------- */
#ja-header {
line-height: normal;
position: relative;
padding: 20px 0 0;
z-index: 999;
}

h1.logo, div.logo-text {
margin: 0 20px 20px;
padding: 0;
}

h1.logo a {
width: 355px;
height: 38px;
display: block;
background: url(../images/logo.jpg) no-repeat center;
}

h1.logo a span {
position: absolute;
top: -1000px;
}

div.logo-text {
outline: none;
}

div.logo-text h1 {
font-size: 250%;
font-weight: bold;
letter-spacing: 2px;
margin: 0;
padding: 0;
}

div.logo-text h1 a {
color: #333333;
text-transform: uppercase;
}

.site-slogan {
color: #999999;
margin: 0 0 -2px 10px;
padding: 0;
letter-spacing: 1px;
}

#ja-topnav {
position: absolute;
top: 10px;
right: 40px;
}

#ja-topnav ul {
margin: 0;
padding: 2px 0;
}

#ja-topnav li {
display: inline;
margin: 0;
padding: 0;
line-height: 1.6;
background: url(../images/vline.gif) no-repeat center left;
}

#ja-topnav li a {
display: inline;
padding: 0 10px;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {
padding: 0;
background: url(../images/grad-2.gif) repeat-x top #333333;
width: 100%;
position: relative;
}

#ja-mainnav a, #ja-subnav a {
color:#FFFFFF;
outline: none;
line-height: normal;
}

#ja-subnav {
color: #FFFFFF;
background: #2878B5;
clear: both;
}

#ja-subnav ul {
list-style: none;
margin: 0;
padding: 0;
}

#ja-subnav li {
background: none;
margin: 0;
padding: 0;
display: inline;
}

#ja-subnav a {
display: block;
float: left;
outline: none;
padding: 7px 15px 5px;
margin: 0;
text-decoration: none;
background: url(../images/vline.gif) no-repeat left 9px;
}

#ja-subnav a:hover,
#ja-subnav a:active,
#ja-subnav a:focus {
text-decoration: underline;
}

#ja-subnav li.active a {
color: #000000;
font-weight: bold;
text-decoration: underline;
}

/* breadcrumbs */
#ja-pathway {
color: #999999;
}

#ja-pathway strong {
margin-right: 5px;
}

#ja-pathway img {
margin: 1px 5px;
}

/* Default Joomla! Menu */
ul.menu {
list-style: none;
margin: 0;
padding: 0;
display: block;
}

ul.menu li {
display: block;
background: none;
margin: 0;
padding: 0;
line-height: normal;
border-bottom: 1px solid #F1F1F1;
}

ul.menu li a {
display: block;
outline: none;
padding: 8px 25px;
margin: 0;
text-decoration: none;
color: #333333;
background: url(../images/arrow.png) no-repeat 16px 12px;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
color: #CC0000;
text-decoration: none;
background: url(../images/arrow.gif) no-repeat 16px 12px #F7F7F7;
}

ul.menu li.active a {
font-weight: bold;
background: url(../images/arrow.gif) no-repeat 16px 12px #F7F7F7;
color: #CC0000;
}

ul.menu li ul {
list-style: none;
margin: 0;
padding: 0;
}

ul.menu li li {
border: none;
background: none;
padding: 0;
}

ul.menu li li a {
border: none;
padding: 5px 5px 5px 35px !important;
text-transform: none;
font-weight: normal !important;
background: url(../images/arrow.gif) no-repeat 25px 10px #F7F7F7 !important;
}

ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
color: #CC0000;
text-decoration: underline;
}

ul.menu li li.active a {
color: #CC0000;
font-weight: bold;
}

ul.menu li li li a {
color: #000000 !important;
font-weight: normal !important;
padding-left: 45px !important;
background: url(../images/bullet.gif) no-repeat 35px 10px !important;
}

ul.menu li li li.active a {
font-weight: bold !important;
}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}

/* Bottom spotlight */
#ja-botsl {
clear: both;
margin: 0;
padding: 0;
}

#ja-botsl .ja-box-tl {
padding: 0 15px;
}

#ja-botsl div.module h3 {
margin: 0 -14px;
padding: 0 0 7px 15px;
font-size: 150%;
border-bottom: 1px solid #DDDDDD;
}

#ja-botsl div.module {
margin: 20px 5px;
padding: 0;
float: none;
width: auto;
background: url(../images/box-r-br.gif) no-repeat bottom right #FFFFFF;
overflow: hidden;
}

#ja-botsl div.module div {
background: url(../images/box-r-bl.gif) no-repeat bottom left;
}

#ja-botsl div.module div div {
background: url(../images/box-r-tr.gif) no-repeat top right;
}

#ja-botsl div.module div div div {
padding: 10px 15px;
background: url(../images/box-r-tl.gif) no-repeat top left;
}

#ja-botsl div.module div div div div {
padding: 0;
background: none;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footer {
clear: both;
position: relative;
padding: 15px 20px;
color: #999999;
text-align: center;
}

#ja-footer small {
font-size: 100%;
}

/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
position: absolute;
top: -100%;
}

li.ja-firstitem, #ja-subnav li.first-item a, #ja-subnav a.first-item {
background: none !important;
}

/* Login */
#form-login p {
margin: 0 0 0px;
}

#form-login ul {
margin: 0px 0 0;
}

#modlgn_username, #modlgn_passwd {
width: 90%;
}

/*usertools*/
#ja-usertools {
position: absolute;
right: 10px;
top: 8px;
}

#ja-usertools ul {
margin: 0;
padding: 0 10px 0 0;
display: inline;
}

#ja-usertools ul li {
margin: 0;
padding: 0 2px;
float: right;
background: none;
}

/* Search */
#ja-search {
/*background: url(../images/search-bg.gif) no-repeat;*/
right: 50px;
top: 35px;
height: 24px;
width: 276px;
}

#ja-search .inputbox {
margin: 2px 3px 0 5px;
/*border: none;*/
background: none;
width: 198px;
}

#ja-search .button {
border: none;
background: none;
}

/*others*/
#ja-banner {
padding: 20px 0 0;
text-align: center;
overflow: hidden;
width: 100%;
clear: both;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
background: none!important;
display: block;
margin: 10px 0;
text-decoration: none!important;
}

.clr {
clear: both;
}

.hasTip img {
border: none;
}

div.ja-innerdiv {
padding: 10px 0 12px !important;
background: url(../images/dot.gif) repeat-x bottom !important;
}

div.ja-innerdiv img.border {
padding: 2px;
border: 1px solid #CCCCCC;
margin-right: 10px;
}

/* Tooltips */
.tool-tip {
background: #FFFFFF;
border: 1px solid #CCCCCC;
float: left;
max-width: 200px;
padding: 5px;
z-index: 999;
color: #333333;
}

.tool-title {
background: url(../../system/images/selector-arrow.png) no-repeat;
font-size: 100%;
font-weight: bold;
margin: 0;
margin-top: -15px;
padding: 0;
padding-bottom: 5px;
padding-top: 15px;
}

.tool-text {
font-size: 100%;
margin: 0;
}

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
margin: 0;
padding: 0;
}

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
background: none;
color: #FFFFFF;
margin: 0;
padding: 5px;
}

/* System Standard Messages */
#system-message dd.message ul {
background: #666666;
border: none;
}

/* System Error Messages */
#system-message dd.error ul {
background: #666666;
border: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
background: #666666;
border: none;
}

/* Clearfix */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

* html > body .clearfix {
display: block;
width: 100%;
}

* html .clearfix {
height: 1%;
}

Заранее спасибо...
Записан
Mitrich
Давно я тут
****

Репутация: +524/-13
Offline Offline

Пол: Мужской
Сообщений: 379


Все можно. Но сначала учиться, учиться и учиться.


« Ответ #1 : 24.12.2008, 13:14:40 »

Вот у тебя секция с модулями
Код
/* MODULE
--------------------------------------------------------- */

div.module h3,
div.module_text h3,
div.module_menu h3,
div.module_hilite h3,
div.ja-box-br h3 {
margin: 0 0 0px;
padding: 8px 0 2px 15px;
font-size: 150%;
background: #F2F2F2;
}
 
div.module,
div.module_text,
div.module_menu,
div.module_hilite,
div.ja-box-br {
padding: 0;
float: left;
clear: both;
width: 100%;
/*background: url(../images/box-br.gif) no-repeat bottom right #FFFFFF;*/
overflow: hidden;
}
 
div.module div,
div.module_text div,
div.module_menu div,
div.module_hilite div,
div.ja-box-bl {
padding: 0;
/*background: url(../images/box-bl.gif) no-repeat bottom left;*/
}
 
div.module div div,
div.module_text div div,
div.module_menu div div,
div.module_hilite div div,
div.ja-box-tr {
padding: 0;
/*background: url(../images/box-tr.gif) no-repeat top right;*/
}
 
div.module div div div,
div.module_text div div div,
div.module_menu div div div,
div.module_hilite div div div,
div.ja-box-tl {
padding: 4px 3px 4px 4px;
/*background: url(../images/box-tl.gif) no-repeat top left;*/
}
 
div.module div div div div,
div.module_text div div div div,
div.module_menu div div div div,
div.module_hilite div div div div {
margin: 0;
padding: 0;
background: none;
}
 
div.ja-box-ct {
/*background: url(../images/box-bg.gif) repeat-x top left !important;*/
background: #F2F2F2 top left !important;
padding: 10px 15px !important;
}
 
div.module_menu div.ja-box-ct {
padding: 2px 0 0 !important;
}
 
/* mis */
div.banneritem_text {
padding: 5px 0 !important;
}
 
div.advs {
clear: both;
display: block;
float: left;
width: 100%;
}
 
div.moduletable li,
div.moduletable_menu li,
div.moduletable_text li {
padding-left: 13px;
background-position: 5px 7px;
}

Тут уже описаны модули без суффиксов и с суффиксами _text и _menu
Пиши по аналогии
Записан
ZdobnikovOB
Новичок
*

Репутация: +1/-0
Offline Offline

Сообщений: 5


« Ответ #2 : 24.12.2008, 13:45:11 »

Сделал бы, но не смог. Так как не понимаю что за нагромождения и какая между ними связь Sad
Код:
div.module h3,
div.module_text h3,
div.module_menu h3,
div.module_hilite h3,
div.ja-box-br h3 {
/*в атрибутах соображаю :) */
}

Заодно заметил, что при припивысании "blank" в админке. В коде страницы дописывается "blank" к нескольким стилям, но главный, я думаю, все-таки "div.ja-box-br".

Попробовал снизу дописать:
Код:
div.ja-box-brblank {
/*атрибуты*/
}

Непомогло Sad
« Последнее редактирование: 24.12.2008, 13:49:33 от ZdobnikovOB » Записан
Mitrich
Давно я тут
****

Репутация: +524/-13
Offline Offline

Пол: Мужской
Сообщений: 379


Все можно. Но сначала учиться, учиться и учиться.


« Ответ #3 : 24.12.2008, 13:47:56 »

http://joomlaforum.ru/index.php/topic,46432.0.html
Записан
ZdobnikovOB
Новичок
*

Репутация: +1/-0
Offline Offline

Сообщений: 5


« Ответ #4 : 24.12.2008, 14:00:13 »

У меня нет оснований сомневатся, что эти книги замечательны и очень необходимы. Но возможности купить их сейчас нет, а сделать надо Sad
Записан
Mitrich
Давно я тут
****

Репутация: +524/-13
Offline Offline

Пол: Мужской
Сообщений: 379


Все можно. Но сначала учиться, учиться и учиться.


« Ответ #5 : 24.12.2008, 16:34:56 »

Любая из этих книг стоит дешевле чем твой шаблон (ты ведь его купил я надеюсь  Wink ).
Можешь обратиться к joomlart , они оказывают поддержку своих шаблонов.

Изменения в стилях шаблона нужно проводить досконально разобравшись со структурой шаблона, что требует времени.
Поэкспериментируй сам.

А на данном этапе вопрос звучит не как подскажите, а как сделайте мне
Записан
andredezigner
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 46


« Ответ #6 : 16.07.2009, 13:41:06 »

А скажите, пожалуйста, можно добавить несколько суффиксов класса одному элементу или же только один?
Записан
NlCK
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 160


« Ответ #7 : 09.11.2012, 13:07:27 »

цвет модуля как сменить на другой кроме белого ?
с помощью "Суффикс класса модуля", что то не выходит..
Записан
zip
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Пол: Мужской
Сообщений: 43


Как же я завидую умным людям!


« Ответ #8 : 01.10.2013, 17:54:00 »

Добрый день.
Возникла такая же задача: сделать для трех модулей отдельный стиль.  Sad

Прописал в CSS:

.newsborder {
    border: 2px double #e3e8eb; /* Параметры границы */
    background: #ffffff; /* Цвет фона */
    padding: 10px; /* Поля вокруг текста */
   }

в панели администратора, в Суффикс класса модуля:
newsborder

Но как-то не работает оно!  dry
Пробовал на разных модулях, не помогло!

Скажите пожалуйста в чем ошибка?  !

Записан
fbr
Живу я здесь
******

Репутация: +136/-6
Offline Offline

Сообщений: 1250


« Ответ #9 : 01.10.2013, 17:57:53 »

пробел перед newsborder поставили? (в настройках модуля)
Записан
zip
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Пол: Мужской
Сообщений: 43


Как же я завидую умным людям!


« Ответ #10 : 01.10.2013, 18:07:14 »

Пробел не помогает!
____

Ни где толком не объяснено, пришлось самому копаться.

Ха сам задал вопрос сам ответил!  Smiley
Для таких как я, постараюсь объяснить.
Нужно сделать следующее:

1. В CSS пишите не .newsborder
   а .moduletablenewsborder

2. в самом модуле (в панели управления) ставьте: newsborder
   (чисто слово и все, без пробелов подчеркиваний, точек и тд)

У меня все работает!   Wink
 
« Последнее редактирование: 02.10.2013, 14:54:21 от zip » Записан
fbr
Живу я здесь
******

Репутация: +136/-6
Offline Offline

Сообщений: 1250


« Ответ #11 : 01.10.2013, 18:14:02 »

Azn Ну это тоже самое! Должен помогать
если нет суффикса - выводится moduletable
если суффикс "newsborder" - выводится moduletablenewsborder
если с пробелом " newsborder" - выводится два класса moduletable newsborder
можно с подчеркиванием перед суффиксом
Записан
zip
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Пол: Мужской
Сообщений: 43


Как же я завидую умным людям!


« Ответ #12 : 02.10.2013, 14:52:29 »

Так-то оно так!

Но только, например, я (и судя по нескольким статьям и темам в инете я такой не один) не понимал, как связать суфикс в админке с классом CSS.
 Wink
Записан
Usen
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 15


« Ответ #13 : 24.10.2014, 08:52:13 »

Здравствуйте форумчани! подскажите пожалуйста как работать с CSS класом модуля, у меня есть сайт, пробую создать модуль HTML, в дополнительных настройках прописываю суфикс CSS на сайте он не отображаеться никак, подскажите пожалуйста что мне делать? Заранее благадарю
Записан
AlekVolsk
Профи
********

Репутация: +316/-3
Offline Offline

Пол: Мужской
Сообщений: 6452



« Ответ #14 : 24.10.2014, 09:17:58 »

В поле ввода первым символом - пробел
Записан
Сergei
Давно я тут
****

Репутация: +0/-0
Offline Offline

Сообщений: 209


« Ответ #15 : 04.12.2015, 16:17:17 »

Как можно вывести меню одной строкой, как на сайте http://a4joomla.com/joomla-templates/countryside-free/using-joomla/extensions/templates/protostar/home-page-protostar.html Подскажите, пожалуйста.
Сейчас  модуль mod_menu выводит меню в столбец, как я понимаю, что с ошибкой без стилей.
Скриншот:


* Меню без стилей.jpg (47.95 Кб, 1013x221 - просмотрено 196 раз.)
Записан
ShfVD
Живу я здесь
******

Репутация: +65/-0
Offline Offline

Пол: Мужской
Сообщений: 922



« Ответ #16 : 04.12.2015, 20:30:20 »

Сложно ответить, не видя Вашего шаблона, в Protostar, Beez3 выводится классом
Код
<ul class="nav menu nav-pills">
, а прописывается это
Суффиксом класса меню

http://bit.ly/1Nvbmpj
Записан
Сergei
Давно я тут
****

Репутация: +0/-0
Offline Offline

Сообщений: 209


« Ответ #17 : 04.12.2015, 21:50:35 »

ShfVD Огромное спасибо за помощь в решении вопроса!
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet