ESPAÇO ENTRE ARTIGOS NA PAGINA PRINCIPAL

  • markba
  • Avatar de markba Autor do Tópico
  • Offline
  • JCB! Estagiário
  • JCB! Estagiário
Mais
11 anos 6 meses atrás #82237 por markba
markba created the topic: ESPAÇO ENTRE ARTIGOS NA PAGINA PRINCIPAL
Olá amigos,
Estou precisando de uma grande ajuda do forum. Criei um site com o template: bt_arise mas na pagina principal, configurei para 1 artigo principal e 2 colunas, o grande problema é que os artigos ficam muito juntos e gostaria de um espaço entre eles, mas não descobrir onde mudar.
Por favor alguem poderia ver o site e mim da uma dica quente como fazer essa configuração:
veja o site: http://www.igrejamdn.com /
Fico muito agradecido.

[color=#000080:11f1be2v]Jesus Cristo único Senhor e salvador[/color:11f1be2v]

Please Entrar ou Registrar to join the conversation.


  • alexandresilva83
  • Avatar de alexandresilva83
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
11 anos 6 meses atrás #82246 por alexandresilva83
alexandresilva83 replied the topic: Re: ESPAÇO ENTRE ARTIGOS NA PAGINA PRINCIPAL
Olá Markba... para solucionar o seu problema será necessário alterar dois arquivos, vamos lá ...

No arquivo "layout.css (linha 96)", seletor ".cols-2 .item" altere o valor da propriedade "width" para 48%.

Depois no arquivo "template.css (linha 93)", seletor ".item", inclua a propriedade "padding" com o valor de "5px".


Abraço.

(11) 981413910 / (81) 99007002
<!-- m --><a class="postlink" href=" www.facebook.com/pages/CreativaWeb/254572091266445 " onclick="window.open(this.href);return false;"> www.facebook.com/pages/Creativa ... 2091266445</a><!-- m -->

O único lugar onde o sucesso vem antes do trabalho é...

Please Entrar ou Registrar to join the conversation.

  • markba
  • Avatar de markba Autor do Tópico
  • Offline
  • JCB! Estagiário
  • JCB! Estagiário
Mais
11 anos 6 meses atrás #82248 por markba
markba replied the topic: Re: ESPAÇO ENTRE ARTIGOS NA PAGINA PRINCIPAL
OLá alexandresilva83,
Fico agradecido que tenha respondido o forum. Mas veja bem; eu não encontrei os codigos que mim falou. Voê disse: "No arquivo "layout.css (linha 96)", seletor ".cols-2 .item" altere o valor da propriedade "width" para 48%.

Depois no arquivo "template.css (linha 93)", seletor ".item", inclua a propriedade "padding" com o valor de "5px"."

Olhei nos CSS do tema e não vi nada disto: veja os meus códigos:

VEJA O Template.CSS
/*
*
* JA T3 Blank template for joomla 1.7
*
* Copyright (C) 2004-2011 JoomlArt.com. All Rights Reserved.
* @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
* Author: JoomlArt.com
* Websites: [url=http://www.joomlart.com" onclick="window.open(this.href);return false;]http://www.joomlart.com[/url] - [url=http://www.joomlancers.com" onclick="window.open(this.href);return false;]http://www.joomlancers.com[/url].
*
*/
/* COMMON STYLE
*/
body {
color: #545454;
font-family: Helvetica, Arial, sans-serif;
}

body#bd { background: #fff; color: #545454; }

body#bd #ja-wrapper { background: url(../images/bgd-wrapper.png) repeat-x; }

body#bd #ja-wrapper-inner { background: url(../images/bgd-wrapper-inner.png) top center no-repeat; }
.column p{ margin:10px 0 0;}
*:focus{outline:none;}
.button{ cursor:pointer;}

/* Normal links ---*/
a { color: #6a7f08; text-decoration: none; }

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

.clr {
clear: both;
display: block;
float: none;
height: 0;
line-height: 0;
}


/* Readon links ---*/
p.readmore{
text-align:right;
margin:20px 0 0;
}
p.readmore a {
text-transform: uppercase;
background: #e8e8e8 url(../images/bgd-readmore.png) no-repeat right top;
color:#7d7d7d;
padding: 0 30px 0 7px;
line-height:22px;
display:inline-block;
font-size:13px;
}
p.readmore a:hover {
color:#fff;
background-color: #93b008;
background-position: right -22px;
}

.contentheading, .componentheading, h1, h2, h3, h4, h5 {
font-family: Georgia, "Times New Roman", Times, serif;
/*font-weight:normal;*/
}

h1.componentheading, .componentheading {
border-bottom: 1px solid #ccc;
font-weight: normal;
}

h2.contentheading, .contentheading {
font-weight: normal;
text-transform:none;
padding:5px 0;
}
.contentheading a, .contentheading a:hover, .contentheading a:active, .contentheading a:focus {
color: #545454;
}

h1,h2,h3 {text-transform:uppercase;}
h1 { font-size:30px; }
h2 { font-size:24px; }
h3 { font-size:18px; }
h4 { font-size:18px;text-transform:inherit; }
h5 { font-size:16px; }

.contentheading { font-size: 200%; }
h1.pageheading{font-size:36px;margin:0;text-transform:uppercase;padding:0 0 5px;font-weight:bold;}

.blog-featured .contentheading {
color: #545454;
font-size: 180%;
text-transform:none;
}
.blog-featured .contentheading a {
color: #545454;
}
.blog-featured .contentheading a:hover,
.blog-featured .contentheading a:active,
.blog-featured .contentheading a:focus{
color:#6A7F08;
}


.jitem-title { font-size: 110%; font-weight: bold; }

/* Others ---*/
hr { border-top: 1px solid #ccc; }
.column ul li{background:url(../images/bullet.png) no-repeat 15px 8px;}


/* FORM
*/
input, select, textarea, .inputbox {
padding: 2px;
font-family: Helvetica, Arial, sans-serif;
}

.inputbox { border: 1px solid #ccc; background: #fff; }

.inputbox:hover, .inputbox:focus { background: #ffffcc; }

/* Search ---*/

form#searchForm { padding:0;}

.searchintro { border-bottom: 1px solid #ccc; }

#search-searchword{ background:url(../images/bgd-inputbox.png) no-repeat top left; border:none; width:209px;padding:5px 0; text-indent:5px;}

form#searchForm .button{ /*background:url(../images/bgd-bt-search.png) no-repeat top left; border:none;width:88px; line-height:24px; padding:0; text-align:center;color:#fff;font-size:18px;text-transform:uppercase;*/}

.results h4 { text-transform: none; font-size: 110%; }

.search fieldset { border: 1px solid #ccc; margin: 15px 0; padding: 10px; }

.search legend { font-size: 100%; font-weight: bolder; line-height: 1.2; margin-left: 10px; }

.search .search-results{
margin: 20px 0 0;
}

.search dd{
margin:0;
}

.search .result-title{
padding-top:10px;
/*color:#607706;*/
font-size:20px;
font-weight:normal;
}

.search .result-created{
background: url("../images/dot-line.png") repeat-x scroll left bottom transparent;
padding: 0 0 10px 0;
}

/* Contact ---*/
#component-contact #emailForm { border-top: 1px solid #ccc;}

#contact-slider {
float: none;
border-bottom: 1px solid #e2e2b5;
}

#contact-slider .title {
padding: 8px 10px;
border-top: 1px solid #e2e2b5;
border-left: 1px solid #e2e2b5;
border-right: 1px solid #e2e2b5;
margin: 0;
}

#contact-slider .jpane-toggler-down {
background: #333333;
}

#contact-slider .jpane-toggler-down a {
color: #fff;
}

#contact-slider dt.closed {
background: #ffffcc;
}

#contact-slider .content {
border: 1px solid #e2e2b5;
padding: 8px 10px;
}

#contact-slider .contact-image {
margin: 15px 0;
float: right;
}
.infoContact{
background:url(../images/title-address.png) no-repeat top left;
}
.formContact{
background:url(../images/title-contact.png) no-repeat top left;
}
.block-inner{
padding-left:40px;
}
#ja-content-main .contact h3{
border:none;
color:#627707;
font-size:22px;
padding-left:10px;
margin:15px 0;
}
div.contact-address{
clear:both;
}
.contact-suburb{
display:block;
}
.jicons-icons{
width:20px;
padding-right:15px;
float:left;
}
.contact-address address{
float:left;
font-style:normal;
line-height:25px;
}
.contact-contactinfo{
line-height:21px;
}
.infoContact{
float:left;
width:40%;
}
.formContact{
float:right;
width:55%;
}
.contact-form dl{
margin:0;
}
fieldset label{
min-width:110px;
display:inline-block;
}
.contact-form label{
line-height:25px;
padding:0px 0 0px 7px;
background:#f4f4f4;
border-right:1px solid #e5e5e5;
/*border-radius:5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;*/
margin:1px;
font-weight:normal;
}
.contact-form .row-contact{
margin:5px 0;
border:1px solid #e5e5e5;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
line-height:27px;
padding:0;
}
.contact-form input{
border:none;
border-color: transparent;
}
#jform_contact_message-lbl{
display:block;
}
#jform_contact_email_copy-lbl{
background:none;
border:none;
}
#jform_contact_emailmsg,
#jform_contact_email,
#jform_contact_name{
width:200px;
}
#jform_contact_message{
border:none;
border-color: transparent;
width:98%;
}
.contact-form .button{
border:none!important;
color:#fff;
text-transform:uppercase;
line-height:32px;
text-align:center;
cursor:pointer;
text-shadow:0px -1px #617607;
margin:0;
/*border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;*/
}
.infoMap{
padding:0 0 25px;
}
.map-bar{
background:#e1e1e1;
display:inline-block;
width:90px;
padding:0 10px;
border-radius:4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
}
.map-bar span{
background:url(../images/icon-map.png) no-repeat right center;
line-height:30px;
display:block;
padding: 0 0px 0 0px;
color:#919191;
font-size:18px;
text-transform:uppercase;
cursor:pointer;
}
.map-show{
display:none;
margin-top:1px;
}
/* -- EDITOR STYLES
*/
#adminForm fieldset {
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 20px;
}

