Forums / Addon Templates / Abbiamo Supremo Support Thread

Abbiamo Supremo Support Thread

Started by brandonturpin on 8 Apr 2012, 3:04 AM · Views: 40,597

Results 121 to 140 of 233

First Previous

1 5 6 7 8 9 12

Next Last

Page 7 of 12

21 Jul 2012, 7:45 PM

#121

peazzandycresswell

New Zenner

Join Date:: Jul 2012
Posts:: 58
Plugin Contributions:: 0

Abbiamo Supremo Support Thread

hey mate,

sorry to be a pain, bet ur getting sick of my by now :P say i wanted to change my whole menu bar, instead of gradients i used images instead, this would solve my problem of my website looking different in internet explorer and would give my shop a professional looking feel...

what files are linked the drop down?

obv stylesheet.css section 1.menu bar deals with the styling and this is where i would be 'inputting' the image? would it be viable to remove all in the menu bar section and replace with a custom menu bar code? i would also have to edit the tpl_drop_down as this is where i specify links ?

still really new mate to css and coding in general but im picking it up fast so a rough guide and ill back up my site and give it a good old shot..

cheers in advance mate

andy

https://www.consolecodeslab.com

21 Jul 2012, 8:27 PM

#122

peazzandycresswell

New Zenner

Join Date:: Jul 2012
Posts:: 58
Plugin Contributions:: 0

Re: Abbiamo Supremo Support Thread

basically, i plan on designing the menu in photoshop. each catagorie has a individual button IE

Home <link to home page<dropdown with all catagories/sub cats> PC <link to sub cats> PS3 <link to ps3 sub cats> XBOX 360 <link to xbox sub cats> About us <link to page> log in , register

i plan on having a base image for the text and a 'hover button' so its like a clickable menu with seperate images for each link

i know its going to be alot of work, but i need my site to look the best it can in all browsers

https://www.consolecodeslab.com

22 Jul 2012, 2:54 AM

#123

peazzandycresswell

New Zenner

Join Date:: Jul 2012
Posts:: 58
Plugin Contributions:: 0

Re: Abbiamo Supremo Support Thread

ok, i have figured out the basica i think.

so the tpl_drop_down contains the dynamic code? for the shop store/catagories, and also the content of the menu bar. obv the first one is the home line and the last one is the contact us code.

so i have an idea there of what needs to be edited what i want to keep, how i want to arrange it etc. in fact ive pretty much written a new one. keeping what i want, taking out what i dont want

hows this?

<body>
  <div id="wrapper_menu"><!-- BEGIN MENU WRAPPER -->
   <ul class="menu menu_blue"><!-- BEGIN MENU -->

   <li class="current"><a href="https://www.consolecodeslab.com/"><img src=  "https://www.consolecodeslab.com/images/Home.png" alt=""/>        </a></li>
  
   <li><a href="https://www.consolecodeslab.com/index.php?main_page=about_us"><img src="https://www.consolecodeslab.com/images/Aboutus.png" alt="some_text"/>
</a></li>
  
  <li class="submenu"><a href=""><img src="https://www.consolecodeslab.com/images/store.png" alt=""/></a>
     
            <div class="dropdown_1column"><!-- Begin 1 column container -->
                <div class="col_1 firstcolumn">
                   <ul class="levels">
                       <?php

 // load the UL-generator class and produce the menu list dynamically from there
 require_once (DIR_WS_CLASSES . 'categories_ul_generator.php');
 $zen_CategoriesUL = new zen_categories_ul_generator;
 $menulist = $zen_CategoriesUL->buildTree(true);
 $menulist = str_replace('"level4"','"level5"',$menulist);
 $menulist = str_replace('"level3"','"level4"',$menulist);
 $menulist = str_replace('"level2"','"level3"',$menulist);
 $menulist = str_replace('"level1"','"level2"',$menulist);
 $menulist = str_replace('<li class="submenu">','<li class="submenu">',$menulist);
 $menulist = str_replace("</li>\n</ul>\n</li>\n</ul>\n","</li>\n</ul>\n",$menulist);
 echo $menulist;
