Website Skin

[Guest toys4mobiles.com]

Hello,

I've been working with CC3 for a couple of weeks. Please can you have a look at my site and give me any criticisms you may have to make it better!

Many Thanks,

www.toys4mobiles.com

Also, any features you think that would make the site a more complete experience or attract people back!

[Guest]

I like it very much. How did you get the full screen width. I have been looking at a way to do the same. I know that I have to go to skin Layout. Any help would be great. I also wanted to know how to add logo's such as paypal or advertising gifs to the left or right side.

Thank you. :o

[Guest twisted]

Also, any features you think that would make the site a more complete experience or attract people back

Some actual product pictures would be a good start.

And if we could get a fix for the sale items box not howing the correct amount, that'd be great too.

[Guest]

there is a fix, it's in v3.0.1 but it's floating aout somewhere I saw it.

[Guest vrakas]

Hi toys4mobiles.com,

i like it very much bravo.

I managed to get the sides working in full screen mode but the middle doesnt work and when i change the size it all gets messed up.

Could you let us know how you did this? :P

[Guest toys4mobiles.com]

To customise you need knowledge of CSS and HTML.

First of all I made my own skin (see the knowledgebase article on how to do this).

I altered the CSS file layout.css so the width was fixed for 1024 px width (leaving room for IE scroll bar and 4px padding) see the bit below

#pageSurround {

padding:0;

width: 985px;

border: 2px solid black;

text-align:left;

background-color: #FFFFFF;

background-image: url(../styleImages/backgrounds/contentBg.jpg);

background-repeat: no-repeat;

background-position: left top;

}

Because I change the page width, I then had to change the 3 columns below the header. Change them to the below:

.colLeft {

left: 0px;

width: 180px;

padding-left: 5px;

padding-top: 5px;

padding-right: 5px;

float: left;

}

.colMid {

width: 604px;

padding-top: 5px;

float: left;

}

.colRight {

width: 180px;

padding-left: 5px;

padding-top: 5px;

padding-right: 5px;

right: 0px;

float: right;

}

[Guest vrakas]

:P Thanks for this info, i will give it a try.

[Guest]

How did you add your own links, in either the shop menu, or below the login links???

I have been looking to do this for quite some time..Please help!!

Thanks in advance

[Guest toys4mobiles.com]

To add links in the 'shop by category' this is easy. Simply look for the file:

\styleTemplates\boxes\categories.TPL

I added the line:

<li class="bullet"><a href="http://forum.toys4mobiles.com" class="txtDefault">Forum</a></li>

Don't list it in between the 'sale' loop

	<ul>

  <li class="bullet"><a href="index.php" class="txtDefault">{LANG_HOME}</a></li>

  <li class="bullet"><a href="http://forum.toys4mobiles.com" class="txtDefault">Forum</a></li>

  <!-- BEGIN: li -->

  <li class="bullet"><a href="index.php?act=viewCat&amp;catId={DATA.cat_id}" class="txtDefault">{DATA.cat_name}</a></li>

  <!-- END: li -->

  <!-- BEGIN: sale -->

  <li class="bullet"><a href="index.php?act=viewCat&amp;catId=saleItems" class="txtDefault">{LANG_SALE_ITEMS}</a></li>

  <!-- END: sale -->

	</ul>

To add the link in the header, as well as the logo this is too complex to explain in this thread as it involves altering the layout.css file by adding extra <div> etc.

as well as updating the two files in the folder:

\styleTemplates\global\

[Guest mydiscountstation]

looks good.

now you need to add something to these

About Us | Contact Us | Privacy Policy | Terms & Conditions

[Guest toys4mobiles.com]

Yeah I know. I'm writing these when I need a rest from designing!

[Guest flinx]

Hi,

How would I get a background color behind the titles of the boxes on the homepages?

I tried to edit the BoxTitleBg.gif but it ends up a shade of gray no matter the color I use.

I tried to add a 'background color: xxxxxx' to .boxcontent in layout.css and did'nt work.

I tried to add a 'background color: xxxxxx' to ..boxTitleLeft, .boxTitleRight {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 70%;

color: #000000;

background-image: url(../styleImages/backgrounds/boxTitleBg.gif);

width: 175px;

height: 13px;

padding-top: 2px;

padding-left: 10px;

background-repeat: no-repeat;

font-weight: bold;

but it would not work. Please advise?

Thanks in advance.

FLINX

Yeah I know. I'm writing these when I need a rest from designing!

[markscarts]

Do you realize you are asking this question in a thread that has nothing whatever to do with your question . . . and a thread that is a year old?

I have answered your PM - you are on the right track, keep working at it.

BTW, adding a color to a boxTitle background won't help if there is an image assigned. Replace the image with the color image you want, or delete the image if you want a solid color. The image will COVER UP your background color.