- Posts: 3
 - Thank you received: 0
 
Use Item Description as static overlay?
- 
        weevil
Inactive member - 
            
				
                            Topic Author
                                 - New Member
 - 
            
         
        Less
        More
        
            
    
        
            
        
                14 years 1 month 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
 
            
        
                14 years 1 month 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
 
            
        
                14 years 1 month 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
 
            
        
                14 years 1 month 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
 
            
        
                14 years 1 month 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
 
            
        
                14 years 1 month 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.205 seconds