XF 1.2 How difficult is it to modify the standard message layout like this...?

[Stuart Wright]

Personally I find it too hard to read when messages were posted in standard Xenforo because the timestamp is hidden down there under the signature. Also the permalink is kind of hidden away.
And I want to create a separator between posts.
In other words, I want to retain this styling from AVForums:

Is this hard?
Thanks

 

[CTXMedia]

Could be an anti-aliasing issue; maybe ClearType is not enabled (Control Panel > Display > Adjust ClearType text):

Without:



With:

 

[Stuart Wright]

Are you serving it locally from your install? Any errors relating to the font in firebug?

It's being served from the server via

@font-face {
font-family: 'Titillium Web';
src: url('@imagePath/fonts/titillium-regular-webfont.eot');
src: url('@imagePath/fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('@imagePath/fonts/titillium-regular-webfont.woff') format('woff'),
url('@imagePath/fonts/titillium-regular-webfont.ttf') format('truetype'),
url('@imagePath/fonts/titillium-regular-webfont.svg#titilliumregular') format('svg');
}

How would I find font errors in Firebug?

Could be an anti-aliasing issue; maybe ClearType is not enabled (Control Panel > Display > Adjust ClearType text):

Without:

View attachment 56257

With:

View attachment 56258

Cleartype is enabled.

Other websites look fine. I think it's something relating to how we're serving this font, maybe.

 

[MattW]

It's being served from the server via

How would I find font errors in Firebug?


Cleartype is enabled.

Other websites look fine. I think it's something relating to how we're serving this font, maybe.

If there are any errors on the page, it should be present in the Console section of Firebug. I don't use FF that often though. Does it display funny for anyone else using Firefox?

EDIT: only difference between your CSS and mine is you are not specifying the font weight and style:

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-regular-webfont.woff') format('woff'),
        url('fonts/opensans-regular-webfont.ttf') format('truetype'),
        url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

 

[rdn]

@CyberAP did it on his Awesome Charm Style.

 

[Stuart Wright]

@CyberAP did it on his Awesome Charm Style.

Except his info bar appears under each post, whereas I would want it above. My users (and me ) have got used to seeing that information above each post, and to be honest it feels more intuitive there as well.

 

[lazer]

Except his info bar appears under each post, whereas I would want it above. My users (and me ) have got used to seeing that information above each post, and to be honest it feels more intuitive there as well.

I'm sure Mike @Audentio will tweak that for you

 

[MattW]

Hey Matthew, would you be able to give me the instructions I need to achieve the above please with the addition of the permalink moved up in the top right of the bar?
Also the link to the poster's name to the left of the Edit button is redundant, isn't it? Clicking it is the same as clicking the Avatar, in't it?

I want to display the time as well as the date where appropiate. Here is my mockup. Many thanks

View attachment 56252

That should be really easy, by just taking the information from the post template:

<xen:if is="{$post.canInlineMod}"><input type="checkbox" name="posts[]" value="{$post.post_id}" class="InlineModCheck item" data-target="#post-{$post.post_id}" title="{xen:phrase select_this_post_by_x, 'name={$post.username}'}" /></xen:if>
                <span class="item muted">
                    <span class="authorEnd"><xen:username user="$post" class="author" />,</span>
                    <a href="{xen:link threads/post-permalink, $thread, 'post={$post}'}" title="{xen:phrase permalink}" class="datePermalink"><xen:datetime time="$post.post_date" /></a>
                </span>

and putting it above the message part in the message template



You can then style it to suite (and remove what you copied into the message template from the post template)

 

[Dad.]

I'm sure Mike @Audentio will tweak that for you

Yep, we will be getting this done for Stuart.

 

[MattW]

It's being served from the server via

How would I find font errors in Firebug?


Cleartype is enabled.

Other websites look fine. I think it's something relating to how we're serving this font, maybe.

I've just downloaded and installed the font from Google webfonts, but ran it through fontsquirrel first, and it looks fine in Firefox

 

[Stuart Wright]

Thanks Matt. Not had any other reports of it looking dodgy. I wonder if it's something quirky about the Mrs' MSI laptop?