Announcement

Collapse
No announcement yet.

How to add gridlines/borders to your forums

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    How to add gridlines/borders to your forums

    Ok whilst on my many travels around the internet i came across an old modification from glenn i dont even remember where i seen it or when any way here is pic of it in action
    Click image for larger version

Name:	2017-05-19_22-00-12.png
Views:	788
Size:	50.6 KB
ID:	4530
    and below is the code
    Code:
    .forum-list-container, .topic-list-container { border-collapse: collapse; }
        .topic-list-container .topic-list .topic-item td,
        .forum-list-container .subforum-list > td,
        .forum-list-container .forum-item td,
        .forum-list-container .category-header td { border: 2px solid #1f4e9b; }
    .topic-list-container .topic-list .topic-item .cell-topic { border-right: 0; }
    .topic-list-container .topic-list .topic-item .cell-icons { border-left: 0; }
    .topic-list-container .topic-list .topic-item .cell-count,
        .topic-list-container .topic-list .topic-item td.cell-lastpost,
        .topic-list-container .topic-list-header .header-stats,
        .topic-list-container .topic-list-header .header-lastpost,
        .forum-list-container .forum-item .lastpost,
        .forum-list-container .forum-list-header .header-lastpost { padding-left: 6px; }
    .forum-list-container .subforum-list .subforum-header { margin-top: 6px; }
    .list-footer { border-left: 2px solid #1f4e9b; border-right: 2px solid #1f4e9b; }
    Perhaps it will be moved to the right forum
    Wise men say nothing Fools never listen

    #2
    Moved to the appropriate forum and changed topic to a more appropriate title.

    I think you got it from here: https://www.vbulletin.com/forum/foru...29#post4054829
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    Comment


      #3
      Originally posted by glennrocksvb View Post
      Moved to the appropriate forum and changed topic to a more appropriate title.

      I think you got it from here: https://www.vbulletin.com/forum/foru...29#post4054829
      Thats the one just thought it may come in useful here instead of buried somwhere
      Wise men say nothing Fools never listen

      Comment


      • glennrocksvb
        glennrocksvb commented
        Editing a comment
        Thanks for digging it up.

      #4
      Ok further to this mod what i am looking for is a way to add a gridline or divider as seen in pic to seperate the icon and catagory name
      Click image for larger version

Name:	grid.png
Views:	154
Size:	98.4 KB
ID:	4692
      Wise men say nothing Fools never listen

      Comment


      • glennrocksvb
        glennrocksvb commented
        Editing a comment
        I will check if that's possible.

      #5
      willie53, is this what you're looking for?

      Code:
      .l-desktop .forum-list-container .forum-item .cell-forum:before {
          content: '';
          display: block;
          border-left: 2px solid #1f4e9b;
          position: absolute;
          margin-right: 10px;
          left: 24px;
          height: 100%;
          top: 0;
      }
      Helpful? Donate. Thanks!
      Buy me a coffeePayPal QR Code
      Fast VPS Host for vBulletin:
      A2 Hosting & IONOS

      Comment


        #6
        very close the gridline is in the right place but........
        Click image for larger version

Name:	grid1.png
Views:	117
Size:	7.9 KB
ID:	4726
        Wise men say nothing Fools never listen

        Comment


          #7
          nearly there
          Click image for larger version

Name:	grid1.png
Views:	90
Size:	7.9 KB
ID:	4728
          Wise men say nothing Fools never listen

          Comment


            #8
            You want it to cross the categories and the Forums tab? Why? What is this exactly for?
            Helpful? Donate. Thanks!
            Buy me a coffeePayPal QR Code
            Fast VPS Host for vBulletin:
            A2 Hosting & IONOS

            Comment


              #9
              no that is the way it is showing
              Wise men say nothing Fools never listen

              Comment


              • glennrocksvb
                glennrocksvb commented
                Editing a comment
                Oh ok. I'll take a look.

              #10
              Hey, not sure if this is related, I would love to find out how to add borders to the breadcrumbs like here - Click image for larger version

Name:	Capture.PNG
Views:	435
Size:	2.9 KB
ID:	13844

              Comment

            Users Viewing This Page

            Collapse

            There is 1 user viewing this forum topic.

            • Guest Guest

            Latest Posts

            Collapse

            Working...
            X
            Searching...Please wait.
            An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

            Please push the back button and reload the previous window.'
            An unexpected error was returned: 'Your submission could not be processed because the token has expired.

            Please push the back button and reload the previous window.'
            An internal error has occurred and the module cannot be displayed.
            There are no results that meet this criteria.
            Search Result for "|||"