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;}

have have info on yet.

edit: can please ive been waiting time





Comments

Popular posts from this blog

CS5 Adobe Media Encoder: Encode failed because the source duration is nil.

cf_sql_integer vs cf_sql_bigint vs cf_sql_int??

localhost/joomla15/administrator doesnt work - Joomla! Forum - community, help and support