#adminForm fieldset legend {
padding: 0 5px;
}

/* JOOMLA STYLE
*/
/* Layout Deco ---*/
.items-leading { background:url(../images/dot-line.png) repeat-x bottom left; padding:0 0 0px 0; }

.items-row { border-bottom: 1px dotted #787878; }

/* Meta ---*/
.article-head{
padding-bottom:5px; /*tampt 9-Feb*/
}
dl.article-info { /*color: #999;*/ text-transform: none; }
.article-tools {
clear: none;
font-size:12px;
}
dl.article-info dd, dl.article-info dt {
padding:0;
}
dd.createdby span{ color:#89a408;}
dl.article-info a{
/*font-weight:bold;*/
font-size:12px;
color:#89a408;
}
.article-date {
/*height: 53px;
padding-top: 6px;
margin-right: 15px*/
width: 40px;
height:48px;
padding-top:9px;
padding-right:28px;
margin-right:-13px;
background: url(../images/article-date.png) no-repeat;
color: #fff;
text-align: center;
float: left;
}

.contentdescription { border-bottom: 1px solid #ccc; }

ul.actions li {
display: inline;
background: none;
padding: 0;
margin: 0;
line-height: 1;
}

/*Inline images ---*/
.img_caption { margin-top:5px;}
.img_caption.left{ margin-right:15px; }
p.img_caption { color: #999; text-transform: uppercase; }
img.caption {
border: 1px #d4d4d4 solid!important;
padding: 1px;
}

/* Tables ---*/
thead tr th {
background: #333;
color: #fff;
padding: 5px;
}

thead tr th a,
thead tr th a:hover,
thead tr th a:focus,
thead tr th a:active { color: #fff; }

.cat-list-row1,
.cat-list-row12,
tr.cat-list-row1 td,
tr.cat-list-row2 td { border-bottom: 1px solid #ccc; padding: 5px; }

.cat-list-row1:hover,
.cat-list-row2:hover { background: #ffffcc; }

.cat-list-row2,
tr.cat-list-row2 td { background-color: #f6f6f6; }

/* Content Toc */
table.contenttoc { border: 1px solid #ccc; }

table.contenttoc td { border-bottom: 1px dotted #ccc; }

table.contenttoc th {
background: #f6f6f6;
border-bottom: 1px solid #ccc;
text-transform: uppercase;
}

/* Poll */
form#poll {
border-bottom: 1px dotted #ccc;
font-weight: bold;
}

dl.poll { border-bottom: 1px dotted #ccc; }

table.pollstableborder td {
background: #f6f6f6;
border-bottom: 1px solid #ccc;
font-weight: bold;
padding: 5px !important;
}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }

/* Pagination ---*/
div.pagination{
text-align: center;
padding: 10px 0;
}
.column .pagination ul li, ul.pagenav li {
background: none repeat scroll 0 0 transparent !important;
display: inline;
list-style: none outside none;
padding: 0 7px !important;

}
.column .pagination ul li,
.pagination ul{
float:none!important;
list-style:none;
}
.pagination ul, ul.pagenav {
margin: 10px 0;
}
.ja-content-main .counter {
text-align:center;
float:none;
}
.pagination ul li span.pagenav, .pagination ul li a.pagenav, ul.pagenav li a {
padding: 0;
}
.pagination li span{
background:none!important;
}
/*.pagination ul{
width:100%;
}
.pagination li span,
.pagination li a,
.pagination li strong { line-height: 35px;display:inline-block; color:#545454;}

.pagination li span{
background:url(../images/bg-pagnav-active.png) no-repeat top center;
color:#fff;
padding:0;
width:22px;
text-align:center;
}
.pagination li.pagination-prev span,
.pagination li.pagination-start span,
.pagination li.pagination-next span,
.pagination li.pagination-end span{
background:none;
color:#545454;
padding:0 5px;
width: auto;
}*/
.pagination li a:hover{
color:#545454;
}

.items-more { border-bottom: 1px solid #ccc; }

.items-more h3 { font-size: 125%; }

.pagenav{
width:100%;
}
.pagenav li.pagenav-next{
float:right;
}

/* MODULE STYLES
*/
div.ja-moduletable h3, div.moduletable h3 {
font-size: 150%;
color: #627707;
text-transform: uppercase;
font-family: Helvetica, Arial, sans-serif;
border-bottom: 1px solid #ccc;
}

#ja-left div.ja-moduletable, #ja-left div.moduletable,
#ja-inset2 div.ja-moduletable, #ja-inset2 div.moduletable,
#ja-right div.ja-moduletable, #ja-right div.moduletable {
border: 1px #dcdcdc solid;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
overflow: hidden;
}

#ja-left div.ja-moduletable h3, #ja-left div.moduletable h3,
#ja-inset2 div.ja-moduletable h3, #ja-inset2 div.moduletable h3,
#ja-right div.ja-moduletable h3, #ja-right div.moduletable h3 {
background: url(../images/bgd-module-h3.png) no-repeat bottom center;
margin: 0;
padding: 0 0 10px;
border-bottom: 0;
}

#ja-left div.ja-moduletable h3 span, #ja-left div.moduletable h3 span,
#ja-inset2 div.ja-moduletable h3 span, #ja-inset2 div.moduletable h3 span,
#ja-right div.ja-moduletable h3 span, #ja-right div.moduletable h3 span {
text-indent: 7px;
background: url(../images/bgd-left-module-h3.png) repeat-x;
line-height: 38px;
margin: 0;
padding: 0;
color: #fff;
display:block;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}


#ja-left div.moduletable_spotline,
#ja-inset2 div.moduletable_spotline,
#ja-right div.moduletable_spotline {
background-color: #778c0c;
background-image:url("../images/bgd-module-spotline.png");
background-repeat: no-repeat;
color: #fff;
border: 0;
}

#ja-left div.moduletable_spotline ul.menu li,
#ja-inset2 div.moduletable_spotline ul.menu li,
#ja-right div.moduletable_spotline ul.menu li {
border-bottom: 1px dotted #ccc;
background-color: transparent;
background-image: url(../images/bullet1.png);
background-position: 10px 12px;
background-repeat: no-repeat;
text-indent: 20px;
}
#ja-left div.moduletable_spotline ul.menu li:hover,
#ja-inset2 div.moduletable_spotline ul.menu li:hover,
#ja-right div.moduletable_spotline ul.menu li:hover {
background-color: #697c0b;
}
#ja-left div.moduletable_spotline ul.menu li li,
#ja-inset2 div.moduletable_spotline ul.menu li li,
#ja-right div.moduletable_spotline ul.menu li li {
border-top: 1px dotted #fff;
border-bottom: 0 none;
}
#ja-left div.moduletable_spotline ul.menu li.active > a,
#ja-inset2 div.moduletable_spotline ul.menu li.active > a,
#ja-right div.moduletable_spotline ul.menu li.active > a {
font-weight: normal;
}
#ja-left div.moduletable_spotline li a,
#ja-inset2 div.moduletable_spotline li a,
#ja-right div.moduletable_spotline li a {
color: #fff;
font-family: 'Cuprum';
font-size: 130%;
padding: 8px 0 8px 10px;
}
#ja-left div.moduletable_spotline h3 span,
#ja-inset2 div.moduletable_spotline h3 span,
#ja-right div.moduletable_spotline h3 span {
background: url(../images/bgd-module-spotline-h3.png) 12px center no-repeat;
text-indent: 40px;
height: 40px;
line-height: 40px;
border-bottom: 1px #fff dotted;
display:block;
text-shadow:0px -1px #617607;
}

