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

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
4 posters

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

    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek

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

    Post by Van-Helsing July 25th 2015, 11:38 am

    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.
    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek

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

    Post by Van-Helsing July 26th 2015, 12:39 pm

    Bump
    Michael_vx
    Michael_vx
    Forumember


    Male Posts : 659
    Reputation : 29
    Language : Arabic and some English
    Location : Egypt

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

    Post by Michael_vx July 27th 2015, 11:19 am

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


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek

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

    Post by Van-Helsing July 27th 2015, 6:21 pm

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

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


    Male Posts : 659
    Reputation : 29
    Language : Arabic and some English
    Location : Egypt

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

    Post by Michael_vx July 27th 2015, 9:35 pm

    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
    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek

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

    Post by Van-Helsing July 27th 2015, 10:31 pm

    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>
    TheCrow
    TheCrow
    Manager
    Manager


    Male Posts : 6916
    Reputation : 795
    Language : Greek, English

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

    Post by TheCrow July 27th 2015, 11:44 pm

    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.



    How can I create dropdown menu on options "Mark all topics read / Start Watch this forum"? Thecro10
    Forum of the Forums

    Forumotion Rules | Tips & Tricks |
    FAQ | Did you forget your password?



    *** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
    No support via PM!
    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek

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

    Post by Van-Helsing July 28th 2015, 12:46 am

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

    Example:
    How can I create dropdown menu on options "Mark all topics read / Start Watch this forum"? TQBrnpW
    Michael_vx
    Michael_vx
    Forumember


    Male Posts : 659
    Reputation : 29
    Language : Arabic and some English
    Location : Egypt

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

    Post by Michael_vx July 28th 2015, 1:55 pm

    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
    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek

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

    Post by Van-Helsing July 28th 2015, 2:03 pm

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


    Male Posts : 659
    Reputation : 29
    Language : Arabic and some English
    Location : Egypt

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

    Post by Michael_vx July 28th 2015, 2:20 pm

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


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek

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

    Post by Van-Helsing July 28th 2015, 2:22 pm

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


    Male Posts : 6916
    Reputation : 795
    Language : Greek, English

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

    Post by TheCrow July 29th 2015, 10:27 am

    @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! Smile



    How can I create dropdown menu on options "Mark all topics read / Start Watch this forum"? Thecro10
    Forum of the Forums

    Forumotion Rules | Tips & Tricks |
    FAQ | Did you forget your password?



    *** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
    No support via PM!
    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek

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

    Post by Van-Helsing July 29th 2015, 2:10 pm

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


    Male Posts : 6916
    Reputation : 795
    Language : Greek, English

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

    Post by TheCrow July 29th 2015, 2:39 pm

    Hello @Black-Shadow,

    .popable5 a { is the element for the links!



    How can I create dropdown menu on options "Mark all topics read / Start Watch this forum"? Thecro10
    Forum of the Forums

    Forumotion Rules | Tips & Tricks |
    FAQ | Did you forget your password?



    *** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
    No support via PM!
    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek

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

    Post by Van-Helsing July 29th 2015, 2:54 pm

    Thank you @Luffy its solved now.
    TheCrow
    TheCrow
    Manager
    Manager


    Male Posts : 6916
    Reputation : 795
    Language : Greek, English

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

    Post by TheCrow July 29th 2015, 2:58 pm

    Glad i helped! Smile



    How can I create dropdown menu on options "Mark all topics read / Start Watch this forum"? Thecro10
    Forum of the Forums

    Forumotion Rules | Tips & Tricks |
    FAQ | Did you forget your password?



    *** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
    No support via PM!
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51517
    Reputation : 3523
    Language : English
    Location : United States

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

    Post by SLGray July 29th 2015, 7:12 pm

    Topic solved and archived



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

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.