Image thumbnail location

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Blade-uk
    Senior Member
    • Jan 2004
    • 532
    • 3.7.x

    [CMS] Image thumbnail location

    My site - http://www.eteknix.com/

    As you can see im using the single layout and the thumbnail is taken from the image and placed on the left. How do i change that so that the thumbnail is central?

    My vbcms_content_article_preview template:

    PHP Code:
    {vb:raw css}

    <
    div class="article_preview">
        <
    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">
       <
    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: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="!empty($categories)">
      <
    div class="cms_article_section_location">
       {
    vbhrase in_category}
       <
    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: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
    Thanks,

    Andy
    http://www.eteknix.com/images/misc/vbulletin4_logo.png
    eTeknix.com - http://www.eteknix.com
    eTeknix Forums - http://forums.eteknix.com
  • Trevor Hannant
    vBulletin Support
    • Aug 2002
    • 24356
    • 5.7.X

    #2
    Edit this line to align it to the center:

    Code:
    <img class="cms_article_preview_image" src="{vb:raw previewimage}" alt="{vb:rawphrase article_preview}" />
    Vote for:

    - Admin Settable Paid Subscription Reminder Timeframe (vB6)
    - Add Admin ability to auto-subscribe users to specific channel(s) (vB6)

    Comment

    • Blade-uk
      Senior Member
      • Jan 2004
      • 532
      • 3.7.x

      #3
      Originally posted by Trevor Hannant
      Edit this line to align it to the center:

      Code:
      &lt;img class=&quot;cms_article_preview_image&quot; src=&quot;{vb:raw previewimage}&quot; alt=&quot;{vb:rawphrase article_preview}&quot; /&gt;
      Tried that by adding a align="center" snippet but it didn't affect it at all. Any other ideas?

      Andy
      http://www.eteknix.com/images/misc/vbulletin4_logo.png
      eTeknix.com - http://www.eteknix.com
      eTeknix Forums - http://forums.eteknix.com

      Comment

      • Blade-uk
        Senior Member
        • Jan 2004
        • 532
        • 3.7.x

        #4
        Anyone able to help?
        http://www.eteknix.com/images/misc/vbulletin4_logo.png
        eTeknix.com - http://www.eteknix.com
        eTeknix Forums - http://forums.eteknix.com

        Comment

        widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
        Working...