<xf:if is="{$xf.options.SeoTopic_active} && {$thread.title} && {$post.position} == 0">
    <div style="text-align:center;" class="messageText">
        <xf:if is="{$xf.options.SeoTopic_thread_sou}">
        المصدر : <a href="{{ link('threads', $thread) }}" data-xf-init="tooltip" title="{$thread.title}">{$thread.title}</a>  
        </xf:if>
        <xf:if is="{$xf.options.SeoTopic_thread_ccat}">
        من القسم : <a href="{{ link('forums', $thread.Forum) }}" data-xf-init="tooltip" title="{$thread.Forum.title}">{$thread.Forum.title}</a>
        </xf:if>
    </div>
    <xf:if is="{$xf.options.SeoTopic_thread_invetag} && {{ title_invetag($thread) }}">
    <p class="alt2" dir="ltr" style="margin: 1px auto;    padding: 6px;border: 1px inset;    width: 100%;min-height: 34px;text-align: left;overflow: auto">    
    {{ title_invetag($thread) }}
    </p>
    </xf:if>
</xf:if>

.PreviousNext{
    text-align: center;
}
.PreviousNext H4, .PreviousNext H3 {
    font-size: 16px;
    display: initial;
    padding: 0px;
    margin: 0px;
}

<xf:macro name="PreviousNextInlinTitle" arg-previousnext="!" arg-thread="!">
    <xf:css src="SeoTopic_PreviousNext.less" />
    <div class="PreviousNext">
        <xf:if is="{$previousnext.previous}">
            <strong>«</strong> <h4><a href="{{ link('threads', $previousnext.previous) }}" data-xf-init="tooltip" title="{$previousnext.previous.title}">{$previousnext.previous.title}</a></h4>
        </xf:if>
        <xf:if is="{$previousnext.previous} AND {$previousnext.next}"> | </xf:if>
        <xf:if is="{$previousnext.next}">
            <h3><a href="{{ link('threads', $previousnext.next) }}" data-xf-init="tooltip" title="{$previousnext.next.title}">{$previousnext.next.title}</a> <strong>»</strong></h3>
        </xf:if>
    </div>
</xf:macro>

<xf:macro name="PreviousNextInlinNoTitle" arg-previousnext="!" arg-thread="!">
    <xf:css src="SeoTopic_PreviousNext.less" />
    <div class="PreviousNext">
        <xf:if is="{$previousnext.previous}">
            <strong>«</strong> <a href="{{ link('threads', $previousnext.previous) }}">{{ phrase('prev') }}</a>
        </xf:if>
        <xf:if is="{$previousnext.previous} AND {$previousnext.next}"> | </xf:if>
        <xf:if is="{$previousnext.next}">
            <a href="{{ link('threads', $previousnext.next) }}">{{ phrase('next') }}</a> <strong>»</strong>
        </xf:if>
    </div>
</xf:macro>

<xf:macro name="PreviousNextH" arg-previousnext="!" arg-thread="!">
    <div style="text-align: center;" class="PreviousNext">
    <xf:if is="$xf.visitor.user_id == 0">
        
        <xf:if is="{$previousnext.previous}">
            <h4><a href="{{ link('threads', $previousnext.previous) }}">{$previousnext.previous.title}</a></h4>
        </xf:if>
        <xf:if is="{$previousnext.next}">
            <h3><a href="{{ link('threads', $previousnext.next) }}">{$previousnext.next.title}</a></h3>
        </xf:if>
        <h2><a href="{{ link('threads', $thread) }}">{$thread.title}</a></h2>
    <xf:else />
        <xf:if is="{$previousnext.previous}"><strong>«</strong> <a href="{{ link('threads', $previousnext.previous) }}">{$previousnext.previous.title}</a></xf:if><xf:if is="{$previousnext.previous} && {$previousnext.next}"> | </xf:if>
        <xf:if is="{$previousnext.next}"><a href="{{ link('threads', $previousnext.next) }}">{$previousnext.next.title}</a> <strong>»</strong></xf:if>
    </xf:if>
    </div>
</xf:macro>