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.

Customize attachments frame

2 posters

Go down

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
Shadow
Shadow
Manager
Manager

Male Posts : 16217
Reputation : 1831
Language : French, English

Back to top Go down

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
skouliki
skouliki
Manager
Manager

Female Posts : 15026
Reputation : 1680
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum