Как сделать "пустой" Суффикс класса модуля

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем Boncer, 25.03.2012.

  1. Offline

    Boncer Недавно здесь

    Регистрация:
    13.03.2012
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Здравствуйте, как мне сделать Суффикс класса модуля "Пустым" без настроек. все перепробовал. Есть точно 2 -blank ? -art Хочу разместить баннер , а он автоматом применяет класc. Нужно создать none, как?
    Могут его настройки лежать сразу в нескольких *.css
    Вот template.css:
    Код (PHP):
    1. /* MAIN LAYOUT DIVS
    2. --------------------------------------------------------- */
    3. body#bd {
    4.   color: #323232;
    5.   background: #eaeaea url(../images/bg.jpg) no-repeat top center;
    6.   line-height: 18px;
    7. }
    8. #jv-wrapper {
    9.   width: 100%;
    10.    margin: 0;
    11.    padding: 0;
    12.    overflow: hidden;
    13. }
    14.  
    15. #jv-mainmenuwrap,
    16. #jv-submenuwrap,
    17. #jv-headerwrap,
    18. #jv-containerwrap,
    19. #jv-footerwrap {
    20.   width: 100%;
    21.    margin: 0;
    22.    padding: 0;
    23.    clear: both;
    24. }
    25.  
    26. #jv-mainmenu,
    27. #jv-submenu,
    28. #jv-submenudrop,
    29. #jv-header,
    30. #jv-container,
    31. #jv-footer {
    32.   width: 980px;
    33.    margin: 0 auto;
    34.    padding: 0;
    35.    clear: both;
    36. }
    37. /* MODULE TABLE
    38. ----------------------------------------------*/
    39. div.moduletable,
    40. div.moduletable_text,
    41. div.moduletable_menu {
    42.    
    43. }
    44. div.moduletable h3,
    45. div.moduletable_text h3,
    46. div.moduletable_menu h3 {
    47.    margin: 0 0 0 5px;
    48.    background: url(../images/h3-table.png) no-repeat bottom right;
    49.    line-height: 37px;
    50.    font-size: 130%;
    51.    color: #000000;
    52. }
    53. div.moduletable h3 span,
    54. div.moduletable_text h3 span,
    55. div.moduletable_menu h3 span {
    56.    display: block;
    57.    margin: 0 0 0 -5px;
    58.    padding-left: 40px;
    59.    line-height: 37px;
    60.    background: url(../images/span-table.png) no-repeat bottom left;
    61. }
    62. /* MODULE ROUNDED
    63. ----------------------------------------------*/
    64. div.jv-mod-br {
    65.    width: 100%;
    66.    margin: 0 0 15px;
    67.    background: url(../images/color-br.gif) no-repeat bottom right;
    68. }
    69. div.jv-mod-bl {
    70.    background: url(../images/color-bl.gif) no-repeat bottom left;
    71. }
    72. div.jv-mod-tr {
    73.    background: url(../images/color-tr.gif) no-repeat top right;
    74. }
    75. div.jv-mod-tl {
    76.    background: url(../images/color-tl.gif) no-repeat top left;
    77. }
    78. div.module h3,
    79. div.module_text h3,
    80. div.module_menu h3,
    81. div.module-blank h3  {
    82.    margin: 0;
    83.    padding: 0 0 0 18px;
    84.    line-height: 42px;
    85.    color: #f9f9f9;
    86. }
    87. div.module-blank {
    88.    background: url(../images/blank-br.gif) no-repeat bottom right;
    89. }
    90. div.module-blank div.jv-mod-bl {
    91.    background: url(../images/blank-bl.gif) no-repeat bottom left;
    92. }
    93. div.module-blank div.jv-mod-tr {
    94.    background: url(../images/blank-tr.gif) no-repeat top right;
    95. }
    96. div.module-blank div.jv-mod-tl {
    97.    background: url(../images/blank-tl.gif) no-repeat top left;
    98. }
    99. div.mod-content {
    100.    padding: 5px 10px 15px;
    101. }
    102. div.module-blank div.mod-content {
    103.    padding: 0;
    104. }
    105. div.mod-content ul.menu,
    106. div.mod-content ul.menu ul {
    107.    margin: 0;
    108.    padding: 0;
    109. }
    110. div.mod-content ul.menu li {
    111.    margin: 0;
    112.    padding: 0;
    113.    /*line-height: 26px;*/
    114.    background: none;
    115. }
    116. div.mod-content ul.menu li a {
    117.    padding: 0;
    118.    /*line-height: 26px;*/
    119.    display: block;
    120.    border-bottom: 1px solid #CCCCCC;
    121.   font-size: 100%;
    122.    
    123. }
    124. div.mod-content ul.menu li a span {
    125.    display: block;
    126.    color: #ad0366;
    127.   font-size: 100%;
    128.    padding: 7px 0px 7px 12px;
    129.    line-height: 100%;
    130. }
    131. div.mod-content ul.menu li#current.parent a,
    132. div.mod-content ul.menu li a:hover,
    133. div.mod-content ul.menu li a:active,
    134. div.mod-content ul.menu li a:focus {
    135.    color: #0286d2;
    136.   text-decoration: none;
    137. }
    138. div.mod-content ul.menu li#current a span,
    139. div.mod-content ul.menu li a:hover span,
    140. div.mod-content ul.menu li a:active span,
    141. div.mod-content ul.menu li a:focus span {
    142.     color: #0286d2;
    143. }
    144.  
    145. div.mod-content ul.menu li#current li a,
    146. div.mod-content ul.menu li li a {
    147.    color: #ad0366;
    148.   padding-left: 10px;
    149.    font-size: 95%;
    150. }
    151. div.mod-content ul.menu li#current li a span,
    152. div.mod-content ul.menu li li a span {
    153.    color: #ad0366;
    154.  
    155. }
    156. div.mod-content ul.menu li#current.parent li a:hover span,
    157. div.mod-content ul.menu li li#current a span,
    158. div.mod-content ul.menu li li a:hover span,
    159. div.mod-content ul.menu li li a:active span,
    160. div.mod-content ul.menu li li a:focus span {
    161.    color: #0286d2;
    162. }
    163. div.mod-content ul.menu li li#current li a,
    164. div.mod-content ul.menu li li li a {
    165.    padding-left: 40px;
    166.    font-size: 90%;
    167. }
    168. div.mod-content ul.menu li li#current li a span {
    169.   color: #ad0366;
    170. }
    171. div.mod-content ul.menu li li li#current li a,
    172. div.mod-content ul.menu li li li li a {
    173.    padding-left: 50px;
    174.    font-size: 85%;
    175. }
    176. div.mod-content ul.menu li li li#current li a span {
    177.   color: #ad0366;
    178. }
    179. /* END MODULETABLE
    180. ----------------------------------------------*/
    181.  
    182. /* BEGIN MAINMENU
    183. ------------------------------------------------------------ */
    184. #jv-mainmenuwrap {
    185.   background: #a90771 url(../images/main-bg.jpg) repeat-x bottom left;
    186.   height: 48px;
    187. }
    188. #jv-mainmenu {
    189.   padding: 0;
    190.    position: relative;
    191.    z-index: 999;
    192. }
    193. #jv-submenuwrap {
    194.   background: #340021;
    195. }
    196. #jv-submenu {
    197.   height: 48px;
    198. }
    199. #jv-submenudrop {
    200.   height: 48px;
    201. }
    202. /* END MAINMENU
    203. ------------------------------------------------------------ */
    204.  
    205. /* BEGIN HEADER
    206. -------------------------------------------------------------*/
    207. #jv-header {
    208.   overflow: hidden;
    209.    position: relative;
    210.    z-index: 10;
    211. }
    212. #jv-header-logo {
    213.   overflow: hidden;
    214.    width: 40%;
    215.    height: 120px;
    216.    float: left;
    217. }
    218. #jv-logo {
    219.   background: url(../images/logo.png) no-repeat top left;
    220.    display: block;
    221.    margin: 20px 0 0 0;
    222. }
    223. #jv-logo  img {
    224.   width: 203px;
    225.    height: 83px;
    226.    border: none;
    227.    background: none;
    228.    margin: 0;
    229.    padding: 0;
    230. }
    231. #jv-search {
    232.   position: absolute;
    233.    right: 0;
    234.    top: 40px;
    235.    z-index: 999;
    236.    display: inline-block;
    237. }
    238. #jv-search .search {
    239.   width: 295px;
    240.    height: 37px;
    241.    background: url(../images/search.png) no-repeat;
    242. }
    243. #jv-search .inputbox {
    244.   color: #cacaca;
    245.   background: none;
    246.    border: none;
    247.    height: 15px;
    248.    line-height: 15px;
    249.    padding: 11px 10px 11px 40px;
    250.    width: 168px;
    251. }
    252. #jv-search .button {
    253.   border: none;
    254.    background: none;
    255.    width: 71px;
    256.    height: 37px;
    257.    margin: 0;
    258.    padding: 0;
    259.    cursor: pointer;
    260.    line-height: 32px;
    261.    text-indent: -999em;
    262. }
    263.  
    264. /* END HEADER
    265. -------------------------------------------------------------*/
    266.  
    267. /* BEGIN CONTAINER
    268. -------------------------------------------------------------*/
    269. #jv-main {
    270.   width: 100%;
    271.    clear: both;
    272.    display: inline-block;
    273.    margin-bottom: 15px;
    274. }
    275. #jv-body-tr {
    276.   height: 6px;
    277.    background: url(../images/body-tr.png) no-repeat bottom right;
    278.    margin-left: 6px;
    279. }
    280. #jv-body-tl {
    281.   background: url(../images/body-tl.png) no-repeat bottom left;
    282.    margin-left: -6px;
    283.    height: 6px;
    284.    line-height: 6px;
    285.    overflow: hidden;
    286. }
    287. #jv-body-cr {
    288.   width: 100%;
    289.    clear: both;
    290. }
    291. #jv-body-cl {
    292.   border-left: 1px solid #e3e3e3;
    293.   border-right: 1px solid #e3e3e3;
    294.   background: #f9f9f9;
    295.   padding: 7px 13px;
    296. }
    297. #jv-body-br {
    298.   background: url(../images/body-br.png) no-repeat top right;
    299.    margin-left: 6px;
    300. }
    301. #jv-body-bl {
    302.   background: url(../images/body-bl.png) no-repeat top left;
    303.    margin-left: -6px;
    304.    height: 6px;
    305. }
    306. #jv-body-cl div.jv-mod-br {
    307.   background: url(../images/h3-br.gif) no-repeat bottom right;
    308. }
    309. #jv-body-cl div.jv-mod-bl {
    310.   background: url(../images/h3-bl.gif) no-repeat bottom left;
    311. }
    312. #jv-body-cl div.jv-mod-tr {
    313.   background: url(../images/h3-tr.gif) no-repeat top right;
    314. }
    315. #jv-body-cl div.jv-mod-tl {
    316.   background: url(../images/h3-tl.gif) no-repeat top left;
    317.    overflow: hidden;
    318. }
    319. #jv-body-cl div.jv-mod-br h3 {
    320.   border-bottom: 1px solid #e1e1e1;
    321.   line-height: 40px;
    322.    padding-left: 0;
    323.    font-size: 130%;
    324. }
    325. #jv-body-cl div.jv-mod-br h3 span {
    326.   background: url(../images/h3-span.gif) no-repeat 17px 10px;
    327.    display: block;
    328.    padding-left: 40px;
    329.    color: #323232;
    330. }
    331. #jv-body-cl div.module-art {
    332.   background: #980153 url(../images/art-br.gif) no-repeat bottom right;
    333. }
    334. #jv-body-cl div.module-art div.jv-mod-bl {
    335.   background: url(../images/art-bl.gif) no-repeat bottom left;
    336. }
    337. #jv-body-cl div.module-art div.jv-mod-tr {
    338.   background: url(../images/art-tr.gif) no-repeat top right;
    339. }
    340. #jv-body-cl div.module-art div.jv-mod-tl {
    341.   background: url(../images/art-tl.gif) no-repeat top left;
    342. }
    343. #jv-body-cl div.module-art div.jv-mod-br h3 {
    344.   display: none;
    345. }
    346. div.module-art div.mod-content {
    347.    padding: 8px;
    348. }
    349. .jv-box-left div.jv-box-inner {
    350.    margin-right: 7px;
    351. }
    352. .jv-box-right div.jv-box-inner {
    353.    margin-left: 7px;
    354. }
    355. .jdSlideshow a.left  {
    356.    background: url(../images/arrow-left.png) no-repeat left center;
    357.    width: 19px;
    358.    height: 96px;
    359.    opacity: 1;
    360.    filter: alpha(opacity=100);
    361. }
    362. .jdSlideshow a.right  {
    363.    background: url(../images/arrow-right.png) no-repeat right center;
    364.    width: 19px;
    365.    height: 96px;
    366.    opacity: 1;
    367.    filter: alpha(opacity=100);
    368. }
    369. .jdSlideshow a.left:hover,
    370. .jdSlideshow a.right:hover {
    371.    opacity: 1;
    372.    filter: alpha(opacity=100);
    373. }
    374. .jv_vheadline_wrap div.jv-pagislide {
    375.    margin-left: 0;
    376. }
    377. #jv-content-slide {
    378.   width: 100%;
    379.    overflow: hidden;
    380. }
    381. #jv-pathway {
    382.   width: 100%;
    383.    clear: both;
    384.    display: inline-block;
    385.    background: url(../images/path-r.gif) no-repeat bottom right;
    386.    margin-bottom: 15px;
    387. }
    388. #jv-pathway-pad {
    389.   background: url(../images/path-l.gif) no-repeat bottom left;
    390.    height: 32px;
    391.    overflow: hidden;
    392. }
    393. #jv-pathway-pad span.breadcrumbs {
    394.   line-height: 32px;
    395.    display: block;
    396.    color: #f9f9f9;
    397.   padding: 0 5px;
    398. }
    399. #jv-pathway-pad span.breadcrumbs a.pathway {
    400.   color: #f9f9f9;
    401.   display: inline-block;
    402.    line-height: 32px;
    403.    font-weight: bold;
    404.    padding: 0 25px 0 10px;
    405.    background: url(../images/arrow-pathway.gif) no-repeat right center;
    406. }
    407. #jv-pathway-pad span.breadcrumbs span.pathway-inner {
    408.   padding: 0 10px;
    409. }
    410. #jv-userbox-wrap {
    411.   width: 100%;
    412.    clear: both;
    413.    display: inline-block;
    414. }
    415. #jv-userbox {
    416.   margin: 0;
    417.    padding: 0;
    418. }
    419. .jv-box-left,
    420. .jv-box-center {
    421.    float: left;
    422.    overflow: hidden;
    423. }
    424. .jv-box-right {
    425.    float: right;
    426.    overflow: hidden;
    427. }
    428. .jv-box-full {
    429.    float: none;
    430.    clear: both;
    431.    overflow: hidden;
    432. }
    433. ul.latestnews,
    434. ul.mostread {
    435.    margin: 0;
    436. }
    437. #jv-userbox .latestnewsitems {
    438.   padding-bottom: 10px;
    439.    border-bottom: 1px solid #e1e1e1;
    440. }
    441. #jv-userbox div.latestnewsitems img {
    442.   padding: 4px;
    443.    background: #eeeeee;
    444. }
    445. /* Begin colright */
    446. #jv-colright {
    447.   float: right;
    448.    width: 300px;
    449.    overflow: hidden;
    450. }
    451. #jv-colright-pad {
    452.   margin: 0;
    453.    padding: 0;
    454. }
    455. #jv-colright-pad .latestnewsitems {
    456.   padding-bottom: 10px;
    457.    border-bottom: 1px dashed #e1e1e1;
    458. }
    459. #jv-colright-pad div.latestnewsitems img {
    460.   background: #eeeeee;
    461.   margin-top: 8px;
    462. }
    463.  
    464. #jv-colright-pad .latestnewsdate {
    465.   color: #8d8d8d;
    466.   font-size: 0.8em;
    467.    font-weight: bold;
    468. }
    469. #jv-colright-pad div.module-blank div.mod-content {
    470.   padding: 8px;
    471. }
    472. .jv-member {
    473.    clear: both;
    474.    overflow: hidden;
    475.    padding: 5px 0 10px;
    476. }
    477. .jv-member-img {
    478.    float: left;
    479. }
    480. .jv-member-img img {
    481.    padding: 5px;
    482.    background: #eeeeee;
    483.   border: none;
    484.    margin: 0 10px 0 6px;
    485. }
    486. .jv-member-content h4 {
    487.    margin: 0;
    488. }
    489. .jv-member-see {
    490.    color: #8c8c8c;
    491. }
    492. .jv-member-comment {
    493.    color: #0286d2;
    494. }
    495. .memberhover {
    496.    background: #dee7f5;
    497.   cursor: pointer;
    498. }
    499. /* END CONTAINER
    500. -------------------------------------------------------------*/
    501.  
    502. /* BEGIN FOOTER
    503. -------------------------------------------------------------*/
    504. #jv-useradd-tc {
    505.   width: 100%;
    506.    overflow: hidden;
    507.    background: #990154 url(../images/add-tc.gif) repeat-x top center;
    508. }
    509. #jv-useradd-tr {
    510.   width: 100%;
    511.    overflow: hidden;
    512.    background: url(../images/add-tr.gif) no-repeat top right;
    513. }
    514. #jv-useradd-tl {
    515.   background: url(../images/add-tl.gif) no-repeat top left;
    516.    padding: 14px 14px 50px;
    517.    display: block;
    518.    color: #E1E1E1;
    519.   overflow: hidden;
    520. }
    521. #jv-useradd-tl a {
    522.   color: #FFF;
    523. }
    524. #jv-useradd-tl a:hover span,
    525. #jv-useradd-tl a:focus span,
    526. #jv-useradd-tl a:active span {
    527.   color: #FFF;
    528.   text-decoration: underline;
    529. }
    530. #jv-useradd-br {
    531.   background: url(../images/add-br.gif) no-repeat top right;
    532. }
    533. #jv-useradd-bl {
    534.   background: url(../images/add-bl.gif) no-repeat top left;
    535.    height: 4px;
    536. }
    537. #jv-user6 {
    538.   float: left;
    539. }
    540. #jv-user7 {
    541.   float: left;
    542. }
    543. #jv-user8 {
    544.   float: right;
    545. }
    546. #jv-user6 div.moduletable,
    547. #jv-user6 div.moduletable_text,
    548. #jv-user6 div.moduletable_menu {
    549.   margin: 0 11px 0 0;
    550. }
    551. #jv-user6  blockquote {
    552.   padding: 1em 6px;
    553. }
    554. #jv-user7 div.moduletable,
    555. #jv-user7 div.moduletable_text,
    556. #jv-user7 div.moduletable_menu {
    557.   margin: 0 0 0 11px;
    558. }
    559. .jv-useradd div.mod-content {
    560.    overflow: hidden;
    561. }
    562. #jv-user8 .mod-content img {
    563.   margin: 0 5px 5px 0px;
    564.    padding: 5px;
    565.    background: #bc0068;
    566. }
    567. .jv-useradd div.mod-content ul li a {
    568.    border-bottom: 1px solid #b20665;
    569.   background: url(../images/foot-arrow.png) no-repeat 5px 7px;
    570. }
    571. .jv-useradd div.mod-content ul li a span {
    572.    color: #ffffff;
    573.   padding-left:20px;
    574. }
    575. .jv-copyright {
    576.    clear: both;
    577.    background: url(../images/footer-r.png) no-repeat bottom right;
    578.    margin-top: -5px;
    579.    margin-bottom: 20px;
    580. }
    581. .jv-copyright-pad {
    582.    background: url(../images/footer-l.png) no-repeat bottom left;
    583.    min-height: 40px;
    584.    color: #f9f9f9;
    585.   padding: 5px 0;
    586.    text-align: center;
    587. }
    588. .jv-copyright-pad a {
    589.    color: #ffffff;
    590. }
    591.  
    592. /* END FOOTER
    593. -------------------------------------------------------------*/
    594.  
    595.  
    596. /* Clearfix */
    597. .clearfix {
    598.    clear: both;
    599. }
    600. .clearfix:after {
    601.    clear: both;
    602.    display: block;
    603.    content: ".";
    604.    height: 0;
    605.    visibility: hidden;
    606. }
    607.  
    608. * HTML > body .clearfix {
    609.    width: 100%;
    610.    display: block;
    611. }
    612. *+html .clearfix,
    613. * HTML .clearfix {
    614.    height: 1%;
    615. }
    616.  
    617. select {
    618.    padding: 3px;
    619.    border: none;
    620.    background: url(../images/bg-select.jpg) no-repeat 0 0;
    621. }
    622. .jv-item {
    623.    margin: 10px 0;
    624.    display: block;
    625.    clear: both;
    626. }
    627. .jv-item label {
    628.    margin-right: 10px;
    629.    width: 110px;
    630.    text-align: right;
    631. }
    632. .jv-item .button {
    633.    margin: 0 auto;
    634.    padding: 0;
    635.    width: 145px;
    636.    height: 28px;
    637.    display: block;
    638.    font-size: 120%;
    639.    font-weight: bold;
    640.    background: url(../images/button2.jpg) no-repeat 0 0;
    641. }
     
    Последнее редактирование: 25.03.2012
  2.  
  3. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 963
    Симпатии:
    168
    Пол:
    Мужской
    Не понял чего ты хочешь то? Чтобы при добавлении нового модуля к нему не добавлялся класс или суффикс класса? Тогда либо <jdoc:include type="modules" name="..." style="none" />, либо смотри в html/modules.php какие у тебя ещё стили есть без классов выводяться.
     

Поделиться этой страницей

Загрузка...