Jump to content

How to add another box!


Guest

Recommended Posts

Guest toys4mobiles.com

Basically you need to be able to understand HTML and CSS. You need to learn this before changing anything.

The file that sets up the page is layout.css in the styleSheets folder. This defines the look, size, fonts, pictures etc of the page layout.

The home page is divided up into areas

ie topheader, colLeft, colMid, colRight.

There are also templates used in the styleTemplates folder. These basically are HTML with calls to functions or the database. These use the styles from the css files.

I haven't added any boxes yet, although hopefully this will point you in the right direction.

Have a look at the knowledgebase article 'Modifying the Look' for Cubecart v3. This will tell you how to create a new skin. I suggest you do this and experiment!

Link to comment
Share on other sites

I have v3.0 and I cannot find the file 'subheader.inc.php' to make this adjustment to my website, is there a different way to do it in v3.0?

Link to comment
Share on other sites

  • 4 months later...
Guest degsey69

Can somebody give novices like me some guidance on how to put new side boxes into CC3 in my case I do not want to have a link just put in a GIF or JPEG image as an advert.

Please help!!!!!!!!!!!!!!!!!! :w00t:

Degsey

Link to comment
Share on other sites

Put this code between the boxes you want it to appear.

<div class="boxTitleRight">Box Title</div>

<div class="boxContentRight txtCopy">

Box Content

</div>

Changing the bits in red of course.

Link to comment
Share on other sites

Guest degsey69

Thanks evilhomer that gets me the box I want, here's another stupid question

<div class="boxContentRight txtCopy">

Box Content

The Box Content I want as a gif or jpeg, what do I put here to direct to the folder on the server which has the image I want to put into the box.

Thanks in appreciation :wub:

Link to comment
Share on other sites

What you put there is a link to your image (you must find the URL, or web address, of your image):

<div class="boxTitleRight">Box Title</div>

<div class="boxContentRight" style="text-align: center;">

<img src="http://www.mySite.com/images/myImage.gif">

</div>

This will display the image myImage.gif from http://mySite/images, centered in the box. :wub:

Link to comment
Share on other sites

Guest degsey69

That worked a treat thanks folks.

Would one of you consider doing a text of this to put in the downloads section of the forum, I know it would help a lot of newbies.

Thanks people :wub:

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...