Anyone know what these are called / How they are made?

Discussion in 'HTML & Website Design' started by 1337Tehh, Mar 30, 2016.

  1. #1
    Guys please help, i've been trying to make something similar like this:

    https://www.ezvid.com/top-ten-dehydrators
    or
    https://wiki.ezvid.com/best-operator-backpacks?id=ytdesc

    Scroll down and you will see the top 10 list. I want to make something similar to the top 10 list, with images and stuff, but can't find any plugins for it or any code or whatever. Someone please help me i don't know what to even search lol. If not, anyone know how these are called?

    Thanks.
     
    1337Tehh, Mar 30, 2016 IP
  2. PoPSiCLe

    PoPSiCLe Illustrious Member

    Messages:
    4,623
    Likes Received:
    725
    Best Answers:
    152
    Trophy Points:
    470
    #2
    It's a simple list, with content? How is this in any way hard to do? Of course, if you want them to be created dynamically, then it involves a bit of coding, but a plain, hardcoded list?
    
    <ol class="top10list" reversed>
      <li><span>Info goes here</span><img src="some_image.jpg" alt="descriptive text"></li>
      <li><span>Info goes here</span><img src="some_image.jpg" alt="descriptive text"></li>
      <li><span>Info goes here</span><img src="some_image.jpg" alt="descriptive text"></li>
    </ol>
    
    Code (markup):
    And then you use CSS to style it - that's the basic bit. It can of course be amended to contain more links, content, other images, and so on and so forth. The "reversed"-attribute on the <ol> gives a reverse count (starting on 10 if you have 10 items)
     
    PoPSiCLe, Mar 30, 2016 IP
  3. 1337Tehh

    1337Tehh Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #3
    Isn't there any plugin for that or something?

    Thanks for the post though!
     
    1337Tehh, Mar 31, 2016 IP
  4. hockeybabble

    hockeybabble Peon

    Messages:
    10
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #4
    From looking at the code, the site is built using Wordpress. From what I can see he MAY be using the following Wordpress plugin :

    https://wordpress.org/plugins/owl-carousel/

    If this is not the plugin being used by the site owner, then I would do a search for :

    jquery carousel

    In Yahoo search, I quickly found some interesting options like http://sorgalla.com/jcarousel/examples/
    jQuery is great and usually widgets built using jQuery are simple to use and incorporate into your website.
     
    hockeybabble, Mar 31, 2016 IP
  5. PoPSiCLe

    PoPSiCLe Illustrious Member

    Messages:
    4,623
    Likes Received:
    725
    Best Answers:
    152
    Trophy Points:
    470
    #5
    It helps, when you ask such a question, to include what platform you're using (asking for a plugin in a generic forum isn't really helpful). Hence why you got the generic answer. If you're looking for a WordPress plugin, post in the WordPress forum.
     
    PoPSiCLe, Mar 31, 2016 IP
  6. 1337Tehh

    1337Tehh Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #6
    @hockeybabble, thanks, but i am looking for the top 10 in the bottom, not the carousel, still i highly appreciate it! :)

    @PoPSiCLe, that's a great advice, thanks, posting there now :)
     
    1337Tehh, Apr 1, 2016 IP