Published WebsiteBaker Portable v10 PHP 8.1.72022-04-16 : read more about…
Published WebsiteBaker 2.13.2 r1332022-04-16 : read more about…
PHP-8.1 released. 2021-11-25PHP-7.4 End Of Life. 2022-11-282021-12-02 : read more about…
/* ================= (...and some more of these) *//* Smaller Screens */
.leftbox li { list-style-type:none;}
Code: [Select].leftbox li { list-style-type:none;}
I added that but it didn't work at first.
function showmenu() { mm = document.getElementById("mobile").style.display; if ( mm == 'block') { document.getElementById("mobile").style.display = 'none'; document.getElementById("mobilemenu").style.display = 'block'; } else { document.getElementById("mobile").style.display = 'block'; document.getElementById("mobilemenu").style.display = 'none'; }}
function showsubmenu() { mm = document.getElementById("mobilesub").style.display; if ( mm == 'block') { document.getElementById("mobilesub").style.display = 'none'; document.getElementById("mobilesubmenu").style.display = 'block'; } else { document.getElementById("mobilesub").style.display = 'block'; document.getElementById("mobilesubmenu").style.display = 'none'; }}
a#mobilemenu {
a#mobilemenu, a#mobilesubmenu {
a#mobilemenu span {display:block; padding: 10px 15px ; font-weight: bold;}
a#mobilemenu span, a#mobilesubmenu span {display:block; padding: 10px 15px ; font-weight: bold;}
ul#mobile {display:none;}
ul#mobile, ul#mobilesub {display:none;}
'<ul id="mobilesub">'
<?php echo $childpages; echo $page_content_2; ?>
<a id="mobilesubmenu" href="javascript:showsubmenu();"><span>Submenu</span></a>
<a id="mobilesubmenu" href="javascript:showsubmenu();"><span>Submenu</span></a> <?php echo $childpages; echo $page_content_2; ?>
Quote I found everything you said until I came to point 3. My code for the child pages is different from yours. This is my problem. To get it to work the way I wanted I have used below instead of Code: [Select]show_menu2 call for $childpages, replace the last '' : Beside that there is no '<ul id="mobilesub">' in my index.php pageCode: [Select]$childpages = ''; ob_start(); show_menu2(0, SM2_ROOT+1, SM2_START, SM2_ALL, '<li class="[class]">[a][menu_title]</a></li>', '', '', '', ''); $childpages = ob_get_contents(); ob_end_clean();
I found everything you said until I came to point 3. My code for the child pages is different from yours. This is my problem. To get it to work the way I wanted I have used below instead of Code: [Select]show_menu2 call for $childpages, replace the last '' : Beside that there is no '<ul id="mobilesub">' in my index.php pageCode: [Select]$childpages = ''; ob_start(); show_menu2(0, SM2_ROOT+1, SM2_START, SM2_ALL, '<li class="[class]">[a][menu_title]</a></li>', '', '', '', ''); $childpages = ob_get_contents(); ob_end_clean();
show_menu2 call for $childpages, replace the last '' :
$childpages = ''; ob_start(); show_menu2(0, SM2_ROOT+1, SM2_START, SM2_ALL, '<li class="[class]">[a][menu_title]</a></li>', '', '', '', ''); $childpages = ob_get_contents(); ob_end_clean();
show_menu2(0, SM2_ROOT+1, SM2_START, SM2_ALL, '<li class="[class]">[a][menu_title]</a></li>', '', '', '', '');
show_menu2(0, SM2_ROOT+1, SM2_START, SM2_ALL, '<li class="[class]">[a][menu_title]</a></li>', '', '', '', '<ul id="mobilesub">');
ReplaceCode: [Select]show_menu2(0, SM2_ROOT+1, SM2_START, SM2_ALL, '<li class="[class]">[a][menu_title]</a></li>', '', '', '', '<ul id="mobilesub">');
I thought you just wanted to compare it with your existing template.
function menuremove() { mm = document.getElementById("mobile").style.display; if ( mm == 'block') { document.getElementById("mobile").style.display = 'none'; document.getElementById("mobilemenu").style.display = 'block'; } }
function menuremove() { mm = document.getElementById("mobile").style.display; if ( mm == 'block') { document.getElementById("mobile").style.display = 'none'; document.getElementById("mobilemenu").style.display = 'block'; } subm = document.getElementById("mobilesub").style.display; if ( subm == 'block') { document.getElementById("mobilesub").style.display = 'none'; document.getElementById("mobilesubmenu").style.display = 'block'; }}
ul#mobilesub li a:link, ul#mobilesub li a:visited { background-image:url(img/yourimage.png); background-repeat:no-repeat; background-position:left; padding-left:15px /* adjust this to the width of the image + some space */}
<?php if (!isset($page_id) OR $page_id==4) {....
<?php if ($page_id == 4000 ) {....
You are using dafleck or Sypiags?
Code: [Select]<?php if (!isset($page_id) OR $page_id==4) {....!isset($page_id) means: it is the startpageOR $page_id==4 means: its page 4, this is neccessary for the template-search. simply remove it.if you want all pages look the same (and no special startpage) simply replace this withCode: [Select]<?php if ($page_id == 4000 ) {....
Quote from: fischstäbchenbrenner on July 07, 2015, 09:19:03 AMCode: [Select]<?php if (!isset($page_id) OR $page_id==4) {....!isset($page_id) means: it is the startpageOR $page_id==4 means: its page 4, this is neccessary for the template-search. simply remove it.if you want all pages look the same (and no special startpage) simply replace this withCode: [Select]<?php if ($page_id == 4000 ) {....Ok, it works now. Thanks
See attachment. I just changed the float of the former right column to float:left and removed the checks if the 2nd block has content, so the column is always shown. On small screens, the left column is shown beyond the main content. The sub menu needs some more styling of course. I guess the same way responsive blue could be modified.Generally spoken, a left column for showing the sub navigation is not particularly needed as all childpages are listed in the main navigation bar.