Announcement

Collapse
No announcement yet.

How to make round avatars in vB5

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

    #61
    Originally posted by glennrocksvb View Post
    You need to be logged in to view the quote. Login or Register now!
    Am login but keep seeing this message. Please fix the error

    Comment


      #62
      Originally posted by glennrocksvb View Post
      in css_additional.css template in AdminCP or in Sitebuilder > Style > CSS Editor.
      When i try to add the code it come up with error :

      Code:
      We were unable to save the css. Please try again and if the error persists, contact vBulletin support.
      
      Error information: " 403 error Forbidden
      or in css_additional
      Code:
      Invalid Page URL. If this is an error and the page should exist, please contact us and tell how you got this message.

      Comment


        #63
        Originally posted by glennrocksvb View Post
        .avatar, .b-avatar, .b-avatar--thread { border: 0; }
        paste the code on CSS in css_additional.css template in AdminCP or in Sitebuilder > Style > CSS Editor.

        .avatar img,
        .avatar:not(.medium) > img,
        .b-avatar:not(.b-avatar--m) > img,
        .b-avatar--thread > img,
        .b-avatar--s > img,
        .b-comment .b-avatar img,
        .b-comp-menu-dropdown__trigger-avatar,
        .profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo,
        .b-avatar--pmchat,
        .b-pmchat__participants-avatar,
        img.avatar,
        img.b-avatar {
        border-radius: 100%;
        }
        .avatar,
        .b-avatar,
        .b-avatar--thread {
        border: 0;
        }

        on my test forum vBulletinĀ® Version 5.4.2 don't work
        voyger.: In Almighty God I trust, everyone else has to provide evidence."

        Comment


          #64
          It works on mine

          https://schollloj.com/index.php?thre...-mountain.184/

          Comment


            #65
            Originally posted by NumNum View Post
            sorry i don't see round avatar on your link
            voyger.: In Almighty God I trust, everyone else has to provide evidence."

            Comment


              #66
              How about this one

              https://schollloj.com/blog/node/526

              Comment


                #67
                Originally posted by NumNum View Post
                yeaa can see now the round avatar i can see as well you use the vb 5.4.2
                but the code above don't work for me don't know why
                voyger.: In Almighty God I trust, everyone else has to provide evidence."

                Comment


                • NumNum
                  NumNum commented
                  Editing a comment
                  I did notice on the blog side of the software the avatars are wrong, but I suspect there isn't a code for them.

                  Check to make sure your accidentally drop a bit of code?

                #68
                Your code My code
                .avatar img,
                .avatar:not(.medium) > img,
                .b-avatar:not(.b-avatar--m) > img,
                .b-avatar--thread > img,
                .b-avatar--s > img,
                .b-comment .b-avatar img,
                .b-comp-menu-dropdown__trigger-avatar,
                .profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo,
                .b-avatar--pmchat,
                .b-pmchat__participants-avatar,
                img.avatar,
                img.b-avatar {
                border-radius: 100%;
                }
                .avatar,
                .b-avatar,
                .b-avatar--thread {
                border: 0;
                }
                .avatar img,
                .avatar:not(.medium) > img,
                .b-avatar:not(.b-avatar--m) > img,
                .b-avatar--thread > img,
                .b-avatar--s > img,
                .b-comment .b-avatar img,
                .b-comp-menu-dropdown__trigger-avatar,
                .profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo,
                .b-avatar--pmchat,
                .b-pmchat__participants-avatar {
                border-radius: 100%;
                }
                .avatar,
                .b-avatar,
                .b-avatar--thread {
                border: 0;
                }

                Comment


                  #69
                  It doesn't work for vb 5.4.1

                  Comment


                    #70
                    on vb 5.4.1 when you add the code and click save, you get this error Invalid Page URL. If this is an error and the page should exist, please contact us and tell how you got this message.

                    Comment


                      #71
                      It works on 5.4.1(my other sites).

                      Lets see what Glenn says.

                      Comment


                        #72
                        What could be the cause of the error am getting?

                        Comment


                          #73
                          Originally posted by naijafinder View Post
                          on vb 5.4.1 when you add the code and click save, you get this error Invalid Page URL. If this is an error and the page should exist, please contact us and tell how you got this message.
                          This looks like a specific issue on your site not related to this mod.

                          When that issue happens, what is the URL displayed in the browser address bar? That error message means the page cannot be found.

                          And are you adding the css via Sitebuilder or AdminCP. If you are not using vBCloud, I recommend using AdminCP.
                          Helpful? Donate. Thanks!
                          Fast VPS Host for vBulletin: A2 Hosting & IONOS

                          Comment


                            #74
                            I add the css via Sitebuilder and AdminCP i still get error. site is self hosted.

                            Page url does not change https://www.trendri.com /admincp/index.php

                            when you click submit it take you to Invalid Page URL. If this is an error and the page should exist, please contact us and tell how you got this message.

                            This my additional.css

                            HTML Code:
                            .b-meter:after {
                                content: attr(title);
                                position: relative;
                                top: 0;
                                left: 0;
                                white-space: pre-wrap;
                                margin: 0 -8px;
                                display: block;
                            }
                            .l-small .b-meter:after {
                                margin: 0;
                            }
                            .b-meter__bar {
                                margin-left: -2px;
                                display: inline-block;
                                float: none;
                            }
                            
                            .usertitle {
                                color: darkgreen;
                            }
                            
                            /*---------------Online Effect on New Topic and Sub Topic Icons---------------*/
                            
                            /*---Topic---*/
                            .forum-list-container .forum-item.new .cell-forum .icon {
                                position: relative;
                            }
                            
                            .forum-list-container .forum-item.new .cell-forum .icon:after {
                                content: '';
                                border: 10px solid #F01F4B; /*color*/
                                background: transparent;
                                border-radius: 40px;
                                height: 40px;
                                width: 40px;
                                position: absolute;
                                top: -24px;
                                left: -23px;
                                z-index: 1;
                                opacity: 0;
                                -webkit-animation: glow 3s ease-out infinite;
                                animation: glow 3s ease-out infinite;
                            }
                            
                            /*---Sub-Topic---*/
                            .forum-list-container .subforum-list .subforum-item .icon.new{
                                position: relative;
                            }
                            
                            .forum-list-container .subforum-list .subforum-item .icon.new:after {
                                content: '';
                                border: 10px solid #F01F4B; /*color*/
                                background: transparent;
                                border-radius: 40px;
                                height: 40px;
                                width: 40px;
                                position: absolute;
                                top: -24px;
                                left: -23px;
                                z-index: 1;
                                opacity: 0;
                                -webkit-animation: glow 3s ease-out infinite;
                                animation: glow 3s ease-out infinite;
                            }
                            
                            @-webkit-keyframes glow {
                                0% {
                                    -webkit-transform: scale(0);
                                    opacity: 0.0;
                                }
                            
                                25% {
                                    -webkit-transform: scale(0);
                                    opacity: 0.5;
                                }
                            
                                50% {
                                    -webkit-transform: scale(0.1);
                                    opacity: 1.0;
                                }
                            
                            }
                            .b-meter { display: none; }
                            /*---------------END Online Effect on New Topic and Sub Topic Icons---------------*/
                            /* 50/50 Layout - START */
                            .pageX.l-desktop .l-row__fixed--right > .l-col__flex-6.l-col--flex-first > .l-col__flex-content,
                            .pageX.l-desktop .l-row__fixed--right > .l-col__flex-6 {
                                margin-right: 50%;
                            }
                            
                            .pageX.l-desktop .l-row__fixed--right > .l-col__flex-6.l-col--flex-first {
                                margin-right: -50%;
                            }
                            
                            .pageX.l-desktop .l-row__fixed--right > .l-col__fixed-6 {
                                width: 50%;
                            }
                            /* 50/50 Layout - END */
                            .b-editor--cke-toolbar-is-hidden .cke_top {
                              display: block;
                            }
                            .bbcode_container .bbcode_quote {
                            background: #eee;
                            font-size: 13px;
                            font-style: italic;
                            padding: 10px;
                            padding-left: 38px;
                            position: relative;
                            margin-bottom: 15px;
                            border: 2px solid #ddd;
                            border-radius: 8px;
                            padding-right: 10px;
                            -webkit-border-radius: 8px;
                            -moz-border-radius: 8px;
                            border-left: 3px solid #8CC8FF;
                            }
                            .avatar img,
                            .avatar:not(.medium) > img,
                            .b-avatar:not(.b-avatar--m) > img,
                            .b-avatar--thread > img,
                            .b-avatar--s > img,
                            .b-comment .b-avatar img,
                            .b-comp-menu-dropdown__trigger-avatar,
                            .profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo,
                            .b-avatar--pmchat,
                            .b-pmchat__participants-avatar,
                            img.avatar,
                            img.b-avatar {
                                border-radius: 100%;
                            }
                            .avatar,
                            .b-avatar,
                            .b-avatar--thread {
                                border: 0;

                            Comment


                            • glennrocksvb
                              glennrocksvb commented
                              Editing a comment
                              You are missing the closing brace } at the last line. Or did you just miss it in this post?

                              Btw, not related but the X in the pageX in the css should be the actual page id number.

                            #75
                            I only missed here. I may need to reupload my vb files to see ifitcan correct the error.

                            Comment

                            Working...
                            X