Customize attachments frame Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

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

    Customize attachments frame

    Shadow
    Shadow
    Shadow
    Manager
    Manager


    Male Posts : 16217
    Reputation : 1831
    Language : French, English
    • Post n°1

    Tutorial Customize attachments frame

    Post by Shadow March 30th 2010, 9:53 am

    Customize attachments frame


    Following the update last week, Forumotion provides this trick so you can customize the attachments:

    Customize attachments frame 29-03-11
    Note

    The effect only appears
    for members using
    browsers:


    • Firefox
    • Safari
    • Google Chrome


    CSS addition

    Admin panel Customize attachments frame Arrow10 Display Customize attachments frame Arrow10 Colors Customize attachments frame Arrow10 CSS Stylesheet

    Add this code :

    Code:
    .attachbox{
    background-color: #191919;
    background-image: url('https://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg');
    border: 1px solid #888888;
    -moz-border-radius-topleft: 15px;
    -webkit-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius-bottomleft: 0px;
    color:#ffffff;
    }
     
    .attachbox dl.file{
    background-color: #212121;
    margin-top: 8px;
    padding: 5px;
    border: 1px solid #fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    }



    Summary of CSS properties:

    Customize attachments frame 29-03-12

    .attachbox
    >> Part A
    background-color: #191919;>> Background color
    background-image:
    url('http:image.address');    		>> Background image
    border: 1px solid #888888;>> Part A border
    -moz-border-radius-topleft: 15px;
    -webkit-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius-bottomleft: 0px;    		>> The 4 corners
    color:#ffffff;>> Part A text color
    .attachbox dl.file
    >> Part B
    background-color: #212121;>> Background color
    margin-top: 8px;>> the outer margin high (top)
    (See image B)
    padding: 5px;>> The inner margin
    (See image B)
    border: 1px solid #fff;>> Border color
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;    		>> The 4 corners

    Customize attachments frame Margin10
    Image B






    Last edited by Typlo on April 1st 2010, 9:30 am; edited 2 times in total
    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15167
    Reputation : 1696
    Language : English,Greek
    Location : Greece
    • Post n°2

    Tutorial Re: Customize attachments frame

    Post by skouliki February 10th 2020, 4:41 pm

    This code was updated to fit in with the new HTTPS address

    updated 10.02.2020 by skouliki

    • Back to top