The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
2 posters

    Problem with Avatar in Quick Reply

    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek

    Solved Problem with Avatar in Quick Reply

    Post by Van-Helsing March 19th 2014, 12:11 am

    Hi,
    I am facing problem with avatar in quick reply on phpbb2

    I am using the following codes:

    Javascript:
    Code:

    jQuery(document).ready(function() {
            $('#quick_reply').before('<div id="av_quickreply"></div>');
            if(typeof(_userdata)!="undefined") {
            $('#av_quickreply').html(_userdata['avatar']);
            }
            else {
            $('#av_quickreply').load('/profile?mode=editprofile&page_profil=avatars #register .forumline .row1 img');
            }
            });
    I have checked the box in the Topics

    CSS:
    Code:

    #av_quickreply img {
            position: relative;
            top: 100px;
            left: 40px;
            width: 80px;
            height: 80px;
            border:2px solid #0000CD;
            border-radius: 4px;
            background-image: url(http://i57.servimg.com/u/f57/18/21/41/30/vaoolo11.png);
    }
    #av_quickreply {
            float: left;
    }

    The CSS doesnt modify the size of the avatar and it doesnt place it to the correct point as declared in CSS

    The problem has been appeared after the problem of scrolling announcement previously it worked fine.

    Best Regards,
    Dark-Avenger


    Last edited by Dark-Avenger on March 19th 2014, 12:38 am; edited 1 time in total
    Sir Chivas™
    Sir Chivas™
    Helper
    Helper


    Male Posts : 6980
    Reputation : 457
    Language : EN, FR, ES
    Location : || CSS || HTML || Graphics Designs || Support ||

    Solved Re: Problem with Avatar in Quick Reply

    Post by Sir Chivas™ March 19th 2014, 12:27 am

    Add this CSS instead:
    Code:

    #av_quickreply img {
            position: relative;
            top: 100px;
            left: 40px;
            width: 80px !important;
            height: 80px !important;
            border:2px solid #0000CD;
            border-radius: 4px;
            background-image: url(http://i57.servimg.com/u/f57/18/21/41/30/vaoolo11.png);
    }
    #av_quickreply {
            float: left;
    }
    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek

    Solved Re: Problem with Avatar in Quick Reply

    Post by Van-Helsing March 19th 2014, 12:37 am

    Hi Sir Chivas,
    Thank you very much it was need the [code]!important[code] at the commands.

    The problem has been solved

    With Best Regards,
    Dark-Avenger
    Sir Chivas™
    Sir Chivas™
    Helper
    Helper


    Male Posts : 6980
    Reputation : 457
    Language : EN, FR, ES
    Location : || CSS || HTML || Graphics Designs || Support ||

    Solved Re: Problem with Avatar in Quick Reply

    Post by Sir Chivas™ March 19th 2014, 12:39 am

    Yes, sometimes it interferes with other codes, so you must force the code.

    You're welcome,

    Topic Solved & Locked.

      Current date/time is September 23rd 2024, 2:20 am