Jump to content

Archived

This topic is now archived and is closed to further replies.

Guest

add my logo

Recommended Posts

Guest

someone tell me were to go to add my logo please and god bless

Share this post


Link to post
Share on other sites

Guest

First rename your logo to

topheader.gif

now save to this folder

skins\Legend\styleImages\backgrounds

The part in red is the name of the skin u r using eg classic/legend or killer

thats it

hth

Share this post


Link to post
Share on other sites
Guest hobbyofkings

What if the logo is a jpg? Where in the code is the file referenced? I hunted for a good couple of hours with no luck. Even tried Find>containing the words > Logo in windows on a local copy of the source to no avail.

Love a tip on this one.

Share this post


Link to post
Share on other sites
Guest

:D thanks i did it .. if its jpg just copy and pase it in the paint program or in photo editor and then save it this time as gif

thank for the assistants . this forum help me out real fast ;)

Share this post


Link to post
Share on other sites

@ HobbyOfKings:

Easy enough.

LEGEND

In the Legend skin, the logo is part of an image called topHeader.jpg, size 756 X 116 px, located in skins/Legend/styleImages/backgrounds/topHeader.jpg

Example:

topHeader.jpg

The logo image is referenced in layout.css at #topHeader, located in skins/Legend/styleSheets/layout.css

topHeader.gif The logo image is referenced in layout.css at #topHeader, located in skins/Killer/styleSheets/layout.css contentBg.jpg The logo image is referenced in layout.css at #pageSurround, located in skins/Classic/styleSheets/layout.css

#topHeader {

	text-align: right;

	height: 116px;

	margin-bottom: 10px;

	padding-right: 9px;

	padding-top: 0px;

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

	border-bottom: 1px solid #000000;

}





KILLER



In the Killer skin, the logo is part of an image called topHeader.gif, size 165 X 96 px, located in skins/Killer/styleImages/backgrounds/topHeader.gif



Example:



#topHeader {

	text-align: right;

	height: 100px;

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

	background-repeat: no-repeat;

}





CLASSIC



In the Classic skin, the logo is part of an image called contentBg.jpg, size 355 X 599 px, located in skins/Classic/styleImages/backgrounds/contentBg.jpg



Example:



#pageSurround {

	width: 748px;

	margin: 0px auto;

	padding: 5px;

	border: 2px solid #333333;

	background-color: #FFFFFF;

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

	background-repeat: no-repeat;

	background-position: left top;	

}

- More notes from the tutorial I'm developing ;)

Share this post


Link to post
Share on other sites
Guest Bitz'n'Batz

How can i center my logo so its not on the left? im using killer skin.

Thanx guys

Share this post


Link to post
Share on other sites
Guest aikdo

In the Killer CSS File (skins/Killer/styleSheets/layout.css)

Find The Code

#topHeader {

text-align: right;

height: 100px;

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

background-repeat: no-repeat;

}



And Replace with




#topHeader {

text-align: right;

height: 100px;

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

background-repeat: no-repeat;

background-position: center;

}

NOTE THIS WILL PUT IT DEAD PAGE CENTER REGARDLESS OF THE SEARCH BOX.

Share this post


Link to post
Share on other sites
Guest Bitz'n'Batz

Thanx alot guys, I just cant seem to get the hang of PHP:blink: (HTML no probs)

Share this post


Link to post
Share on other sites
Guest alexisb

Hi,

Bitz'n'Batz: those last lines of code were not PHP, they are CSS, which can help a lot when designing your sites.

Sorry if you already knew that, I think this little piece of information could help others who are just starting.

Regards!

Share this post


Link to post
Share on other sites
Guest imitccom

I just need to know where do I find the folder skins? is it within cube cart or your hardrive? Do I create one...? I'm stuck. :whistle:

thank you!

Share this post


Link to post
Share on other sites
Guest

There on your server

www.yoursite.com/store/skins/

drop the "store" part if your store is in your root

Share this post


Link to post
Share on other sites
Guest davebrum

i found that the file didnt change if it was all lower case - it had to have a capital H in it! so topHeader.gif worked for me. (this was on the killer skin)

Share this post


Link to post
Share on other sites
Guest teakey

I tried what you said. Upload logo, rename to topHeader.gif

It didn't show up in the header. Could this be b/c I purchased a skin? and it isn't one of cube carts. Just wondering.

Thanks Teakey

Share this post


Link to post
Share on other sites
Guest aikdo

