Current date/time is October 20th 2019, 10:45 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



Topics tagged under 191919 on The forum of the forums 09615175839 CSS addition

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


Add this code :

Code:
.attachbox{
background-color: #191919;
background-image: url('http://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;
}


Topics tagged under 191919 on The forum of the forums 30032010093859

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: 0
Views: 11367

Back to top

Jump to: