- Posts: 3
- Thank you received: 0
Use Item Description as static overlay?
-
weevil
Inactive member - Topic Author
- New Member
Less
More
13 years 3 months ago #10906
by weevil
Use Item Description as static overlay? was created by weevil
Hi there,
This mod seems very good, just trying to push the boundaries of it a bit but my CSS knowledge is a bit lacking.
Basically I'm going to have the image slider across the top as a large, thick banner. But i want a permenant text box over the top (similar to the item description) but much larger on the right hand side, but at about 50% transparancy so the remainder of the image doesnt get blocked out.
How would i achieve this using this very good mod?
Many thanks!
This mod seems very good, just trying to push the boundaries of it a bit but my CSS knowledge is a bit lacking.
Basically I'm going to have the image slider across the top as a large, thick banner. But i want a permenant text box over the top (similar to the item description) but much larger on the right hand side, but at about 50% transparancy so the remainder of the image doesnt get blocked out.
How would i achieve this using this very good mod?
Many thanks!
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
13 years 3 months ago #10914
by ivan.milic
Replied by ivan.milic on topic Re: Use Item Description as static overlay?
hmm, you can prepare png image for text background. To style that box containing text use:
#slide-controls{...
}
to style text itself use
#slide-desc{...
}
#slide-controls{...
}
to style text itself use
#slide-desc{...
}
Please Log in to join the conversation.
-
weevil
Inactive member - Topic Author
- New Member
Less
More
- Posts: 3
- Thank you received: 0
13 years 3 months ago #10932
by weevil
Replied by weevil on topic Re: Use Item Description as static overlay?
I did modify the original PNG file to be white at 50% transparency 1px by 1px in size. But when i tested it it did not preserve the transparency and was at 100%.
can i set transparency through CSS?
can i set transparency through CSS?
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
13 years 3 months ago #10943
by ivan.milic
Replied by ivan.milic on topic Re: Use Item Description as static overlay?
Did you modified image (graphic) or css?
Please Log in to join the conversation.
-
weevil
Inactive member - Topic Author
- New Member
Less
More
- Posts: 3
- Thank you received: 0
13 years 3 months ago #10961
by weevil
Replied by weevil on topic Re: Use Item Description as static overlay?
i modified the image itself.
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
13 years 3 months ago #10966
by ivan.milic
Replied by ivan.milic on topic Re: Use Item Description as static overlay?
That should be working if you made image right, anyway you can also try to modify transparency using css:
You need to use several properties so it would be compatible on all browsers:
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
You need to use several properties so it would be compatible on all browsers:
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
Please Log in to join the conversation.
Time to create page: 0.163 seconds