Announcement

Collapse
No announcement yet.

How to make round avatars in vB5

Collapse
This is a sticky topic.
X
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

          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

              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!
                          Buy me a coffeePayPal QR Code
                          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

                            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 "|||"