#ja-left div.ja-moduletable .ja-box-ct, #ja-left div.moduletable .ja-box-ct,
#ja-inset2 div.ja-moduletable .ja-box-ct, #ja-inset2 div.moduletable .ja-box-ct,
#ja-right div.ja-moduletable .ja-box-ct, #ja-right div.moduletable .ja-box-ct {
padding: 0 7px;
/*background: url(../images/bgd-left-module-content1.png) center top no-repeat;*/
}

#ja-left div.moduletable_text h3,
#ja-inset2 div.moduletable_text h3,
#ja-right div.moduletable_text h3{
background:none;
padding:0;
}
#ja-left div.moduletable_text h3 span,
#ja-inset2 div.moduletable_text h3 span,
#ja-right div.moduletable_text h3 span {
background: none;
border-bottom: 1px #b6b6b6 dotted;
color: #757575;
}

#ja-left div.moduletable_office h3 span,
#ja-inset2 div.moduletable_office h3 span,
#ja-right div.moduletable_office h3 span{
background:url(../images/bgd-module-office-h3.png) no-repeat 12px 8px;
}

#ja-left div.moduletable_office h4,
#ja-inset2 div.moduletable_office h4,
#ja-right div.moduletable_office h4{
margin:10px 0 0;
}

#ja-left div.moduletable_office h4 a,
#ja-inset2 div.moduletable_office h4 a,
#ja-right div.moduletable_office h4 a{
font-weight:normal;
color:#fff;
}

