Hi
I was happy to see the Flatforum Implementaion at http://www.projectopus.com/node/5981 but when i used Flatforum with my theme(Aquasoft) the results were completly different (see http://mymes.flyserver.biz/node/2).The pic is also not showing!!

Could some one help me with the design of the forum?I am not very good at designing and CSS.

Regards
Binodc

Comments

ckeo’s picture

Hi... im in the same situation... using aquasoft theme.

If you figure it out let me know... i'll do the same.

Craig.

Gurpartap Singh’s picture

Hello,

I am the original developer of aquasoft theme for Drupal. The flatforum might not prove ready with design with every theme. ProjectOpus has effectively changed their flatforum's css code. Instead of css code given to add into style.css in the module, add the following code (from projectopus.com's theme's stylesheet):

/* Added by jordan willms for flatforum module */
.forum-comment {
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-top-width: 1px;	
	float: left;
	width: 860px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	margin-bottom: 5px;
}

.comment-left {
	padding: 10px;
	width: 140px;
	float: left;	
	font-size: 11px;
}

.comment-left .item_photo {
	border: 1px solid #999999;
	float: none;
	display: block;
	clear: right;
}

.comment-right .content .links
{
	float:right;
}

.comment-left .author-name a
{
	font-size: 15px;
	border-bottom: 1px dashed #C0C0C0;
	margin-bottom: 2px;
}

.comment-userpicture
{
	text-align: center;
	margin-bottom: 5px;
}

.forum-comment-header
{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    background-color: #333; 
	color: #fff; 
	padding-left: 10px; 
	padding-top: 5px; 
	padding-bottom: 5px;

}

.comment-right .title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	display: block;
	float: left;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 10px;
}

.comment-right .content {
	float: right;
	width: 678px;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px dashed #C0C0C0;
}

.comment-right .links {
  font-size: x-small;
  font-weight: bold;
}
/* end addition by jordan for flatforum module */

You might want to disable blocks for forum node types using the PHP block visibility because the above css code fill width of regular 1024x768 screen. Or change the widths accordingly in the above code.

Gurpartap Singh’s picture

Status: Active » Closed (fixed)