GetSimple Support Forum
Put logo between navigation list - Printable Version

+- GetSimple Support Forum (http://get-simple.info/forums)
+-- Forum: GetSimple (http://get-simple.info/forums/forumdisplay.php?fid=3)
+--- Forum: General Questions and Problems (http://get-simple.info/forums/forumdisplay.php?fid=16)
+--- Thread: Put logo between navigation list (/showthread.php?tid=10911)



Put logo between navigation list - SalamandersPL - 2019-06-20

Hello guys!

Im looking for a way to put a logo between <li> tags in the navigation provided with i18n Navigation.

So the code would look like:

PHP Code:
<ul>
    <
li><a href="#" title="#">#</a></li>
    
<li><a href="#" title="#">#</a></li>
    
<li><a href="#" title="#">#</a></li>
    
<img src="LOGO_HERE.PNG" />
    <
li><a href="#" title="#">#</a></li>
    
<li><a href="#" title="#">#</a></li>
    
<li><a href="#" title="#">#</a></li>
</ul

any idea?


RE: Put logo between navigation list - ufopera - 2019-06-21

(2019-06-20, 22:19:04)SalamandersPL Wrote: any idea?

Here's the solution,
not tested!

PHP Code:
$menu_data return_i18n_menu_data(...)
$x count($menu_data) \ 2

foreach (
$menu_data as $item){
    
$i += 1;
    if(
$i == $x ){
        echo 
'<img src="LOGO_HERE.PNG" />'
    
}else{
        echo
'<li><a href=".$item[url]." title=".$item[title].">.$item[xxx].</a></li>'
    
}




RE: Put logo between navigation list - SalamandersPL - 2019-06-25

Thx!!


RE: Put logo between navigation list - Oleg06 - 2019-06-26

It is possible to use the CSS or ready framework UIkit https://getsimplecms.ru/1/navigation.html


RE: Put logo between navigation list - multicolor - 2019-06-26

(2019-06-20, 22:19:04)SalamandersPL Wrote: Hello guys!

Im looking for a way to put a logo between <li> tags in the navigation provided with i18n Navigation.

So the code would look like:

PHP Code:
<ul>
    <
li><a href="#" title="#">#</a></li>
    
<li><a href="#" title="#">#</a></li>
    
<li><a href="#" title="#">#</a></li>
    
<img src="LOGO_HERE.PNG" />
    <
li><a href="#" title="#">#</a></li>
    
<li><a href="#" title="#">#</a></li>
    
<li><a href="#" title="#">#</a></li>
</ul

any idea?

always you can use jquery, and replace .index class or create blank page and add to menu and use him class to change for img.

like example:

$('navbar .index').html('<img src="logo"/>');

or javascript

document.querySelector('navbar .index').innerHTML = <img src="logo"/>;