Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Gray border to banner images
 
Reply
   X-Cart forums > X-Cart 5 > Modifying the design and features (X-Cart 5)
 
Thread Tools Search this Thread
  #1  
Old 09-29-2014, 01:58 AM
 
suseela suseela is offline
 

Advanced Member
  
Join Date: Jan 2013
Posts: 55
 

Default 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.
__________________
www.indiancarnival.com

based on Xcart pro 4.5
Reply With Quote
  #2  
Old 09-29-2014, 02:52 AM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default Re: Gray border to banner images

I have made you a video to explain the process: http://youtu.be/OoHjnSrTgjA
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote

The following user thanks totaltec for this useful post:
Ksenia (09-30-2014)
  #3  
Old 09-29-2014, 03:01 AM
 
suseela suseela is offline
 

Advanced Member
  
Join Date: Jan 2013
Posts: 55
 

Default Re: Gray border to banner images

Wow Mike. Thanks so much!
__________________
www.indiancarnival.com

based on Xcart pro 4.5
Reply With Quote
  #4  
Old 09-29-2014, 07:28 PM
 
suseela suseela is offline
 

Advanced Member
  
Join Date: Jan 2013
Posts: 55
 

Default 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>
__________________
www.indiancarnival.com

based on Xcart pro 4.5
Reply With Quote
  #5  
Old 09-29-2014, 07:44 PM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default 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>
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote
  #6  
Old 09-29-2014, 08:28 PM
 
suseela suseela is offline
 

Advanced Member
  
Join Date: Jan 2013
Posts: 55
 

Default 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>
__________________
www.indiancarnival.com

based on Xcart pro 4.5
Reply With Quote
  #7  
Old 09-29-2014, 08:34 PM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default 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>
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote

The following user thanks totaltec for this useful post:
Ksenia (09-30-2014)
Reply
   X-Cart forums > X-Cart 5 > Modifying the design and features (X-Cart 5)


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 09:54 AM.

   

 
X-Cart forums © 2001-2018