Forums / Templates, Stylesheets, Page Layout / information box and logo

information box and logo

Views: 1,362

Results 1 to 16 of 16
2 Mar 2011, 5:08 PM
#1
alexdog1805 avatar

alexdog1805

Zen Follower

Join Date:
Sep 2010
Posts:
109
Plugin Contributions:
0

information box and logo

how to put the information box inline with the logo.

http://www.otisweb.ro/test/

2 Mar 2011, 5:12 PM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,186
Plugin Contributions:
0

Re: information box and logo

Al,
What do you mean by inline ?? Do you want your logo centered or.. Please explain more in detail ..

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

2 Mar 2011, 5:43 PM
#3
alexdog1805 avatar

alexdog1805

Zen Follower

Join Date:
Sep 2010
Posts:
109
Plugin Contributions:
0

Re: information box and logo

here you have the attached photo to see what I want.

2 Mar 2011, 5:48 PM
#4
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,186
Plugin Contributions:
0

Re: information box and logo

Al,
You will have to place the logo in the main page then...
admin panel / tools/ define page editor / click in the drop down box and select define_mainpage.php...

You will have to delete the logo out and change the font size for the ezpages to match...

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

2 Mar 2011, 6:12 PM
#5
alexdog1805 avatar

alexdog1805

Zen Follower

Join Date:
Sep 2010
Posts:
109
Plugin Contributions:
0

Re: information box and logo

how to put link of the photo in main_page in define pages editor?

2 Mar 2011, 6:22 PM
#6
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: information box and logo

You could try in the stylesheet.css

navColumnOneWrapper {margin-top: -180px}

Then you should reposition your navEZpagesTop.

2 Mar 2011, 6:27 PM
#7
alexdog1805 avatar

alexdog1805

Zen Follower

Join Date:
Sep 2010
Posts:
109
Plugin Contributions:
0

Re: information box and logo

solved that but tell me how to put ezpages above the logo?

2 Mar 2011, 6:34 PM
#8
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: information box and logo

includes/templates/YOUR_TEMPLATE/common/tpl_header.php

move this

<!--bof-header ezpage links--> <?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?> <?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?> <?php } ?> <!--eof-header ezpage links-->

above

<!--bof-navigation display--> <div id="navMainWrapper">
2 Mar 2011, 7:16 PM
#9
alexdog1805 avatar

alexdog1805

Zen Follower

Join Date:
Sep 2010
Posts:
109
Plugin Contributions:
0

Re: information box and logo

If I do like you say will display the ezpages menu above the header menu.

I want ezpages menu to be between logo and header menu.

I tried different positions in header page but it didn't work.

Se the attached photo

3 Mar 2011, 4:16 PM
#10
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: information box and logo

I apologize I misunderstood.

Please try using the attched tpl_header.php file, you might need to tweak again a little bit the stylesheet, like removing the top padding (70px) for your logo.

Please make a back-up copy of your current file.

4 Mar 2011, 9:20 AM
#11
alexdog1805 avatar

alexdog1805

Zen Follower

Join Date:
Sep 2010
Posts:
109
Plugin Contributions:
0

Re: information box and logo

keneso:

I apologize I misunderstood.

Please try using the attched tpl_header.php file, you might need to tweak again a little bit the stylesheet, like removing the top padding (70px) for your logo.

Please make a back-up copy of your current file.

i tried with your tpl_header and it shows me this...

https://www.otisweb.ro/test

4 Mar 2011, 2:47 PM
#12
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: information box and logo

You have done something to your stylesheet, and I haven't looked deeply into it to see the differences with the original (default) stylesheet.

Anyhow please do like this:

1 - do NOT edit the classic folder, if you need to have a customized template, copy the classic folder, and rename it.
2 - now in the newly created custom folder open the template_info.php file and where you see $template_name = 'Classic Contemporary Italian Version'; chnage Classic Contemporary Italian Version to the name of your custom folder
3 - put the tpl_header.php file I gave you in the common folder of your custom folder
4 - load everything to your server in the includes/templates folder
5 - in your admin go to tools > chhose template, and set pick your custom template
6 - now you can go and edit the stylesheet.css in the your_template/css folder

If you want to keep the actual template you need to make these changes, though I again advise you to do what said above.

Anyhow on your actual stylesheet try this

line 274 from this

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    background-color: #ABBBD3;
    background-image: url("../images/tile_back.gif");
    color: white;
    float: right;
    font-weight: bold;
    height: 1%;
    margin: 0;
    padding: 0.5em 0.2em;
}

make it like this

#navSuppWrapper, #navCatTabsWrapper {
    background-color: #ABBBD3;
    background-image: url("../images/tile_back.gif");
    color: white;
    float: right;
    font-weight: bold;
    height: 1%;
    margin: 0;
    padding: 0.5em 0.2em;
}
#navMainWrapper {
    background-color: #ABBBD3;
    background-image: url("../images/tile_back.gif");
    color: white;
    float: right;
    font-weight: bold;
    height: 1%;
    margin: -35px 0 0 0;
    padding: 0.5em 0.2em;
}

line 355 make it like this

#navEZPagesTop {
    background-color: #FFFF00;
    color: black;
    font-size: 0.95em;
    font-weight: bold;
    margin: 30px 0 0 0;
    padding: 0.5em;
}

line 137 from this

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: right;
    padding: 100px 0 500px;
}

make it like this

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: right;
    padding: 100px 0 500px;
}
#logo {
    float: right;
    padding: 0 0 0 100px;
}
4 Mar 2011, 2:47 PM
#13
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: information box and logo

Please be advised it is better to follow the first option, meaning creating your custom template folder, and working there.

4 Mar 2011, 4:48 PM
#14
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: information box and logo

I see you opted for the custom template, which is good.

I have to apologize as in the tpl_header.php file I missed to delete the ezpages at the end of file, that's why you see two sets of them.
Please delete the last lines of that file from line 106 to 110, meaning from

<!--bof-header ezpage links-->

to

<!--eof-header ezpage links-->
4 Mar 2011, 6:16 PM
#15
alexdog1805 avatar

alexdog1805

Zen Follower

Join Date:
Sep 2010
Posts:
109
Plugin Contributions:
0

Re: information box and logo

How to make the information box links look different that the other links?

https://www.otisweb.ro/test

once again thanks a lot man for helping me!!

4 Mar 2011, 6:42 PM
#16
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: information box and logo

You're welcome
What do you mean by different?

Maybe something like this? (use the colors you like)

#informationContent ul li a {
display: block;
color: #FFFFFF;
background: none repeat scroll 0 0 #FFFF00;
border-bottom: 1px dotted #FFFFFF;
padding: 3px;
}
#informationContent ul li a:hover {
background: none repeat scroll 0 0 #FF0000;
color: #0000FF;
}

If you want to move your search under the login link add the red text to your #navMainSearch, and remove the padding

#navMainSearch {
clear: both;
float: right;
}