Split: Customize attachements frame

by exterminator March 30th 2010, 10:55 am

Thanks! That's quite good!

by Cool-processor March 30th 2010, 11:01 am

like it

by ImProviser March 30th 2010, 11:44 am

Code:: -moz-border-radius: 15px; -webkit-border-radius: 15px;

that part is working, but when i want to make custom edges on custom sides:

Code:: -moz-border-radius-topleft: 8px; -webkit-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-radius-topright: 8px; -moz-border-radius-bottomright: 0px; -webkit-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius-bottomleft: 0px;

then it ain't working

anyways great job on this one, i have modified it before this, but i didn't add those oval edges

by ImProviser March 30th 2010, 11:51 am

lol i've just re-read the code, its supposed to be

Code:: -moz-border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-left-radius: 0px; -webkit-border-bottom-left-radius: 0px;

delete this post and my previous one and edit your codes in the message

by mohammadali March 30th 2010, 11:53 am

Hi dear Admin and thank you for your attention
please see this topic

by yehiapsycho March 30th 2010, 7:52 pm

Actually this ROCKS
thanks for these stuff mates
it really made a diffrience
btw i am phpbb2 and i didn;t stick to the external tutorial in the other topic for phpbb2 forums
and it works VERY FINE

by kevinfrans March 31st 2010, 5:44 am

thanks too much

by Codyy March 31st 2010, 2:14 pm

This would be cool if, I was using the attachment feature.

by bin2612 March 31st 2010, 7:35 pm

cho em hỏi sao mọi người không thể đăng ký vào diễn đàn của em ? mọi người giúp với nào

by kevinfrans April 1st 2010, 3:20 am

bin2612 wrote:cho em hỏi sao mọi người không thể đăng ký vào diễn đàn của em ? mọi người giúp với nào

your forums in holiday, go to General Tab -> Configuration -> uncheck "Forum in holiday".
Use English when you want to ask anything.

by chakchak April 2nd 2010, 4:17 pm

cho e hỏi là post đoạn code này vào chỗ nào trong CSS????

by kevinfrans April 3rd 2010, 4:20 am

chakchak wrote:cho e hỏi là post đoạn code này vào chỗ nào trong CSS????

CSS has only 1 empty table, post in there.
Use English, please!

by Guest April 9th 2010, 9:55 pm

work ! thanks too much :wouhou:

by jomblo_karat April 10th 2010, 3:03 pm

by admerbakud April 10th 2010, 4:53 pm

thanks for this one! excellent!

by jomblo_karat April 10th 2010, 9:26 pm

Typlo wrote:
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.