#ja-left div.moduletable_office img,
#ja-inset2 div.moduletable_office img,
#ja-right div.moduletable_office img{
border:3px solid #fff;
}
/* Left Module */
#ja-left {
background:url(../images/bgd_left.jpg) no-repeat top right;
}
#ja-left div.moduletable_support{
padding:0;
}
#ja-left div.moduletable_support p{
margin:0;
padding:10px 0;
}
#ja-left div.moduletable_support img{
margin-right:10px;
}
#ja-left div.moduletable_support .com_profile{
border-bottom: 1px #b6b6b6 dotted;
border-top:1px #b6b6b6 dotted;
}
#ja-left div.moduletable_support span{
font-weight:bold;
color:#787878;
}
#ja-left div.moduletable_notitle,
#ja-inset2 div.moduletable_notitle,
#ja-right div.moduletable_notitle{
border:none;
}
#ja-left div.moduletable_notitle h3,
#ja-inset2 div.moduletable_notitle h3,
#ja-right div.moduletable_notitle h3{
background:none;
padding:0;
}
#ja-left div.moduletable_notitle h3 span,
#ja-inset2 div.moduletable_notitle h3 span,
#ja-right div.moduletable_notitle h3 span{
background:none!important;
color:#617805;
}
#ja-left div.moduletable_notitle .custom_notitle,
#ja-inset2 div.moduletable_notitle .custom_notitle,
#ja-right div.moduletable_notitle .custom_notitle{
line-height:24px;
}
#ja-left div.moduletable_featured .img_caption,
#ja-left div.moduletable_featured .caption{
float:none!important;
width:auto!important;
}
#ja-left div.moduletable_featured .caption{
margin:0;
border:3px solid #fff!important;
padding:0!important;
}
#ja-left div.moduletable_featured .newsflash-title_spotline{
font-size:130%;
font-weight:normal;
}
#ja-left div.moduletable_featuredk2 li{
border-bottom:none;
padding:0;
margin:0;
}
#ja-left div.moduletable_featuredk2 li a{
padding:0;
}
#ja-left div.moduletable_featuredk2 img{
border:3px solid #fff;
}
#ja-left div.moduletable_featured a.readmore,
#ja-left div.moduletable_featuredk2 a.moduleItemReadMore{
background-color:#a7c823;
background-image:url(../images/readmore_featured.png);
background-repeat: no-repeat;
background-position: right center;
padding:0 29px 0 7px ;
text-transform:uppercase;
color:#fff;
display:inline-block;
line-height:22px;
font-size:12px;
}
/* Search Module ---*/

