Current date/time is March 28th 2024, 10:03 am

Search found 1 match for 212121

Customize attachments frame

Customize attachments frame



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

Topics tagged under 212121 on The forum of the forums 29-03-11
Note


The effect only appears
for members using
browsers:


  • Firefox
  • Safari
  • Google Chrome



CSS addition

[b]Admin panel Topics tagged under 212121 on The forum of the forums Arrow10 Display Topics tagged under 212121 on The forum of the forums Arrow10 Colors Topics tagged under 212121 on The forum of the forums Arrow10 CSS Stylesheet [/b]


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:

Topics tagged under 212121 on The forum of the forums 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



Topics tagged under 212121 on The forum of the forums Margin10
Image B




by Shadow
on March 30th 2010, 9:53 am
 
Search in: Tips & Tricks
Topic: Customize attachments frame
Replies: 1
Views: 11867

Back to top

Jump to: