How can I create dropdown menu on options "Mark all topics read / Start Watch this forum"?

How can I create dropdown menu on options "Mark all topics read / Start Watch this forum" with html/css in forums?

My forum version is PunBB.

Bump

im not sure but this may be can help
https://help.forumotion.com/t141007-side-panel

Hello @Michael_vx,
No its not that,
I want these two links to put in menu.

then how about that

Code:

<select>
  <option>Milk</option>
  <option>Coffee</option>
  <option>Tea</option>
</select>

im not sure if that will work with links or not

VX

Hello @Michael_vx,
I think I must use <ul> tags in the template topics_list_box but I will need css and maybe javascript.
I tried that code:

Code:


<ul class="forum_menu">
<li><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> </li>
<li>{S_WATCH_FORUM}</li>
</ul>


Hello @Black-Shadow,
I think that you can do it with a popup.
Having an image set there and the option set in a different window that will be displayed when you hover the image.

Hello @Luffy,
No, I need a simply dropdown menu for these options like invision version forum style menu.

Example:

how about that

Code:

        <span class="forumlink"><a class="forumlink" "><span class="genmed"><form>
        <select style="font-weight: bold;" size="1" name="go_to">
                <option selected="selected" value="#">select</option>
                <option value="URL">name1</option>
                <option value="URL">name2</option>
                </select>
              <input type="button" style="font-weight: bold;" onclick="location =
                form.go_to.options[form.go_to.selectedIndex].value;" value="go">
                </form><br /></span><span class="gensmall"></span></td><td class="row3" align="center"

its a menu with go button i find somewhere thats make you able to select a link from the menu then go will do as the link inside the menu

Hello @Michael_vx,
I think this code is for phpbb2 or phpbb3 due containing forumlink and genmed variables.

i think with some styling it be changed to what you need
my Apologize but i dont have any other idea

No problem @Michael_vx,
Maybe someone else can help me to solve it.

@Black-Shadow try replacing the part of the code in your template with the below:

Code:

 <div class="main-foot clearfix">
          <!-- BEGIN multi_selection -->
          <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
          <!-- END multi_selection -->
          <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
          <p class="options">
<span id="userTable5"><span class="userBox5"><img style="position: relative;width: 16px;height: 16px;" src="http://i56.servimg.com/u/f56/18/59/49/93/align_10.png" /> <span class="popable5">
                        <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a><br /> {S_WATCH_FORUM}
</span></span> </span>         
&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>
          </p>
      </div>

and then add in your CSS the below code:

Code:

#userTable5 { position:relative; }
#userTable5 .popable5 {
    background: #FFF;
    border-radius: 2px;
    border: 2px solid #ABABAB;
    bottom: -9px;
    color: #D88B8B!important;
    font-weight: 700;
    left: -340px;
    padding: 5px;
    position: absolute;
    right: -10px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #6F6F6F;
    transition: 300ms;
    visibility: hidden;
    white-space: nowrap;
    z-index: 9;
}
#userTable5:hover .popable5 {
  font-size:12px;
  visibility:visible;
}

As for the styling you can change it if you like!

Hello @Luffy,
Its working but I need to change the menu links color. Which is the element to change it?

Hello @Black-Shadow,

.popable5 a { is the element for the links!

Thank you @Luffy its solved now.

Glad i helped!