vb5 temp fix for custom forum icons(any size)

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • blrjohn07
    Senior Member
    • Feb 2010
    • 140
    • 3.8.x

    #16
    Glenn Vergara

    My forum is on vb cloud and version 5.1.9

    I have tried adding above codes. But this is what I am getting.



    My icon size is

    Width : 48 px
    Height : 48 px

    Can you please help me to achieve this in my forum ?
    Last edited by blrjohn07; Thu 22 Oct '15, 1:21pm.

    Comment

    • IggyP
      Senior Member
      • Mar 2012
      • 680

      #17
      Originally posted by webmastersun
      I thought this came from an option in forum manage like vB4x, If using CSS to control images then it would not be more convenient for users.

      yes this would be very good...gotta be in jira somewhere, anyone have the #?

      glenn is pretty awesome but even after he gave me the custom code for my site, i can see now it is displaying differently in windows 10 vs win7, this needs a proper fix

      Comment

      • Danloona
        Senior Member
        • Mar 2015
        • 543
        • 4.2.5

        #18
        hello , i have a problem , with subforums ,same as here

        idk how i need to check ,,,my code in css.additional.css id:

        PHP Code:
        /* start custom forum icons */
        /* Forums */
        .forum-list-container .forum-item .cell-forum .icon {
        backgroundtransparent url("/icons/oldpostic.png"no-repeat/* forum icon for forums with old posts */
        width42px/* icon width */
        height42px/* icon height */
        }
        .
        forum-list-container .forum-item.new .cell-forum .icon {
        backgroundtransparent url("/icons/newpostic.png"no-repeat/* forum icon for forums with new posts */
        width42px/* icon width */
        height42px/* icon height */
        }
        .
        forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info {
        padding-{vb:stylevar left}: 48px/* icon width + 8 */
        }
        .
        forum-list-container .forum-item .cell-forum .forum-desc {
        margin-{vb:stylevar left}: 48px/* icon width + 8 */
        margin-top: -25px/* 17 - icon height */
        }
        /* Sub Forums */
        .forum-list-container .subforum-list > td {
        .
        forum-list-container .forum-item.sub.new .cell-forum .icon
        padding
        -{vb:stylevar left}: 53px/* icon width + 13 */
        }
        /* Responsive */
        [USER="3396"]media[/USERonly screen and (max-width768px) {
        .
        forum-list-container .forum-item.sub .cell-forum .icon 
        .forum-list-container .forum-item .cell-forum .forum-desc {
        margin-{vb:stylevar left}: 48px/* icon width + 8 */
        }
        .
        forum-list-container .subforum-list > td {
        .
        forum-list-container .forum-item.sub .cell-forum .forum-desc
        padding
        -{vb:stylevar left}: 73px/* icon width + 33 */
        }
        }
        /* end custom forum icons */ 

        Comment


        • glennrocksvb
          glennrocksvb commented
          Editing a comment
          Check post #13 of this thread.
      • Mark.B
        vBulletin Support
        • Feb 2004
        • 24286
        • 6.0.X

        #19
        Please start your own thread with full details of the problem.
        MARK.B
        vBulletin Support
        ------------
        My Unofficial vBulletin 6.0.0 Demo: https://www.talknewsuk.com
        My Unofficial vBulletin Cloud Demo: https://www.adminammo.com

        Comment

        • Robyn L
          Member
          • Apr 2015
          • 33
          • 5.1.x

          #20
          Thanks very much for this; it worked perfectly for the main icons.

          Can you tell me what code I would need to add to change the small sub-forum icons on the main page. I'm happy with the size, I just want to change the shape and colour. Thank you for your help.

          Last edited by Robyn L; Sun 3 Sep '17, 12:48am.

          Comment

          • Danloona
            Senior Member
            • Mar 2015
            • 543
            • 4.2.5

            #21
            i think already is fixed

            Comment

            • Aros12
              Member
              • Jan 2016
              • 74
              • 5.0.x

              #22
              I can't get my margins right...The icon butts up against the text...Here's the code and screen shot:

              Code:
              /* start custom forum icons */
              /* Forums */
              .forum-list-container .forum-item .cell-forum .icon {
              background: transparent url("images/css/icon_checked.png") no-repeat; /* forum icon for forums with old posts */
              width: 40px; /* icon width */
              height: 42px; /* icon height */
              }
              .forum-list-container .forum-item.new .cell-forum .icon {
              background: transparent url("images/css/icon_notchecked.png") no-repeat; /* forum icon for forums with new posts */
              width: 40px; /* icon width */
              height: 42px; /* icon height */
              }
              .forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info {
              padding-{vb:stylevar left}: 48px; /* icon width + 8 */
              }
              .forum-list-container .forum-item .cell-forum .forum-desc {
              margin-{vb:stylevar left}: 48px; /* icon width + 8 */
              margin-top: -25px; /* 17 - icon height */
              }
              /* Sub Forums */
              .forum-list-container .subforum-list > td {
              padding-{vb:stylevar left}: 53px; /* icon width + 13 */
              }
              /* Responsive */
              [USER="3396"]media[/USER] only screen and (max-width: 768px) {
              .forum-list-container .forum-item .cell-forum .forum-desc {
              margin-{vb:stylevar left}: 48px; /* icon width + 8 */
              }
              .forum-list-container .subforum-list > td {
              padding-{vb:stylevar left}: 73px; /* icon width + 33 */
              }
              }
              /* end custom forum icons */

              Comment

              • IggyP
                Senior Member
                • Mar 2012
                • 680

                #23
                mess with the padding a bit...you can see where he put, like 73px = icon width +33...that can give u a closer idea whats needed

                Comment

                • Aros12
                  Member
                  • Jan 2016
                  • 74
                  • 5.0.x

                  #24
                  Thanks, I did get help with the code...Here's what ended up working for me, including responsive...

                  Code:
                  .forum-list-container .forum-item .cell-forum .forum-desc {
                      margin-left: 40px;
                  }
                  
                  .forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info {
                      padding-left: 40px;
                  }
                  
                  /* start custom forum icons */
                  /* Forums */
                  .forum-list-container .forum-item .cell-forum .icon {
                  background: transparent url("images/css/icon_checked.png") no-repeat; /* forum icon for forums with old posts */
                  width: 40px; /* icon width */
                  height: 46px; /* icon height */
                  }
                  .forum-list-container .forum-item.new .cell-forum .icon {
                  background: transparent url("images/css/icon_notchecked.png") no-repeat; /* forum icon for forums with new posts */
                  width: 40px; /* icon width */
                  height: 46px; /* icon height */
                  }
                  .forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info {
                  padding-{vb:stylevar left}: 48px; /* icon width + 8 */
                  }
                  .forum-list-container .forum-item .cell-forum .forum-desc {
                  margin-{vb:stylevar left}: 48px; /* icon width + 8 */
                  margin-top: -25px; /* 17 - icon height */
                  }
                  /* Sub Forums */
                  .forum-list-container .subforum-list > td {
                  padding-{vb:stylevar left}: 53px; /* icon width + 13 */
                  }
                  /* Responsive */
                  [USER="3396"]media[/USER] only screen and (max-width: 768px)  {
                  .forum-list-container .forum-item .cell-forum .forum-desc {
                  margin-{vb:stylevar left}: 48px; /* icon width + 8 */
                  }
                  .forum-list-container .subforum-list > td {
                  padding-{vb:stylevar left}: 73px; /* icon width + 33 */
                  }
                  }
                  /* end custom forum icons */

                  Comment

                  • Aros12
                    Member
                    • Jan 2016
                    • 74
                    • 5.0.x

                    #25
                    Can't get the sub forum icons to work...Here's my code:

                    Code:
                    /* forum icon for forums with old posts (default) */
                    #forum39 .cell-forum .icon {
                        background: transparent url("images/css/icon_checked.png") no-repeat;
                    }
                    /* forum icon for forums with new posts */
                    #forum39 .cell-forum .icon {
                        background: transparent url("images/css/icon_notchecked.png") no-repeat;
                    }

                    Comment

                    • applemaniacos
                      Member
                      • Jul 2017
                      • 31
                      • 4.2.x

                      #26
                      Thank you very much, Glenn Vergara
                      I am testing with this code. someone knows the way in the responsive method, the thread title is left.
                      Please.
                      Thank you.

                      Haga clic en la imagen para ver una versión más grande  Nombre:	Captura de pantalla 2017-09-02 a las 23.13.13.png Visitas:	1 Size:	119,8 KB ID:	4376632

                      Code:
                      /* start custom forum icons */
                      /* Forums */
                      .forum-list-container .forum-item[data-channel-id="45"] .cell-forum .icon {
                      background: transparent url("http://www.example.com/images/statusicon/sorteoforum_old-48.svg") no-repeat; /* forum icon for forums with old posts */
                      width: 50px; /* icon width */
                      height: 50px; /* icon height */
                      }
                      .forum-list-container .forum-item[data-channel-id="45"] .new .cell-forum .icon {
                      background: transparent url("http://www.example.com/images/statusicon/sorteoforum_old-48.svg") no-repeat; /* forum icon for forums with new posts */
                      width: 40px; /* icon width */
                      height: 42px; /* icon height */
                      }
                      .forum-list-container .forum-item[data-channel-id="45"] .cell-forum > .forum-wrapper > .forum-info {
                      padding-{vb:stylevar left}: 48px; /* icon width + 8 */
                      }
                      .forum-list-container .forum-item[data-channel-id="45"] .cell-forum .forum-desc {
                      margin-{vb:stylevar left}: 48px; /* icon width + 8 */
                      margin-top: -25px; /* 17 - icon height */
                      }
                      /* Sub Forums */
                      .forum-list-container .subforum-list > td {
                      padding-{vb:stylevar left}: 53px; /* icon width + 13 */
                      }
                      /* Responsive */
                      [USER="3396"]media[/USER] only screen and (max-width: 768px)  {
                      .forum-list-container .forum-item .cell-forum .forum-desc {
                      margin-{vb:stylevar left}: 48px; /* icon width + 8 */
                      }
                      .forum-list-container .subforum-list > td {
                      padding-{vb:stylevar left}: 73px; /* icon width + 33 */
                      }
                      }
                      /* end custom forum icons */
                      Last edited by applemaniacos; Sat 2 Sep '17, 10:57pm.

                      Comment

                      • glennrocksvb
                        Former vBulletin Developer
                        • Mar 2011
                        • 4011
                        • 5.7.X

                        #27
                        Try my suggestion here.



                        That also applies here.


                        Flag Icon Postbit Insert GIPHY Impersonate User BETTER INITIALS AVATAR Better Name Card Quote Selected Text Bookmark Posts Post Footer Translate Stop Links in Posts +MORE!

                        Comment

                        • applemaniacos
                          Member
                          • Jul 2017
                          • 31
                          • 4.2.x

                          #28
                          Originally posted by Glenn Vergara
                          Try my suggestion here.

                          https://www.vbulletin.com/forum/foru...79#post4376479

                          That also applies here.
                          Thank you Glenn Vergara
                          I've tried, but it's still the same.

                          What I see that is causing this mismatch is this:
                          excuse my ignorance, please

                          Haga clic en la imagen para ver una versión más grandeNombre:	Captura de pantalla 2017-09-03 a las 9.47.28.pngVisitas:	1Size:	1,23 MBID:	4376649

                          Comment

                          • Rick Campbell
                            Member
                            • Oct 2005
                            • 80
                            • 5.7.X

                            #29
                            Why can't vbulletin give us an option for custom icons in the channel editor we can just specify the path there for each channel...

                            Comment

                            • glennrocksvb
                              Former vBulletin Developer
                              • Mar 2011
                              • 4011
                              • 5.7.X

                              #30
                              Originally posted by cbr929rrerion
                              Why can't vbulletin give us an option for custom icons in the channel editor we can just specify the path there for each channel...
                              This is an old topic. There's an option now to upload an image in the Channel Manager.

                              Flag Icon Postbit Insert GIPHY Impersonate User BETTER INITIALS AVATAR Better Name Card Quote Selected Text Bookmark Posts Post Footer Translate Stop Links in Posts +MORE!

                              Comment

                              Related Topics

                              Collapse

                              Working...