Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Wordpress creates menu's that look like this:</p> <pre><code>&lt;ul id="main-menu" class="menu"&gt; &lt;li id="menu-item-1234" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-33 current_page_item menu-item-1234"&gt; &lt;a href="http://www.site.nl/"&gt;home&lt;/a&gt; &lt;/li&gt; &lt;li id="menu-item-1235" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1235"&gt; &lt;a href="http://www.site.nl/cursussen/"&gt;cursussen&lt;/a&gt; &lt;ul class="sub-menu"&gt; &lt;li id="menu-item-1244" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1244"&gt; &lt;a href="http://www.site.nl/cursussen/"&gt;cursus overzicht&lt;/a&gt; &lt;/li&gt; &lt;li id="menu-item-1237" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1237"&gt; &lt;a href="http://www.site.nl/maatwerk/"&gt;maatwerk&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li id="menu-item-1238" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1238"&gt; &lt;a href="http://www.site.nl/nieuws/"&gt;tips en tricks&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; </code></pre> <p>There are plenty of classes and structures you can depend on here to do what you want your span to do. For example, with some css like this:</p> <pre><code>ul li ul { /*drop-down-menu-pointer styling here, for example, if your main menu has a height of 20 px, this might work*/ top: -20px; padding-top: 20px; background-image: url('arrowurl.jpg'); background-position: top right; background-repeat: no-repeat; /* And you might have to do something with the position attribute */ } </code></pre> <p>It will need some tweaking I guess but it should get you there. Also, look into <a href="http://codex.wordpress.org/Function_Reference/wp_nav_menu" rel="nofollow">http://codex.wordpress.org/Function_Reference/wp_nav_menu</a> for all options, maybe something there will help you.</p>
    singulars
    1. This table or related slice is empty.
    1. POadd span before one of the drop down menu in wordpress
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USJasper Kennis
    1. USJasper Kennis
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. COyes, I know about the styling and I looked into the codex already. But the codex only help to create span for the every attribute of li class or ul class while I only wish to create one and only one span to show an arrow symbolize the belonging of current drop down menu
      singulars
      1. PO
      1. USuser883749
    2. COI think you can still use the child ul for that. To explain I've extended my answer a bit with some additional css.
      singulars
      1. PO
      1. USJasper Kennis
    3. COFurthermore, I believe it is impossible to add extra elements to the menu the way you want it to using the normal functions, so in that you are right. You might be able to achieve this by writing a custom menu function in functions.php that uses the returned menu from the standard function and use some regex on it to add the span element, but that's a very slow and ugly technique.
      singulars
      1. PO
      1. USJasper Kennis
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload