1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Help for styling a page

Discussion in 'Styling and Customization Questions' started by AndreaMarucci, Feb 13, 2012.

  1. AndreaMarucci

    AndreaMarucci Well-Known Member

    I would like to create a page that should appear like that one

    Screenshot 02-2455971 alle 11.18.59.png

    An icon on the left, the title and a little description underneath. Can someone explain me (maybe showing me the code since I'm not a programmer nor I know CSS) how to do that to achieve this effect?
     
  2. Mikey

    Mikey Well-Known Member

    Based off the forum/node list html, here's what was used:

    Code:
    <ol class="sectionMain">
      <li>
          <ol class="nodeList">
          <!-- START HERE -->
     
          <!-- start block -->
          <li class="node forum">
            <div class="nodeInfo forumNodeInfo primaryContent ">
                <span class="nodeIcon" title=""></span>
                  <div class="nodeText">
                      <h3 class="nodeTitle" style="font-weight:bold;font-size:12pt;">
                        <a href="#">A Test Forum</a>
                      </h3>
                      <blockquote class="nodeDescription muted baseHtml">Test Description?</blockquote>
                   </div>
             </div>
          </li>
          <!-- end block -->
     
          <!-- STOP HERE -->
          </ol>
      </li>
    </ol>
    
     
    Floris likes this.

Share This Page