?>           
                  </ul>   
                </div>
               </div><!-- End 1 column container -->                            


  <li><a href="xbox/xbox-360"><img src="https://www.consolecodeslab.com/images/instantxbox.png" alt=""/></a></li>
  
  <li><a href="ps3"><img src="https://consolecodeslab.com/images/ps3.png" alt="some_text"/></a></li>
  
   <li><a href="PC"><img src="https://www.consolecodeslab.com/images/pc.png" alt="some_text"/>
</a></li>

 
  <li><a href="https://www.consolecodeslab.com/index.php?main_page=login"><img src="https://www.consolecodeslab.com/images/Log.png" alt="some_text"/>
</a></li>

  <li><a href="https://www.consolecodeslab.com/index.php?main_page=create_account"><img src="https://www.consolecodeslab.com/images/register.png" alt=""/>
</a></li>
 
   
        <li class="right"><a href="#" class="drop"><img src="https://www.consolecodeslab.com/images/contact us.png
       " alt=""/></a><!-- Begin Contact Item -->
            
            
            <div class="dropdown_2columns align_right"><!-- Begin right aligned container -->
        
        
                <div class="col_2 firstcolumn">
                
                    <h2>Contact Us</h2>

                    <p>Please fill in the following form to contact us</p>
    
                    <div id="contact_form">
                    
                        <div class="message">
                            <div id="alert"></div>
                        </div>
                        <?php echo zen_draw_form('contact_us', zen_href_link(FILENAME_CONTACT_US, 'action=send')); ?>
                        
                            <label for="contactname">Name<span class="required"> *</span></label>
                            <input name="contactname" type="text" id="contactname" size="30" value="" autocomplete="off" /> 
                            
                            <br />
                            <label for="email">Email<span class="required"> *</span></label>
                            <input name="email" type="text" id="email" size="30" value="" autocomplete="off" />
                            
                            <br />
                            <label for="enquiry">Message<span class="required"> *</span></label>
                            <textarea name="enquiry" cols="40" rows="3"  id="enquiry"></textarea>
                                
                            <p class="special"><label for="last">Don't fill this in :</label><input type="text" name="last" value="" id="last" /></p>
                            
                            <div class="form_buttons">
                            <input type="submit" class="button" id="submit" value="Submit" />
                            <input type="reset" class="button" id="reset" value="Reset" />
                            </div>
                        
                        </form>
                    
                    </div>

                </div>
            
            </div><!-- End right aligned container -->
              
              
        </li><!-- End Contact Item -->

</ul>

</body>
</html>

Remember im a complete nub and ive literally taught myself this in a night. mixing and matching from ur tpl basic common sense jigsaw piece thinking.

if theres any errors please let me know

i am still messing around with the button text / font / size etc. i plan on having hover over images basically 2 of the same image but with one slightly changed so the user knows they are on that button. as long as i dont use img that are to big im sure i can keep page load times up. and also it will solve styling issues in IE. i mean theres nothing to revert to (gradients > block colours) if its all image based. it will ensure my site looks the same on all browsers.

https://www.consolecodeslab.com

22 Jul 2012, 3:07 AM

#124

peazzandycresswell

New Zenner

Join Date:: Jul 2012
Posts:: 58
Plugin Contributions:: 0

Re: Abbiamo Supremo Support Thread

unleess i just do it all through the style sheet? just thought about it as im going to be using css to create the hover over effect?
untill then ill use placeholder images when i wake up tomo

https://www.consolecodeslab.com

22 Jul 2012, 3:22 AM

#125

peazzandycresswell

New Zenner

Join Date:: Jul 2012
Posts:: 58
Plugin Contributions:: 0

Re: Abbiamo Supremo Support Thread

i can see loads of errors so tired, been at the website all week ignore previous post regarding my code :P. im going bed before i fill the thread up i will tackle this tomo. wanna get the tpl_drop_down html done myself but the css im clueless.

https://www.consolecodeslab.com

22 Jul 2012, 3:30 AM

#126

peazzandycresswell

New Zenner

Join Date:: Jul 2012
Posts:: 58
Plugin Contributions:: 0

Re: Abbiamo Supremo Support Thread

<body>
  
	<div id="wrapper_menu"><!-- BEGIN MENU WRAPPER -->
   	 
	  <ul class="menu menu_blue"><!-- BEGIN MENU -->
   

	<li class="nodrop"><a href=https://www.consolecodeslab.com/"><img src="https://www.consolecodeslab.com/images/Home.png" alt=""/></a></li>
  	<li class="nodrop"><a href="https://www.consolecodeslab.com/index.php?main_page=about_us"><img src="https://www.consolecodeslab.com/images/Aboutus.png" alt="some_text"/>
           </a></li>
  
  <li class="submenu"><a href=""><img src="https://www.consolecodeslab.com/images/store.png" alt=""/></a>
     <div class="dropdown_1column"><!-- Begin 1 column container -->
         <div class="col_1 firstcolumn">
             <ul class="levels">
                <?php

 
// load the UL-generator class and produce the menu list dynamically from there
 require_once (DIR_WS_CLASSES . 'categories_ul_generator.php');
 $zen_CategoriesUL = new zen_categories_ul_generator;
 $menulist = $zen_CategoriesUL->buildTree(true);
 $menulist = str_replace('"level4"','"level5"',$menulist);
 $menulist = str_replace('"level3"','"level4"',$menulist);
 $menulist = str_replace('"level2"','"level3"',$menulist);
 $menulist = str_replace('"level1"','"level2"',$menulist);
 $menulist = str_replace('<li class="submenu">','<li class="submenu">',$menulist);
 $menulist = str_replace("</li>\n</ul>\n</li>\n</ul>\n","</li>\n</ul>\n",$menulist);
 echo $menulist;
?>
                  </ul>   
                </div>
               </div>
<!-- End 1 column container -->                            


  <li class="nodrop"><a href="xbox/xbox-360"><img src="https://www.consolecodeslab.com/images/instantxbox.png" alt=""/></a></li>
  <li class="nodrop"><a href="ps3"><img src="https://consolecodeslab.com/images/ps3.png" alt="some_text"/></a></li>
  <li class="nodrop"><a href="PC"><img src="https://www.consolecodeslab.com/images/pc.png" alt="some_text"/></a></li>
  <li class="nodrop"><a href="https://www.consolecodeslab.com/index.php?main_page=login"><img src="https://www.consolecodeslab.com/images/Log.png" alt="some_text"/></a></li>
  <li class"=nodrop"><a href="https://www.consolecodeslab.com/index.php?main_page=create_account"><img src="https://www.consolecodeslab.com/images/register.png" alt=""/></a></li>
  
  <li class="right"><a href="#" class="drop"><img src="https://www.consolecodeslab.com/images/contact us.png
       " alt=""/></a>
<!-- Begin Contact Item -->
            
            
            <div class="dropdown_2columns align_right"><!-- Begin right aligned container -->
        
        
                <div class="col_2 firstcolumn">
                
                    <h2>Contact Us</h2>

                    <p>Please fill in the following form to contact us</p>
    
                    <div id="contact_form">
                    
                        <div class="message">
                            <div id="alert"></div>
                        </div>
                        <?php echo zen_draw_form('contact_us', zen_href_link(FILENAME_CONTACT_US, 'action=send')); ?>
                        
                            <label for="contactname">Name<span class="required"> *</span></label>
                            <input name="contactname" type="text" id="contactname" size="30" value="" autocomplete="off" /> 
                            
                            <br />
                            <label for="email">Email<span class="required"> *</span></label>
                            <input name="email" type="text" id="email" size="30" value="" autocomplete="off" />
                            
                            <br />
                            <label for="enquiry">Message<span class="required"> *</span></label>
                            <textarea name="enquiry" cols="40" rows="3"  id="enquiry"></textarea>
                                
                            <p class="special"><label for="last">Don't fill this in :</label><input type="text" name="last" value="" id="last" /></p>
                            
                            <div class="form_buttons">
                            <input type="submit" class="button" id="submit" value="Submit" />
                            <input type="reset" class="button" id="reset" value="Reset" />
                            </div>
                        
                        </form>
                    
                    </div>

                </div>
            
            </div><!-- End right aligned container -->
              
              
        </li><!-- End Contact Item -->

</ul>

</body>

https://www.consolecodeslab.com

22 Jul 2012, 7:31 PM

#127

peazzandycresswell

New Zenner

Join Date:: Jul 2012
Posts:: 58
Plugin Contributions:: 0

Re: Abbiamo Supremo Support Thread

ok so i got the images uploaded, and ive got it to view centered etc in mozzila but i cant get it to show in chrome and internet explorer any ideas?

#wrapper_menu {
	width: 980px;
	margin:0 auto;
	display:block;
	position: relative;
	z-index:9999;
}
	#wrapper_menu .menu {
		list-style:none;
		width:940px;
		margin:30px auto 0px auto;
		height:43px;
		padding:0px 20px 0px 20px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
#wrapper_menu_full {
    width: 100%;
    margin:0;
    display:block;
    position: relative;
    z-index:9999;
}
	#wrapper_menu_full .menu {
		list-style:none;
		width:940px;
		margin:0px auto 0px auto;
		height:43px;
		padding:0px 20px 0px 20px;
	}
.menu li {
	float:left;
	text-align:center;
	position:relative;
	margin-right:20px;
	margin-top:0px;
	border:none;
}
.menu li.fullwidth {
	position: static !important;
}
.menu li:hover {
	background:#eeeeee;
	border:1px solid #444444;
	border-bottom:none;
	margin-right:19px;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	background: -o-linear-gradient(top, #F4F4F4, #EEEEEE);
	-moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
.menu li.nodrop:hover {
	background:#eeeeee;
	border:1px solid #444444;
	padding: 4px 10px 4px 9px;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	background: -o-linear-gradient(top, #F4F4F4, #EEEEEE);
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.menu li.nodrop:hover a {
	padding: 0px;
}
.menu li a {
	color: #EEEEEE;
	outline:0;
	padding: 5px 10px 3px 10px;
	text-decoration:none;
	display:block;
	text-shadow: 1px 1px 1px #000;
}
.menu li:hover a {
	color:#161616;
	text-shadow: none;
	position:relative;
	z-index:11;
	border-bottom:1px solid #EEEEEE;
	padding: 4px 10px 4px 9px;
}
.menu li:hover div a {
	display:inline;
}
.menu li .drop {
	padding-right:27px;
	background:url("img/drop.png") no-repeat right 13px;
}
.menu li:hover .drop {
	padding-right:27px;
	background:url("img/drop.png") no-repeat right 12px;
}

/* Right aligned menu item */

.menu .right {
	float:right;
	right:0;
	margin-right:0px;
}
.menu li.right:hover {
	margin-right:-1px;
}



/*

.menu_blue {
	background: url(images/Menu.png)
	background: -moz url(images/Menu.png) no-repeat;
	background: url(images/Menu.png) no-repeat;
	background: -o url(images/Menu.png) no-repeat;

#wrapper_menu .menu_blue {
	border: 0px solid #015b86;
	border-top: 0px solid #029feb;
}
#wrapper_menu_full .menu_blue {
	border-bottom: 1px solid #015b86;
}
.menu_blue li:hover div a {
	color:#015b86;
}
.menu_blue li:hover div a:hover {
	color:#029feb;
}
.menu_blue li ul li a:hover {
	color:#029feb;
}

unless theres something im missing.. ive linked the menu background via the css stylesheet
and i completely reworked the tpl_drop_down.php file with all the links to the image writing.. once ive got to the bottom of why it wont view in IE or chrome ill then code the css for the menus hover over buttons

any help would be great im at a brick wall atm! :)

https://www.consolecodeslab.com

22 Jul 2012, 7:42 PM

#128

peazzandycresswell

New Zenner

Join Date:: Jul 2012
Posts:: 58
Plugin Contributions:: 0

Re: Abbiamo Supremo Support Thread

it only shows in mozilla when i open the css editor in web devolpers tools im a bit confused now altogether

https://www.consolecodeslab.com

22 Jul 2012, 8:48 PM

#129

Totally Zenned

Join Date:: Jan 2006
Posts:: 1,556
Plugin Contributions:: 0

Re: Abbiamo Supremo Support Thread

Andy, when I click on your Home link in your green menu bar it goes to page not found. Looks like you have some " at the end of the url.

Steve
prommart.com

22 Jul 2012, 11:45 PM

#130

peazzandycresswell

New Zenner

Join Date:: Jul 2012
Posts:: 58
Plugin Contributions:: 0

Re: Abbiamo Supremo Support Thread

SPH:

Andy, when I click on your Home link in your green menu bar it goes to page not found. Looks like you have some " at the end of the url.

cheers mate ill get that fixed :)

god its been on stressful day, what do you think of the new bar? im going to have hover over images on top of the ones already there to give a glow effect :) all image based so the same in all browsers

https://www.consolecodeslab.com

23 Jul 2012, 5:52 PM

#131

peazzandycresswell

New Zenner

Join Date:: Jul 2012
Posts:: 58
Plugin Contributions:: 0

Re: Abbiamo Supremo Support Thread

hey mate my contact us form has gone to pot and i dont know how! any ideas? ive been through the code and cant locate the problem

https://www.consolecodeslab.com

23 Jul 2012, 6:08 PM

#132

Zen Follower

Join Date:: Dec 2008
Location:: Utah, USA
Posts:: 183
Plugin Contributions:: 7

Re: Abbiamo Supremo Support Thread

SPH:

Yes, yellow is gone. But I think that the strange space is still there; it's just now white instead of yellow. When change back and forth from compatability view, the page jumps and the menu bar goes slightly up and down in relation to other text in header. May explain why search button moves.

But much better than the yellow. Thanks.

I have it planned to eliminate that problem in the next release that should be updated and finished this week. I thought of that but its a little more than changing the css so I will have that update soon

**Zen Cart Help and Design**

If you don’t build your dream, someone else will hire you to help them build theirs.

23 Jul 2012, 6:24 PM

#133

Zen Follower

Join Date:: Dec 2008
Location:: Utah, USA
Posts:: 183
Plugin Contributions:: 7

Re: Abbiamo Supremo Support Thread

PeazzAndycresswell:

hey mate my contact us form has gone to pot and i dont know how! any ideas? ive been through the code and cant locate the problem

Sorry I have been MIA over the weekend! But I am looking over your site and I see a few changes you have made and its coming right along.

I am not sure out off all those posts which ones you are still wanting help with so I will just say a few things, if you have any further questions throw them at me! :-)

I am not sure where the contact page us messed up if you can let me know what the issue is I can try and find a fix,

The dropdown is coming along, the few things I see on there is that the padding and spacing on hover is different then regular which is why the lettering jumps. Will have to change the padding on hover till it does not move on hover.

I think once you fix that it would look pretty good! Let me know if there are anything else you still had questions on.

PS I am creating a fix for the IE explorer compatibility mode that I should be able to have within a few days so when that is fixed I will help you get that updated as well so you don't have to worry about it!

Thanks
Brandon Turpin

**Zen Cart Help and Design**

If you don’t build your dream, someone else will hire you to help them build theirs.

23 Jul 2012, 7:04 PM

#134

peazzandycresswell

New Zenner

Join Date:: Jul 2012
Posts:: 58
Plugin Contributions:: 0

Re: Abbiamo Supremo Support Thread

brandonturpin:

Sorry I have been MIA over the weekend! But I am looking over your site and I see a few changes you have made and its coming right along.

I am not sure out off all those posts which ones you are still wanting help with so I will just say a few things, if you have any further questions throw them at me! :-)

I am not sure where the contact page us messed up if you can let me know what the issue is I can try and find a fix,

The dropdown is coming along, the few things I see on there is that the padding and spacing on hover is different then regular which is why the lettering jumps. Will have to change the padding on hover till it does not move on hover.

I think once you fix that it would look pretty good! Let me know if there are anything else you still had questions on.

PS I am creating a fix for the IE explorer compatibility mode that I should be able to have within a few days so when that is fixed I will help you get that updated as well so you don't have to worry about it!

Thanks
Brandon Turpin

hi mate

basically when the menu from the bar for contact us drops down all the input fields and text are messed up basically they are not in line, for now ive removed the contact us form and linked it to the contact us page to get around it for now.

thanks for the padding advice only problem i got is the only way it will stop moving is if i remove padding, but then i cant use the drop down menus :S

im really happy so far, and some bugs or unintential error maybe?

on the contact us form the corner on the right was straight even in mozzila i fixed some code for it to make all corners rounded.
one way to get around ur template looking different in different browsers especially IE, have the background for ur menu bar a picture then no matter the browser u will have a gradient bar :)

ok, so my next project now, is to get the menu drop downs looking amazing but i dont know how to go about replacing the gradient with a glossy background..so it dont look so plain and it more in theme with the menu bar...any pointers mate?

https://www.consolecodeslab.com

23 Jul 2012, 7:08 PM

#135

peazzandycresswell

New Zenner

Join Date:: Jul 2012
Posts:: 58
Plugin Contributions:: 0

Re: Abbiamo Supremo Support Thread

struggling with padding :(

https://www.consolecodeslab.com

23 Jul 2012, 7:20 PM

#136

peazzandycresswell

New Zenner

Join Date:: Jul 2012
Posts:: 58
Plugin Contributions:: 0

Re: Abbiamo Supremo Support Thread

ok fixed the left bar now to figure out the right?

https://www.consolecodeslab.com

23 Jul 2012, 8:34 PM

#137

Zen Follower

Join Date:: Dec 2008
Location:: Utah, USA
Posts:: 183
Plugin Contributions:: 7

Re: Abbiamo Supremo Support Thread

PeazzAndycresswell:

hi mate

basically when the menu from the bar for contact us drops down all the input fields and text are messed up basically they are not in line, for now ive removed the contact us form and linked it to the contact us page to get around it for now.

thanks for the padding advice only problem i got is the only way it will stop moving is if i remove padding, but then i cant use the drop down menus :S

im really happy so far, and some bugs or unintential error maybe?

on the contact us form the corner on the right was straight even in mozzila i fixed some code for it to make all corners rounded.
one way to get around ur template looking different in different browsers especially IE, have the background for ur menu bar a picture then no matter the browser u will have a gradient bar :)

ok, so my next project now, is to get the menu drop downs looking amazing but i dont know how to go about replacing the gradient with a glossy background..so it dont look so plain and it more in theme with the menu bar...any pointers mate?

That can be addressed with placing them in a table to format them.

**Zen Cart Help and Design**

If you don’t build your dream, someone else will hire you to help them build theirs.

23 Jul 2012, 9:03 PM

#138

peazzandycresswell

New Zenner

Join Date:: Jul 2012
Posts:: 58
Plugin Contributions:: 0

Re: Abbiamo Supremo Support Thread

brandonturpin:

That can be addressed with placing them in a table to format them.

how would i go about doing that mate?

https://www.consolecodeslab.com

23 Jul 2012, 11:22 PM

#139

Zen Follower

Join Date:: Dec 2008
Location:: Utah, USA
Posts:: 183
Plugin Contributions:: 7

Re: Abbiamo Supremo Support Thread

PeazzAndycresswell:

how would i go about doing that mate?

Something similar to this

<table border="0">
<tr>
<td>Name</td>
<td>[NAME FIELD]</td>
</tr>
<tr>
<td>Email</td>
<td>[EMAIL FIELD]</td>
</tr>
<tr>
<td colspan="2">Message</td>
</tr>
<tr>
<td colspan="2">Submit button</td>
</tr>
</table>

**Zen Cart Help and Design**

If you don’t build your dream, someone else will hire you to help them build theirs.

24 Jul 2012, 1:17 AM

#140

peazzandycresswell

New Zenner

Join Date:: Jul 2012
Posts:: 58
Plugin Contributions:: 0

Re: Abbiamo Supremo Support Thread

thanks mate

https://www.consolecodeslab.com

First Previous

1 5 6 7 8 9 12

Next Last

Page 7 of 12