Joomla Templates Club 406,261 posts

[marcelc Friend marcelcJoin date: June 2007Posts: 10Downloads:0Uploads:0]

#123570

I would like to have an menu at the footer (bottom of page) with links like privacy, terms and conditions, sitemap etc.

How can this be done with JA Wistery Artistic ?

Best regards,
Marcel

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#232303

Left or right side?

[marcelc Friend marcelcJoin date: June 2007Posts: 10Downloads:0Uploads:0]

#232324

Centered, if not possible, left would do.

Best regards,
Marcel

[marcelc Friend marcelcJoin date: June 2007Posts: 10Downloads:0Uploads:0]

#232449

Hi Menalto,

can you give some tips about the menu.

Best regards,
Marcel

[marcelc Friend marcelcJoin date: June 2007Posts: 10Downloads:0Uploads:0]

#232606

Can you explain how I can add an menu like in JA Hedera ?

Regards,
Marcel

[biggieray Friend biggierayJoin date: December 2007Posts: 2Downloads:0Uploads:0]

#237227

Did you ever get an answer? I too would like to create a footer line of links

Thanks
Ray

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#237251

Hi MarcelC,

You do some steps:

Step1: Create new menu.
880

881

882

Step 2: Create new module position. Thename of new position is “botmenu”

883

Step 3: Config parameter of module botmenu.

885

Step 3: Copy this PHP code section into the index.php file.


<div id="ja-footer">
<?php if ( mosCountModules('botmenu') ) { ?>
<div id="ja-botnavwrap">
<div id="ja-botnav" class="clearfix">
<?php echo mosLoadModules('botmenu', -1); ?>
</div>
</div>
<?php } ?>
...


Step 4: Add new this CSS code section into the template_css.css file.


/* Bot Menu in Footer */
#ja-botnav {
padding-left: 5px;
position: absolute;
top: 0px;
right: 0px;
height: 26px;
}

#ja-botnav ul {
margin: 0;
padding: 0;
float: left;
height: 26px;
}

#ja-botnav li {
margin: 0;
padding: 0;
display: inline;
background: none;
}

#ja-botnav li a {
padding: 0 20px 0 0;
text-decoration: none;
line-height: 24px;
}

#ja-botnav li a:hover,
#ja-botnav li a:active,
#ja-botnav li a:focus {
background: none;
color: #59B2C4;
}

/* FOOTER
--------------------------------------------------------- */


Step 5: Modify margin property of #ja-cert.


#ja-cert {
float: right;
margin-top: 25px;
font-size: 11px;
}


---

Attachments:

1. 
2. 
3. 
4. 
5. 

[Author]

Posts