My major bad, i will change the spelling mistake asap...

Share this post


Link to post
Share on other sites
Guest

hommer- im trying what u did in your first post

i go to the folder

/public_html/skins/Classic/styleImages/backgrounds/

then i copy and paste my (topheader.gif) into that folder

nothing happens

thanks

Share this post


Link to post
Share on other sites
Guest DocRocks

Good that I found this thread. Just starting a project and I'm also a Zencart user but find CC better focused for this client's project

I am using a clone of the Legend skin in CC v.3. The draft of the homepage is at therapromeds.com/store to view the problem below.

I created a new topHeader graphic of the size recommended by Markscarts in this thread ( 756 X 116 px) and put it into the skins/myfolder/styleImages/backgrounds folder. The graphic displays but starts to repeat at the bottom of the header space. Did I get the jpg size wrong or must I change the header cell space in one of the tpl or other files?

Thanks for the help.

Share this post


Link to post
Share on other sites

Hello DocRocks, here is what you presently have in styleSheets/layout.css:

#topHeader {



	text-align: right;



	height: 116px;



	margin-bottom: 10px;



	padding-right: 9px;



	padding-top: 0px;



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



	border-bottom: 1px solid #000000;



}

What you need is:

#topHeader {

text-align: right;

height: 116px;

margin-bottom: 10px;

padding-right: 9px;

padding-top: 0px;

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

background-repeat: no-repeat;

border-bottom: 1px solid #000000;

}

For more info, read http://cc3.biz/extras/ChangeLogo.pdf

Share this post


Link to post
Share on other sites
Guest DocRocks

Thanks, Markscarts. I now know where to look for some of the layout css. Duh, should have realized that layout.css would be the magic box.

Share this post


Link to post
Share on other sites
Guest BluewaterGroup

you people are my saviors!!

see what you think: www.bluewatertents.co.uk/shop

Share this post


Link to post
Share on other sites
Guest bajdaj

Hi i deleted the original topheader.jpg and uploaded my new topheader.jpg that i want as my header, but now when i load my store the header is completely gone, can anyone help me.

thanks

Share this post


Link to post
Share on other sites
Guest

@ HobbyOfKings:

Easy enough.

LEGEND

In the Legend skin, the logo is part of an image called topHeader.jpg, size 756 X 116 px, located in skins/Legend/styleImages/backgrounds/topHeader.jpg

Example:

topHeader.jpg

The logo image is referenced in layout.css at #topHeader, located in skins/Legend/styleSheets/layout.css

topHeader.gif The logo image is referenced in layout.css at #topHeader, located in skins/Killer/styleSheets/layout.css contentBg.jpg The logo image is referenced in layout.css at #pageSurround, located in skins/Classic/styleSheets/layout.css

#topHeader {

	text-align: right;

	height: 116px;

	margin-bottom: 10px;

	padding-right: 9px;

	padding-top: 0px;

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

	border-bottom: 1px solid #000000;

}





KILLER



In the Killer skin, the logo is part of an image called topHeader.gif, size 165 X 96 px, located in skins/Killer/styleImages/backgrounds/topHeader.gif



Example:



#topHeader {

	text-align: right;

	height: 100px;

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

	background-repeat: no-repeat;

}





CLASSIC



In the Classic skin, the logo is part of an image called contentBg.jpg, size 355 X 599 px, located in skins/Classic/styleImages/backgrounds/contentBg.jpg



Example:



#pageSurround {

	width: 748px;

	margin: 0px auto;

	padding: 5px;

	border: 2px solid #333333;

	background-color: #FFFFFF;

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

	background-repeat: no-repeat;

	background-position: left top;	

}

- More notes from the tutorial I'm developing ;)

Share this post


Link to post
Share on other sites
Guest

Hi MarkCards,

I used "paints" to create logo at 174X96 pix and save it as topHeader.dif and upload it to /store/skins/Killer/styleImages/backgrounds/topHeader.dif but the cube card logo still show up. I download to file back and saw my new logo. Why the CubeCart logo is not replaced?

Thank in advance

Share this post


Link to post
Share on other sites
Guest bajdaj

thanks for you help i managed to get my own header in

Share this post


Link to post
Share on other sites
Guest bajdaj

Hi i am using the legend skin, i was wondering if anyone knows how to change the search, welcome guest, login, and register words from white to black in my header on the top right side.

thanks a bunch

Share this post


Link to post
Share on other sites

×
×
  • Create New...