PassMark Logo
Home » Forum

Announcement

Collapse
No announcement yet.

Recomended links CSS formatting

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Recomended links CSS formatting

    Hello,
    first of all happy new year to every one,
    lot of succesful work on new projects and all wishes to be come true...

    im wondering if there is any posibility to place "recomended links" in a side (lets say on the right hand) this is a really greate option and could be used in multiple purposes and ideas, could you guys please point me any where to do so? what should i edit? where to look for it be4 i scrue any thing?
    thank you for help in advance
    ewa

  • #2
    CSS formatting for Recommended links

    The recomended links are shown in a CSS block for easy formatting. This is an example of the HTML output when a recomended link is shown.

    Code:
    <div class="recommended">
      <div class="recommended_heading">Recommended links</div>
      <div class="recommend_block">
        <div class="recommend_title">
          <a href="[URL="http://www.dog.com/"]http://www.dog.com[/URL]" >Title of link</a>
        </div>
        <div class="recommend_description">Description for the suggested link</div>
        <div class="recommend_infoline">http://www.url.com</div>
      </div>
    </div>
    So if you are good with CSS, you can use the CSS positioning commands to position the entire "recommended" block anywhere on the page.

    The default CSS in the search_template.html file looks like this. It highlights the recomended links with a green backgorund and a dotted border.
    Code:
      .recommended 
      { 
       background: #DFFFBF; 
       border-top: 1px dotted #808080; 
       border-bottom: 1px dotted #808080; 
       margin-top: 15px; 
       margin-bottom: 15px; 
      }
      .recommended_heading { float: right; font-weight: bold; }
      .recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }  
      .recommend_title { font-size: 100%; }
      .recommend_description { font-size: 100%; color: #008000; }
      .recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
    As a simple example, adding the following CSS code in the .recommended section will position the whole block 400 pixels from the left margin and 100 pixels from the top margin.

    Code:
      position:absolute;
      left:400px;
      top:100px;

    Comment


    • #3
      thank you very much
      ewa

      Comment

      Working...
      X