#ja-search {
bottom:18px;
right:10px;
}
#ja-search .search {
display:block;
}
#ja-search .inputbox {
/*display: block;*/
width: 260px;
height: 32px;
line-height: 32px;
background: url(../images/bgd-search-field.png) no-repeat;
border:none;
padding:0 0 0 0px;
text-indent:10px;
color:#e6e6e6;
margin-right:7px;
}
#ja-search .button{
background:url(../images/bgd-search-button.png) no-repeat;
border:none;
text-indent:-999px;
width:32px;
height:32px;
line-height:32px;
padding:0 0 0 0px;
cursor:pointer;
position:relative;
top:0px;
}

/* Login Module ---*/
#ja-login {
position: absolute;
top: 13px;
right: 20px;
}
#ja-login .login{
background-image: url(../images/bgd-login.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 66px;
height: 36px;
}
#ja-login .reg-hover{
background-position: 0 -36px;
}
#ja-login .login li{
float:left;
list-style:none;
width:50%;
}
#ja-login .login li a{
cursor:pointer;
}
#ja-login li a.login-switch span,
#ja-login li a.register-switch span{
display:block;
height:36px;
text-indent:-9999px;
}
#ja-login-btn, #ja-register-btn {
width: 50%;
height: 36px;
float: left;
}
#ja-login-dialog {
display: none;
}
#ja-login-registration {
display: none;
}
#sbox-window {
border: 2px solid #DEDEDE;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.ja-modal-caption {
font-family: 'Cuprum';
color: #545454;
text-transform: uppercase;
font-size: 150%;
font-weight: normal;
height: 40px;
line-height: 40px;
background: url(../images/bgd-modal-caption.png) repeat-x;
margin-left: -10px;
margin-top: -10px;
text-indent: 14px;
position: absolute;
width: 100%;
border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px;
-webkit-border-radius: 8px 8px 0px 0px;
border-bottom: 1px #dedede solid;
}
#sbox-btn-close {
right: 5px;
top: 5px;
}

#login-form ul li {
background: url(../images/bullet.png) no-repeat 2px 6px;
line-height: 160%;
margin-bottom: 5px;
overflow: hidden;
padding-left: 12px;
}

#login-form a{
color:#545454;
}

#login-form label , .login label{
display:inline-block;
float:none;
}

#login-form #form-login-remember label {
display:inline;
}
.login_form .button, .login button{
margin:0;
}


#ja-login #btl .btl-panel > #btl-panel-profile,
#ja-login .logout{
background:url(../images/bgd-leftuser.png) no-repeat top left;
padding:0 0 0 12px;
margin:7px 0 0;
}
#ja-login #btl .btl-panel > #btl-panel-profile span,
#ja-login .logout li.logout-user{
background:url(../images/bgd-rightuser.png) no-repeat top right;
padding:0 18px 0 6px;
line-height:26px;
display:block;
color:#fff;
}
#btl-content > .btl-content-block{
right:0;
}
#btl-panel-registration,
#btl-panel-login{
display: block;
height: 36px;
text-indent: -9999px;
border:none;
width:33px;
float:left;
cursor: pointer;
}
.split_line{
border-top: 1px solid #DDDDDD;
margin: 10px 0;
}
.mainbox {
padding: 10px 15px;
}
.btl-label{
float:none;
padding:0;
margin:0;
}
.btl-input{
float:none;
margin:0;
}
div.btl-buttonsubmit{
padding:0;
text-align: left;
}
ul.bt-login-links li a{
color:#545454;
}
ul.bt-login-links li{
background: url("../images/bullet.png") no-repeat scroll 2px 6px transparent;
line-height: 160%;
margin-bottom: 5px;
overflow: hidden;
padding-left: 12px;
}
.btl-note{
margin:0;
padding:0;
}
.btl-field td{
padding:0;
}
.btl-label{
min-width: 110px;
}
div.btl-buttonsubmit span{
background:url(../images/bgd-button-left.png) no-repeat top left;
padding-left: 4px;
display:inline-block;
}
div.btl-buttonsubmit span button,
div.btl-buttonsubmit span .btl-buttonsubmit{
background:url(../images/bgd-button-right.png) no-repeat top right;
width: auto;
padding: 0 12px 0 8px;
}
div.btl-buttonsubmit span:hover{
background-position: left -34px;
}
div.btl-buttonsubmit span button:hover,
div.btl-buttonsubmit span .btl-buttonsubmit:hover{
background-position: right -34px;
}
#ja-login #bt-logged-in ul.menu li{
background:url(../images/bullet.png) no-repeat 5px 15px;padding: 0 0 0 20px;
}
#btl-content > .btl-content-block{
position: static;
}
#btl-content-profile{
line-height: 24px;
}
#btl-content-profile .module .custom, #btl-content-profile .moduletable .custom{
padding: 10px 0 0;
}
#btl-content-profile .btl-buttonsubmit {
display:block;
text-align: right!important;
float:none!important;
}


