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
3 posters

    Add boder for all images in post (message)

    AlexisMcDevin
    AlexisMcDevin
    Forumember


    Male Posts : 134
    Reputation : 5
    Language : English

    Solved Add boder for all images in post (message)

    Post by AlexisMcDevin February 1st 2015, 8:50 am

    Dear Forumotion,

    Is there possible if all images in post will be added more boder? It looks like my design concept image below.

    Original image:
    Add boder for all images in post (message) Valent10

    Design image needed:
    Add boder for all images in post (message) 7wDWpD9

    Thank you!
    Alex.


    Last edited by AlexisMcDevin on February 2nd 2015, 6:49 am; edited 4 times in total
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Solved Re: Add boder for all images in post (message)

    Post by _Twisted_Mods_ February 1st 2015, 11:49 am

    acp>display>colors>css tab add this

    Code:
    .postbody .content img{border: 3px solid #FFCC00}

    save
    AlexisMcDevin
    AlexisMcDevin
    Forumember


    Male Posts : 134
    Reputation : 5
    Language : English

    Solved Re: Add boder for all images in post (message)

    Post by AlexisMcDevin February 1st 2015, 11:58 am

    Hello @_Twisted_Mods_,

    You are so good! Thank you very much!

    Topic solved!

    Alex.
    avatar
    inallsorts
    Forumember


    Posts : 246
    Reputation : 8
    Language : English

    Solved Re: Add boder for all images in post (message)

    Post by inallsorts February 1st 2015, 12:35 pm

    Bear In mind, this will also add a border to the emotions In posts.
    AlexisMcDevin
    AlexisMcDevin
    Forumember


    Male Posts : 134
    Reputation : 5
    Language : English

    Solved Re: Add boder for all images in post (message)

    Post by AlexisMcDevin February 1st 2015, 4:15 pm

    Hi @_Twisted_Mods_,

    I have to edit my first post "un-solved". This is because as per @inallsorts talking, boder are being included the emoticons in post as well.

    Can we remove border for emoticons? Boder should be only for insert images in post.

    Thank you!
    Alex.
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Solved Re: Add boder for all images in post (message)

    Post by _Twisted_Mods_ February 1st 2015, 4:55 pm

    you can add this to you css but will only work for default smileys

    Code:
        .postbody .content img[src^="http://illiweb.com/fa/i/smiles/']{border: none!important;}

    if you have smileys on another host you can add that same code again and switch the url with what ever part of the url that does not change between smileys
    AlexisMcDevin
    AlexisMcDevin
    Forumember


    Male Posts : 134
    Reputation : 5
    Language : English

    Solved Re: Add boder for all images in post (message)

    Post by AlexisMcDevin February 1st 2015, 6:27 pm

    Hi @_Twisted_Mods_,

    This code does not work for default smileys.

    Add boder for all images in post (message) 1iAf9ME
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Solved Re: Add boder for all images in post (message)

    Post by _Twisted_Mods_ February 1st 2015, 7:15 pm

    i edited my post make sure your not using the code b4 the edit

    also if that dont work can i get a link to that post
    AlexisMcDevin
    AlexisMcDevin
    Forumember


    Male Posts : 134
    Reputation : 5
    Language : English

    Solved Re: Add boder for all images in post (message)

    Post by AlexisMcDevin February 1st 2015, 7:32 pm

    _Twisted_Mods_ wrote:i edited my post make sure your not using the code b4 the edit

    also if that dont work can i get a link to that post

    I have just replaced by your new code but it still does not work.

    Here is the link: http://ccxiqi.forumvi.com/t690-topic#5265

    Testing account: demoweb
    Password: 123456A
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Solved Re: Add boder for all images in post (message)

    Post by _Twisted_Mods_ February 1st 2015, 7:44 pm

    my fault i typed 1 thing wrong
    i put a ' after smiles/ when it should have been a "
    Code:

    .postbody .content img[src^="http://illiweb.com/fa/i/smiles/"]{border: none!important;}
    AlexisMcDevin
    AlexisMcDevin
    Forumember


    Male Posts : 134
    Reputation : 5
    Language : English

    Solved Re: Add boder for all images in post (message)

    Post by AlexisMcDevin February 2nd 2015, 6:48 am

    Done! Topic Solved!

      Current date/time is September 23rd 2024, 6:22 am