X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Dev Questions (X-Cart 5) (https://forum.x-cart.com/forumdisplay.php?f=56)
-   -   Gray border to banner images (https://forum.x-cart.com/showthread.php?t=70099)

suseela 09-29-2014 01:58 AM

Gray border to banner images
 
please log in to http://www.indiancarnival.com/home.php?shopkey=7we123RTu.

We want to add a gray background to banner images. Please help.

totaltec 09-29-2014 02:52 AM

Re: Gray border to banner images
 
I have made you a video to explain the process: http://youtu.be/OoHjnSrTgjA

suseela 09-29-2014 03:01 AM

Re: Gray border to banner images
 
Wow Mike. Thanks so much! :)

suseela 09-29-2014 07:28 PM

Re: Gray border to banner images
 
Hi Mike, can this be implemented using the default editor? I usually use the webmaster mode to add banners. The editor shows the basic tagging like this
<p>
<img alt="" src=" skin/common_files/images/diwali_banner_1.jpg" /></p>

totaltec 09-29-2014 07:44 PM

Re: Gray border to banner images
 
Quote:

Originally Posted by suseela
Hi Mike, can this be implemented using the default editor?

Sure, just open the language entry, and above the first banner put:

<div style="background-color:#ccc">

Then after the last banner, close the div:

</div>

suseela 09-29-2014 08:28 PM

Re: Gray border to banner images
 
Hi Mike,

Please let me know where am I wrong:
<div class=background-color: #b0c4de;>
<p>
<a href="https://www.indiancarnival.com/Earrings/"><img alt="" src=" /skin/common_files/images/banners/diamond_earrings_bannerw.jpg" /></a><a href="https://www.indiancarnival.com/Pendant/"> <img alt="" src=" /skin/common_files/images/banners/Tribal_Lapiz_Pendant_bannerw.jpg" /></a></p>
<p>
<a href="https:www.indiancarnival.com/Clutch-Purses/"><img alt="" src=" /skin/common_files/images/banners/banner_699_210w.jpg" /></a></p>
<p>
<a href="https:www.indiancarnival.com/Paintings/"><span style="background-color:#ffff00;"> </span><img alt="" src=" /skin/common_files/images/banners/banner_348_500.jpg" /><span style="background-color:#ffff00;"> </span></a><a href="https:www.indiancarnival.com/public_profile.php?provider=78"><span style="background-color:#ffff00;"> </span><img alt="" src=" /skin/common_files/images/banners/featured_designerw.jpg" /></a></p>
<span style="background-color:#ffff00;"> </span></div>

totaltec 09-29-2014 08:34 PM

Re: Gray border to banner images
 
<div style="background-color: #b0c4de;">

Make sure you put quotes "" around the value of any property you declare in HTML. Also "class" is used to set a class that you will define elsewhere. As in class="my_style" and then in a separate style sheet named style.css:
.my_style {
background-color: #b0c4de;
}

"style" property is for when you want an inline defined style, without referencing an exteernal style sheet. Either way will work for your purpose here.

Quote:

Originally Posted by suseela
Hi Mike,

Please let me know where am I wrong:
<div class=background-color: #b0c4de;>
<p>
<a href="https://www.indiancarnival.com/Earrings/"><img alt="" src=" /skin/common_files/images/banners/diamond_earrings_bannerw.jpg" /></a><a href="https://www.indiancarnival.com/Pendant/"> <img alt="" src=" /skin/common_files/images/banners/Tribal_Lapiz_Pendant_bannerw.jpg" /></a></p>
<p>
<a href="https:www.indiancarnival.com/Clutch-Purses/"><img alt="" src=" /skin/common_files/images/banners/banner_699_210w.jpg" /></a></p>
<p>
<a href="https:www.indiancarnival.com/Paintings/"><span style="background-color:#ffff00;"> </span><img alt="" src=" /skin/common_files/images/banners/banner_348_500.jpg" /><span style="background-color:#ffff00;"> </span></a><a href="https:www.indiancarnival.com/public_profile.php?provider=78"><span style="background-color:#ffff00;"> </span><img alt="" src=" /skin/common_files/images/banners/featured_designerw.jpg" /></a></p>
<span style="background-color:#ffff00;"> </span></div>



All times are GMT -8. The time now is 11:58 PM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.