Article Category in Blog Layout Styling - Joomla! Forum - community, help and support
system : joomla 1.5.14
rt template.
issue: trying following below see attached image, in css have below, in article page not sure u put in there should put div tags reflect css, style need, or there spot put div tags article categories show up. on main menu item home set also. please need assistant, site on localbox not online yet, love below image css, see http://www.icetheme.com thats how doin site. want know how this, each time add new article given section/category has effects. again
# leading = 1
# intro = 4
#columns = 2
# links = 5
.blog_description {
position:relative;
overflow:hidden;
background:url(../images/articlerow_sep.jpg) no-repeat bottom center;
padding-bottom:30px;
margin-bottom:20px;}
.blog h1 {
font-size:2.25em;
margin:0 0 .2em 0; }
.blog_header {
background:url(../images/blog_header.png) repeat-x bottom;
height:37px;
line-height:39px;
padding:0 10px;
margin-bottom:10px;}
.blog_header h1 {
margin:5px 0 0;
float:left;
font-size:1.75em}
.blog_header h2 {
margin:8px 0 0;
font-size:1.4em;
float:left;}
.blog_header p.tempdate {
font-size:1.2em;
color:#999;
margin:0;
padding-top:.2em;
float:right;}
.leading .blog_header { }
.blog img {
float:left;
margin:0 10px 10px 0 }
.temp_wrap {
clear:both;
position:relative;
overflow:hidden;}
.temp_row {
clear:both;
margin-top:5px;
position:relative;
overflow:hidden;}
.temp_row .cols2 { /* when set category/section/frontpage intro articles have 2 columns divede in 2 parts */
width:48.5%;
float:left;}
.temp_row .cols3 { /* , when set in 3 parts */
width:31%;
float:left;}
.temp_row .cols2 p.tempdate,
.temp_row .cols3 p.tempdate {
font-size:1em; }
.temp_row .column1 {}
.temp_row .column2 {
background:url(../images/seperator_articles.png) no-repeat center left;
padding-left:10px;
margin-left:9px; }
.temp_row .column3 {
border-left:1px dotted #dbdbdb;
padding-left:10px;
margin-left:9px;}
.blogcontent { clear:both;}
.leading .blogcontent { margin-bottom:20px;}
p.noticebottom {
clear:both;
position:relative;
overflow:hidden;
margin:0 0 15px;
height:29px;
border-top:1px solid #e6e6e6;
text-align:center;
border-bottom:1px solid #e6e6e6;
line-height:30px;}
/* read more , demo link */
.demolink { display:inline-block; float:left; clear:both; margin-right:25px;}
.writemore { float:left; display:inline-block}
.writeon { display:block!impor; float:none; margin-top:-10px; margin-bottom:0;}
.demolink a
.writemore {
background:url(../images/readmore.png) no-repeat center left;
padding-left:23px;
clear:both;
padding-bottom:1px;
display:block;
margin:10px 0;
font-size:1.1em;
font-family:verdana, geneva, sans-serif;}
.demolink a:hover,
.writemore a:hover {
background:url(../images/readmore_hover.png) no-repeat center left;}
rt template.
issue: trying following below see attached image, in css have below, in article page not sure u put in there should put div tags reflect css, style need, or there spot put div tags article categories show up. on main menu item home set also. please need assistant, site on localbox not online yet, love below image css, see http://www.icetheme.com thats how doin site. want know how this, each time add new article given section/category has effects. again
# leading = 1
# intro = 4
#columns = 2
# links = 5
.blog_description {
position:relative;
overflow:hidden;
background:url(../images/articlerow_sep.jpg) no-repeat bottom center;
padding-bottom:30px;
margin-bottom:20px;}
.blog h1 {
font-size:2.25em;
margin:0 0 .2em 0; }
.blog_header {
background:url(../images/blog_header.png) repeat-x bottom;
height:37px;
line-height:39px;
padding:0 10px;
margin-bottom:10px;}
.blog_header h1 {
margin:5px 0 0;
float:left;
font-size:1.75em}
.blog_header h2 {
margin:8px 0 0;
font-size:1.4em;
float:left;}
.blog_header p.tempdate {
font-size:1.2em;
color:#999;
margin:0;
padding-top:.2em;
float:right;}
.leading .blog_header { }
.blog img {
float:left;
margin:0 10px 10px 0 }
.temp_wrap {
clear:both;
position:relative;
overflow:hidden;}
.temp_row {
clear:both;
margin-top:5px;
position:relative;
overflow:hidden;}
.temp_row .cols2 { /* when set category/section/frontpage intro articles have 2 columns divede in 2 parts */
width:48.5%;
float:left;}
.temp_row .cols3 { /* , when set in 3 parts */
width:31%;
float:left;}
.temp_row .cols2 p.tempdate,
.temp_row .cols3 p.tempdate {
font-size:1em; }
.temp_row .column1 {}
.temp_row .column2 {
background:url(../images/seperator_articles.png) no-repeat center left;
padding-left:10px;
margin-left:9px; }
.temp_row .column3 {
border-left:1px dotted #dbdbdb;
padding-left:10px;
margin-left:9px;}
.blogcontent { clear:both;}
.leading .blogcontent { margin-bottom:20px;}
p.noticebottom {
clear:both;
position:relative;
overflow:hidden;
margin:0 0 15px;
height:29px;
border-top:1px solid #e6e6e6;
text-align:center;
border-bottom:1px solid #e6e6e6;
line-height:30px;}
/* read more , demo link */
.demolink { display:inline-block; float:left; clear:both; margin-right:25px;}
.writemore { float:left; display:inline-block}
.writeon { display:block!impor; float:none; margin-top:-10px; margin-bottom:0;}
.demolink a
.writemore {
background:url(../images/readmore.png) no-repeat center left;
padding-left:23px;
clear:both;
padding-bottom:1px;
display:block;
margin:10px 0;
font-size:1.1em;
font-family:verdana, geneva, sans-serif;}
.demolink a:hover,
.writemore a:hover {
background:url(../images/readmore_hover.png) no-repeat center left;}
have have info on yet.
edit: can please ive been waiting time
edit: can please ive been waiting time
Comments
Post a Comment