/*========= User panel ======*/
#bt-logged-in{
min-width:300px;
margin-top:3px;
padding:10px 0;
background:#f9f9f9;
}
#bt-logged-in .module,
#bt-logged-in .moduletable{
float:left;
width:200px;
}
#bt-logged-in .module .custom,
#bt-logged-in .moduletable .custom{
padding:10px 0 0;
}
#bt-logged-in h3{
color:#627905;
font-weight:normal;
border-bottom: 1px dotted #ccc;
padding: 5px 0 5px 10px;
margin:0;
}
#bt-logged-in ul.menu{
padding: 0 0 0 5px;

}
#bt-logged-in ul.menu li{
border-bottom:1px solid #e8e8e8;
line-height:37px;

}
#bt-logged-in ul.menu li a{
color:#616161;
}
#ja-login .button{
background-color:transparent;
background-image:url(../images/bgd-button.png);
background-repeat: no-repeat;
background-position: 0 0;
}
#ja-login .button:hover{
background-position: 0 -34px;
}

/* Advertisement ---*/
div.bannergroup_text div.banneritem { border-bottom: 1px dotted #ccc; padding:5px 0; }

/* MAIN LAYOUT DIVS
*/
#ja-container {
background: url(../images/bgd-bottom-r.png) center bottom repeat-x;
}
#ja-container .main {
padding: 0 0 0 0;
background: url(../images/bgd-bottom.png) center bottom no-repeat;
}

#ja-main .inner {
padding-top: 10px;
}

.main .main-inner1 { margin-left: -5px !important; margin-right: -5px !important; }

/* HEADER
*/
#ja-header { height: 96px;padding-bottom:10px; }
#ja-header .main { padding: 13px 0 0 20px; }

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 5px;}

/* Logo Image ---*/
h1.logo { width: 210px; height: auto; }

h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
width: 208px;
height: 85px;
}

/* Logo Text ---*/
div.logo-text h1 {
font-size: 200%;
font-family: Arial, sans-serif;
font-weight: bold;
}

div.logo-text h1 a {
text-decoration: none;
}

p.site-slogan {
color: #ccc;
display: block;
font-size: 85%;
margin: 3px 0 0;
padding: 0 10px;
text-transform: uppercase;
}
/* SLIDESHOW
*/
#ja-slideshow{
background:url(../images/bgd-slideshow.png) no-repeat bottom center;
}
#ja-slideshow .main{
background:url(../images/bg-mod-topsl.jpg) repeat-x scroll left bottom transparent;
}

/* NAVIGATION
*/
/* Main Nav ---*/
#ja-mainnav { height: 95px; }
#ja-mainnav .main { padding-left: 35px; }

/* Breadcrumbs ---*/
#ja-navhelper .main {
text-transform: uppercase;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.ja-breadcrums {
text-indent: 10px;
}
#ja-breadcrumbs .moduletable{
padding: 0 15px;
}
#ja-breadcrumbs .breadcrumbs{
background:url(../images/bgd-pathway.png) no-repeat bottom left;
padding:12px 0 12px 15px;
}
#ja-breadcrumbs .breadcrumbs-block{
background:url(../images/home-icon.png) no-repeat center left;
padding: 0 0 0 24px;
margin:0px 0 0 0px;
display:inline-block;
}
#ja-breadcrumbs img{
vertical-align:middle;
margin: 0 4px;
}

/* Extras ---*/
.ja-links { padding-right: 10px; }

.ja-links li { padding: 0 10px; }

/* Default Joomla! Menu ---*/
#ja-container ul.menu li { border-bottom: 1px dotted #ccc; }

#ja-container ul.menu li li { border-bottom: 0; border-top: 1px dotted #ccc; }

/* SPOTLIGHT
*/
#ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus, #ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
color:#545454;
}
#ja-topsl .ja-box, #ja-botsl .ja-box {
/*background: url(../images/dot-1.gif) repeat-y right;*/
}

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right {
background: 0;
}

#ja-topsl .ja-moduletable {
/*margin-top: 10px;*/
margin-bottom: 25px;
text-align:justify;
}
#ja-botsl div.ja-moduletable{
margin-bottom:10px;
}

#ja-topsl div.ja-moduletable h3,
#ja-botsl div.ja-moduletable h3 { border-bottom: 0; padding:10px 0 0 0; }

#ja-topsl ul.menu li, #ja-botsl ul.menu li,
#ja-topsl ul.latestnews li, #ja-botsl ul.latestnews li,
#ja-topsl ul.weblinks li, #ja-botsl ul.weblinks li {
background: url(../images/bullet.gif) no-repeat 1px 6px;
line-height: 160%;
margin-bottom: 5px;
overflow: hidden;
padding-left: 10px;
}

/* Top spotlight ---*/
#ja-topsl .ja-box{
/*background:url(../images/bg-mod-topsl.jpg) repeat-x top left;*/
}
#ja-topsl .main { padding: 0; }
#ja-topsl .main-inner1 { padding: 0px 0; border-bottom: 0px solid #ccc; margin:0!important; }
#ja-topsl img{
background:#fff;
padding:3px;
border:1px solid #c4c4c4!important;
margin:5px 10px 0 0;
}
#ja-topsl .moduletable_user1 h3,
#ja-topsl .moduletable_user2 h3,
#ja-topsl .moduletable_user3 h3{
text-indent:47px;
background-repeat:no-repeat;
background-position: top left;
padding:10px 0 18px 0px!important;
}
#ja-topsl .moduletable_user1 h3{
background-image:url(../images/icon_1.png);
}
#ja-topsl .moduletable_user2 h3{
background-image:url(../images/icon_2.png);
}
#ja-topsl .moduletable_user3 h3{
background-image:url(../images/icon_3.png);
}
#ja-topsl .readmore{
/*background:url(../images/icon_readmore.png) no-repeat center left;
padding-left:28px;*/
line-height:22px;
display:inline-block;
color:#617805;
font-size:11px;
font-weight:bold;
margin-top:10px;
}
/* Bot spotlight ---*/
#ja-botsl {
background: #121212;
color: #e6e6e6;
border-bottom: 1px #3b3b3b dotted;
}
#ja-botsl .main { padding: 0; }
#ja-botsl .main-inner1 { padding: 0 0 10px 0; border-top: 0px solid #ccc; }
#ja-botsl h3{
color:#fff;
font-weight:normal;
}
#ja-botsl ul.menu li,
#ja-botsl ul.latestnews li,
#ja-botsl ul.weblinks li{
background:url(../images/bullet_footer.png) no-repeat bottom left;
padding-left:7px;
margin:0;
line-height:28px;
}
#ja-botsl ul.menu li a,
#ja-botsl ul.latestnews li a,
#ja-botsl ul.weblinks li a{
display:block;
border-bottom:1px solid #1d1d1d;
color:#fff;
padding-left:10px;
}
#ja-botsl ul.menu li a:hover,
#ja-botsl ul.menu li a.active{
color:#d8d8d8;
}
#ja-botsl .moduletable_newsletter{
line-height:30px;
}
#ja-botsl .moduletable_newsletter .inputbox{
background:none;
border:1px solid #4b4b4b;
padding:6px;
color:#fff;
margin: 0 0px 0 0;
}
#ja-botsl .moduletable_newsletter .button{
background:url(../images/bt_newsletter.png) no-repeat top left;
border:none;
padding:0;
text-indent:-999px;
width:32px;
height:30px;
padding:0px 0;
position:relative;
top:1px;
}
#ja-botsl .moduletable_newsletter img{
margin-top:5px;
}
#ja-botsl div.ja-moduletable h3{
padding:30px 0 0 0;
}
#ja-botsl .moduletable_newsletter a{
width:28px;
height:28px;
line-height:28px;
display:inline-block;
text-indent: -999px;
margin-right: 7px;
position: relative;
float: left;
}
#ja-botsl .social-f {
background:url(../images/icon_f.png) no-repeat top left;
}
#ja-botsl .social-f:hover{
background-position: right -28px;
}
#ja-botsl .social-t {
background:url(../images/icon_t.png) no-repeat top left;
}
#ja-botsl .social-t:hover{
background-position: right -28px;
}
#ja-botsl .social-rss {
background:url(../images/icon_rss.png) no-repeat top left;
}
#ja-botsl .social-rss:hover {
background-position: right -28px;
}
#ja-botsl .social-g{
background:url(../images/icon_group.png) no-repeat top left;
}
#ja-botsl .social-g:hover {
background-position: right -28px;
}
/* FOOTER
*/
#ja-footer {
background: #121212;
color: #9f9f9f;
position:relative;
font-size:12px;
}
#ja-footer a{
color:#9f9f9f;
}
#ja-footer #ja-poweredby{
position:absolute;
top:0;
right:0;
}

/* MISCELLANOUS
*/
/* Others ---*/
#ja-top-panel .main-inner1 {
border: 2px dotted #e2e2b5;
padding: 5px 10px;
text-align: center;
margin-top: 15px;
background: #ffffcc;
position: relative;
}

#ja-banner { border-top: 1px solid #ccc; }

div.ja-innerdiv { border-bottom: 1px dotted #ccc; }

div.ja-innerdiv h4 {
font-family: Helvetica, Arial, sans-serif;
font-size: 92%;
font-weight: normal;
text-transform: uppercase;
}

a.ja-icon-video {
background: url(../images/icon-youtube.gif) no-repeat 5px 8px #fff;
border: 1px solid #ccc;
color: #666;
display: block;
font-weight: bold;
position: absolute;
padding: 5px 5px 5px 43px;
right: 10px;
top: 8px;
text-decoration: none;
width: 35px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 3px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
a.ja-icon-video span { color: #666; }

a.ja-icon-video:hover,
a.ja-icon-video:focus,
a.ja-icon-video:active { border-color: #ddd; text-decoration: none; }

a.ja-icon-video:hover span { color: #0F85D8; }

#ja-absolute .main {
position: fixed;
width: auto;
height: auto;
z-index: 99999;
top: 1px;
left: 1px;
}

#ja-absolute .main a {
width: 91px;
height: 99px;
overflow: hidden;
display: block;
background: url(../images/joomla15.png) no-repeat left top #fff;
text-indent: -9999px;
}

#ja-absolute .main a:hover,
#ja-absolute .main a:focus {
background-position: left bottom;
text-decoration: none;
}
/*====== Content ======*/
/*.item-page h1{margin:0;font-size:36px;text-transform:uppercase;padding-bottom:5px;}*/
#ja-content-mass-top{
padding-bottom:10px;
display:inline-block;
}
#ja-left1 .latestnews{
margin:5px 0;
}
#ja-left1 .latestnews li{
padding:0 0 10px;
margin:0 0 10px;
list-style:none;
background:none;
border-bottom:1px dotted #CCCCCC;
}
#ja-left1 ul li a.moduleItemReadMore {
/*background: url("../images/icon-readmore2.png") no-repeat scroll left center transparent;
padding-left: 15px;*/
}
#ja-left1 .latestnews li img.caption{
width:72px;
border:none;
margin:4px 7px 7px 0;
}
/*======= Twitter Feed =========*/
#ja-botsl div.moduletable_twitterfeed h3{
background-image: url(../images/twitter_feed.png);
background-repeat: no-repeat;
background-position: center left;
padding:30px 0 20px 0px;
text-indent: 50px;
}
.twtr-widget .twtr-tweet{
border:none!important;
}
.twtr-hd,
.twtr-ft{
display:none;
}
.twtr-ft div{
padding:10px 0!important;
}
.twtr-timeline{
height:auto!important;
}
.twtr-tweet-wrap{
padding:6px 0!important;
line-height:24px;
}
.twtr-widget h3, .twtr-widget h4, .twtr-widget p{
line-height:24px!important;
}
/*======= BT CONTENT SLIDER ========*/
.btcontentslider_tl {
background:url(../images/btcontentslider_tl.png) no-repeat top left;
float:left;
width:7px;
height:7px;
}
.btcontentslider_tr {
background:url(../images/btcontentslider_tr.png) no-repeat top right;
float:right;
width:7px;
height:7px;
}
.btcontentslider_tm{
background:url(../images/btcontentslider_tm.png) repeat-x top left;
height:7px;
}
.bt-social-share{
padding:10px 0;
}



E veja o codigo do Layout.CSS


/**
*
* JA T3 System plugin for Joomla 1.7
*
* Copyright (C) 2004-2011 JoomlArt.com. All Rights Reserved.
* @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
* Author: JoomlArt.com
* Websites: [url=http://www.joomlart.com" onclick="window.open(this.href);return false;]http://www.joomlart.com[/url] - [url=http://www.joomlancers.com" onclick="window.open(this.href);return false;]http://www.joomlancers.com[/url].
*
*/

/* MAIN LAYOUT DIVS
*/

/* Gutter ---*/
.main .inner {
/* We use liquid layout, so we need to insert a div which will create margin if need */
padding-left: 13px;
padding-right: 13px;
}

.main .main-inner1 {
/* We use liquid layout, so we need to insert a div which will create margin if need */
margin-left: 13px;
margin-right: 13px;
}

.column div.ja-moduletable, .column div.moduletable, .column div.ja-module, .column div.module {
/* for side columns and spotlight, we only need to add margin or padding to Module */
margin-left: 13px;
margin-right: 13px;
}
.ja-inset2 div.ja-moduletable, .ja-inset2 .div.moduletable, .ja-inset2 div.ja-module, .ja-inset2 div.module {
margin:0 1px 10px 25px;
}

.item .contentpaneopen {
/* for article columns, we only need to add margin or padding to this div */
padding-left: 0px;
padding-right: 0px;
}

.items-leading { }

.items-row {
/* minus the spacing of the article row to macth with the Gutter & global grid */
margin-left: 0px;
margin-right: 0px;
}

Por favor mim mostra onde esta os códigos que mim falou?

Valeu amigo.... e se tiver dúvidas veja o site: [url=http://www.igrejamdn.com.br" onclick="window.open(this.href);return false;]http://www.igrejamdn.com.br[/url]

[color=#000080:11f1be2v]Jesus Cristo único Senhor e salvador[/color:11f1be2v]

Please Entrar ou Registrar to join the conversation.

  • alexandresilva83
  • Avatar de alexandresilva83
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
11 anos 6 meses atrás #82271 por alexandresilva83
alexandresilva83 replied the topic: Re: ESPAÇO ENTRE ARTIGOS NA PAGINA PRINCIPAL
Você utiliza o firebug para localizar os arquivos e seletores? Fiz aqui e deu certinho dê uma procurada nos arquivos "layout.css e template.css".

(11) 981413910 / (81) 99007002
<!-- m --><a class="postlink" href=" www.facebook.com/pages/CreativaWeb/254572091266445 " onclick="window.open(this.href);return false;"> www.facebook.com/pages/Creativa ... 2091266445</a><!-- m -->

O único lugar onde o sucesso vem antes do trabalho é...

Please Entrar ou Registrar to join the conversation.