Putting "categories" and "published by" in the same line

[edyy]

I've edited the CSS Templates -> vbcms.css and changed the .cms_article_username into this

.article_username_container .article_username {
	width: 50%;
	display:block;
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
}
.cms_article_username {
        background-image: url("http://www.games-area.ro/forum/images/box_hdr_bg.gif");
        background-position: right top;
        background-repeat: no-repeat;
        height: 26px;
        text-align: right;
        width: 100%;
        padding-right: 10px;
        padding-top: 3px;
	font-size:{vb:stylevar small_fontSize};
	padding-bottom: 2px;
	width: 100%;
	display: block;
	position: relative;
	top: 2px;
}
.cms_article_published {
	color:red;
	text-align:{vb:stylevar right};
}

After that i've changed the order of things in VBulletin CMS Templates -> vbcms_content_article_preview into that

{vb:raw css}

<div class="article_preview">
<vb:if condition="!empty($categories)">
		<div class="cms_article_section_location">
			<ol class="commalist">
				<vb:each from="categories" key="categoryid" value="category">
					<li><a href="{vb:raw category.category_url}">{vb:raw category.category}</a></li>
				</vb:each>
			</ol>
		</div>
	</vb:if>

	<vb:if condition="$showuser OR $showpublishdate OR ($viewcount AND $showviewcount) OR ($showrating AND $rating!='')">
	<div class="cms_article_username">
		<vb:if condition="$showuser">
			{vb:rawphrase by_x_nolink, {vb:raw memberaction_dropdown}}
		</vb:if>

		<vb:if condition="$showpublishdate">
            <vb:if condition="!$published OR !$setpublish">
                    <span style="color:red">
                    <vb:if condition="$publishdate AND $setpublish">
                            {vb:rawphrase page_will_be_published_x {vb:raw publishdatelocal}} {vb:raw publishtimelocal}
                    <vb:else />
                            {vb:rawphrase page_not_published}
                    </vb:if>
                    </span>
            <vb:elseif condition="$publishdate" />
                    {vb:rawphrase published_on_x {vb:raw publishdatelocal}}  {vb:raw publishtimelocal}
            </vb:if>

			<vb:if condition="$showupdated and $lastupdated">
				&nbsp;{vb:rawphrase updated_on_x {vb:date {vb:raw lastupdated}, {vb:raw dateformat}}}&nbsp;
			</vb:if>
		</vb:if>

		<vb:if condition="$viewcount AND $showviewcount">
			&nbsp;{vb:rawphrase number_of_views}: {vb:raw viewcount}&nbsp;
		</vb:if>

 		<vb:if condition="$showrating">
			<span class="cmsrating rating{vb:raw rating}"></span>
		</vb:if>

	</div>
	</vb:if>
	

	<vb:if condition="$showtitle">
	<div class="title">
		<h3 class="article_preview">
			<a href="{vb:raw page_url}"><span>{vb:raw title}</span></a>&nbsp;
		<vb:if condition="$can_edit">
			<a class="edit" href="{vb:raw edit_url}">
			<img class="editimage" src="{vb:stylevar imgdir_cms}/edit_small.png" alt="{vb:rawphrase edit}" />
			</a>
		</vb:if>
		</h3>
	</div>
	</vb:if>
<vb:comment>
	<!--  Display Section Location -->
	<div class="cms_article_section_location">
		{vb:rawphrase section}: <a href="{vb:raw section_url}">{vb:var parenttitle}</a>
	</div>
</vb:comment>

	<div class="fullwidth article_preview_contents<vb:if condition="$showpreviewonly"> showpreviewonly</vb:if> restore">
		<vb:if condition="$showpreviewonly">
			<vb:if condition="$previewvideo">
				{vb:raw previewvideo}
			<vb:elseif condition="$previewimage" />
				<a href="{vb:raw page_url}">
				<img class="cms_article_preview_image" src="{vb:raw previewimage}" alt="{vb:rawphrase article_preview}" /></a>
			</vb:if>
		</vb:if>
		<div>
                        <br />
			<div class="cms_article_txt_content postcontainer">
			{vb:raw previewtext}
			<vb:if condition="$preview_chopped">...</vb:if>
			</div>
		</div>
	</div>

	<div class="fullwidth">

		<vb:if condition="$preview_chopped">
			<span class="cms_article_readmore"><a href="{vb:raw page_url}">{vb:rawphrase read_more_phrase} <img src="{vb:stylevar imgdir_cms}/read_more-{vb:stylevar right}.png" alt="{vb:rawphrase read_more_phrase}" /></a>
			</span>
		</vb:if>

		<vb:if condition="$comment_count">
			<span class="cms_article_comment_number">
				<a href="{vb:raw newcomment_url}"><img class="inlineimg" src="{vb:stylevar imgdir_button}/firstnew-comment.png" alt="{vb:rawphrase go_to_first_new_comment}" /></a>
				<a href="{vb:raw newcomment_url}"  rel="nofollow">{vb:raw comment_count}
				<vb:if condition="$comment_count == 1">
					{vb:rawphrase comment}
				<vb:else />{vb:rawphrase comments}
				</vb:if></a>
			</span>
		</vb:if>
	</div>
</div>

I hope this is the best way , because is the third methed I try and i hope is the fastest.