Customize attachments frame

Leeloo at 09h53
30
Mar
2010
Customize attachments frame


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

Note


The effect only appears
for members using
browsers:

  • Firefox
  • Safari
  • Google Chrome


CSS addition

Admin panel Display Colors 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;
}




Summary of CSS properties:



.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



Image B


This tutorial has been made by the French staff

No reproduction possible without our agreement, pursuant to Article L122-1 of the ICC.
Reply
Similar topics
Customize VLC player to look like WMP11
If you want to customize your VLC player to look like WMP 11 Than just download the skin from here and get the cool look for your VLC Plyer
Customize Chatbox
Im suggesting that we should be able to customize the Chatbox, such as its background by an image of our computer, be able to cuztomize our nicks, and be able to add a tiny pic as an avatar. Im suggesting that Forumotion's chatbox should look like
How to click on a tag in frame
Hi everybody, I have problem in clicking a link in a frame which have no id,name... the structure of site is following: <frameset framespacing="0" border="0" frameborder="0" rows="100%"> <frame
Replies 1 to 0 on 0 for "Customize attachments frame"
See also
more_less
Informations

0 Replies For the topic :
"Customize attachments frame"

This topic has been viewed 10900 times.

Last message :
30/03/2010 at 09h53 by "Leeloo"