Current date/time is April 19th 2024, 7:28 am

Search found 1 match for 191919

Customize attachments frame

Customize attachments frame



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

Topics tagged under 191919 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 191919 on The forum of the forums Arrow10 Display Topics tagged under 191919 on The forum of the forums Arrow10 Colors Topics tagged under 191919 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 191919 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 191919 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: 11953

Back to top

Jump to: