Search…

X3 Photo Gallery Support Forums

Search…
 
User avatar
kungphoto
Experienced
Topic Author
Posts: 27
Joined: 24 Dec 2014, 04:36

About the topbar & footer

04 Jan 2015, 09:04

How to set the topbar 100%Transparent just as your website https://mjau-mjau.com

and how to add more social icon to footer just like these
Image
Choose a problem to solve, not an idea to build
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: About the topbar & footer

04 Jan 2015, 09:20

kungphoto wrote:How to set the topbar 100%Transparent just as your website mjau-mjau.com
You mean like on the front page of mjau-mjau.com? It is only transparent here before we want the slideshow to be visible in the background. Do you still have the "examples" folder in your X3 structure? Check panel->examples/other/startpage/ ... Basically, you add to a specific page where you have a slideshow:
Code
body: menu-absolute no-pad
It is menu-absolute that does the job, no-pad basically removes some empty space.
kungphoto wrote:and how to add more social icon to footer just like these
Image
These links are taken directly from your accounts.social settings. The icons are based on an icon-font, so unfortunately it will not include many services. What services do you want to add? You may need to add your own icon in a folder, and create a custom footer ...
 
User avatar
kungphoto
Experienced
Topic Author
Posts: 27
Joined: 24 Dec 2014, 04:36

Re: About the topbar & footer

04 Jan 2015, 10:48

Choose a problem to solve, not an idea to build
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: About the topbar & footer

04 Jan 2015, 12:33

Technically, you would do something like this:

1. Edit panel > custom/footer

2. Add something like this:
Code
<div class="social-icons">
<a href="LINK"><img src=/icon/weibo.svg alt="" ></a>
<a href="LINK"><img src=wechat.svg alt="" ></a>
</div>
I don't have time to create long tutorials right now on creating NICELY designed custom footers. You can't easily piggy-ride the existing styles, which is meant for the icon-fonts, although you could try to use the same style classes. You might need to add some classes to that, I am not sure ... The "custom footer" is essentially made available for those who really want to add some custom html in the footer and know what they are doing and don't want to use what X3 offers by default.