Forum Activity for @boplive

boplive
@boplive
02/09/24 11:13:20AM
349 posts

adding another level to bottom tab (followme2) skin


Design and Skin Customization

douglas:
Without seeing the actual code it is going to be difficult to tell what is going on.

Can you share the URL or post the code for the template in between the BBCode code tags so we see something like this:

so i use your quote below
let me see if it shows, so there is 2 table rows instead
of one

<div class="bottom_tab">
    <div class="table">
        <div class="table-row">
            {if $page_template == "index"}
                {$tactive = "active"}
            {/if}
            <div class="table-cell {$tactive}">
                <a href="{$jamroom_url}">{jrCore_icon icon="clock" size="24" color="6482B4"}</a>
            </div>
            <div class="table-cell" id="menu_button">
                <a href="#">
                    {jrCore_icon icon="menu" size="24" color="6482B4"}
                </a>
            </div>
        </div>
       
       <div class="table-row">
           {if $_post.profile_actions == 'feedback'}
                {$eactive = "active"}
            {/if}
            <div class="table-cell {$eactive}">
                {jrCore_module_url module="jrAction" assign="tUrl"}
                <a href="{$jamroom_url}/{jrUser_home_profile_key key="profile_url"}/{$tUrl}/feedback" title="{jrCore_lang skin="jrFollowMe2" id=149 default="Feedback"}">
                    {jrCore_icon icon="notifications" size="24" color="6482B4"}
                    <span class="count feedback_count">0</span>
                </a>
            </div>
            {if $_post.profile_actions == 'mentions'}
                {$mactive = "active"}
            {/if}
            <div class="table-cell {$mactive}">
                <a href="{$jamroom_url}/{jrUser_home_profile_key key="profile_url"}/{$tUrl}/mentions" title="{jrCore_lang skin="jrFollowMe2" id=19 default="Mentions"}">
                    {jrCore_icon icon="mention" size="24" color="6482B4"}
                    <span class="count mentions_count">0</span>
                </a>
            </div>
       </div>
    </div>
</div>

updated by @boplive: 02/09/24 11:29:48AM
boplive
@boplive
02/09/24 06:22:09AM
349 posts

adding another level to bottom tab (followme2) skin


Design and Skin Customization

yup I did do that ..I actually double the height to test it out but the itmes still ended up to the side..

So here's below
So using the other table format it would work and there won't be things off to the side example the simple table format below
but with the  
[div class="table"]
        [div class="table-row"]    
            [div class="table-cell"]

This below works perfectly but it is not responsive...

[table width="95%" cellpadding="2" cellspacing="2" align="center"]
[tr]
[td align="center"]
Something here
[/td]
[td align="center"]
Something here
[/td]
[/tr]
second level starts below
[tr]
[td align="center"]
Something here
[/td]
[td align="center"]
Something here
[/td]
[/tr]

[/table]
boplive
@boplive
02/09/24 04:47:59AM
349 posts

adding another level to bottom tab (followme2) skin


Design and Skin Customization

[div class="bottom_tab"]
    [div class="table"]
   
    [div class="table-row"]       
            [div class="table-cell"]
                {jrCore_icon icon="clock" size="24" color="6482B4"}
            [/div]
            [div class="table-cell" id="menu_button"]              
                    {jrCore_icon icon="menu" size="24" color="6482B4"}           
            [/div]
       [/div]

​*********start of new row between the "div class  table"​​​*********​

        [div class="table-row"]       
               [div class="table-cell"]       
                   
                    {jrCore_icon icon="notifications" size="24" color="6482B4"}
                    [span class="count feedback_count"]0[/span]
                   
               [/div]    
               [div class="table-cell"]
                   
                    {jrCore_icon icon="mention" size="24" color="6482B4"}
                    [span class="count mentions_count"]0[/span]
                   
                [/div]

         [/div]
    [/div]

[/div]
boplive
@boplive
02/08/24 01:44:39PM
349 posts

adding another level to bottom tab (followme2) skin


Design and Skin Customization

Good afternoon

I 'm trying to figure out how to add another level to the bottom tabs file I'm using the Followme2 skin

So, I'm just trying to make it as 2 icons on top (instead of the 5 that it has) and below the other 2 icons
so below you see the code which i was messing around with
which has to do with table, rows and cells

so, the top table I have only the HOME PAGE and the MENU ICON
and for the second table I may just use the NOTIFICATIONS and MENTIONS

from what i been trying below, and another format I tried , but it is throwing the top icons to the right-hand side

hope I made sense and explained it well.

Thanks
Ed


updated by @boplive: 05/13/24 05:09:09PM
boplive
@boplive
01/18/24 06:57:47PM
349 posts

Profile Image Id for logged in user


Design and Skin Customization

Glad it worked and relearning never ends just makes things exciting to look forward to
boplive
@boplive
01/18/24 06:39:26PM
349 posts

Profile Image Id for logged in user


Design and Skin Customization

This always seems to work for me

{jrUser_home_profile_key key="profile_name" assign="profile_name"}
{jrCore_module_function function="jrImage_display" module="jrUser" type="user_image" item_id=$_user._user_id size="icon" crop="auto" alt=$profile_name title=$profile_name width=28 height=28 _v=$_user.user_image_time class="user-img"}

In your css file
..user-img {
border-radius: 50%;
width: 18px;
}

Let me know if this works
Ed
boplive
@boplive
04/25/23 05:35:56AM
349 posts

adding a right side menu sidebar


Design and Skin Customization

I'm gonna take a look at that setup of the profile menu fixed code as well.....thanks for the help
boplive
@boplive
04/14/23 01:17:03PM
349 posts

adding a right side menu sidebar


Design and Skin Customization

ahhh ok...so I think I got it too work (well still needs a little tweak and here and there l...i finally understood what you meant and setup the grid columns between both header.tpl and footer.tpl...in the beginning I was only placing in the header.tpl..and it wasn't working..thanks for the right direction...will keep you posted :)
boplive
@boplive
04/14/23 08:52:30AM
349 posts

adding a right side menu sidebar


Design and Skin Customization

hi Douglass, I tried it but it didn't work, can you provide me with the function to wrap the code so you can see how I added it in the Beatslinger2 header.

Its been so long that I have posted here that I forgot what to wrap it with so it can display for you to see..i thought it was {literal} {/literal} to wrap everything
updated by @boplive: 04/14/23 08:56:28AM
boplive
@boplive
04/13/23 12:36:15PM
349 posts

adding a right side menu sidebar


Design and Skin Customization



Hi guys,

I know it’s been a while, just hope everyone is good so far going into this year.

So, I’m looking to add a right sidebar menu possibly fixed that will display on both a desktop and tablet, not worried to much about it on mobile I can make an adjustment on that.

I know all these skins are base of being responsive, with the menu drop down menu stage on the top from the header.
Would like to try the menu sidebar on the right side of the page now.

I tried a few spot on the header file as per below sample which I kind of got from this link

Adding right side column to all pages

https://www.jamroom.net/the-jamroom-network/forum/design-and-skin-customization/43541/adding-right-side-column-to-all-pages

excuse the spaces and brackets in the div below,

div id=wrapper
div class= row
div class=col9


div id=content

div
div class=col3
my test file
div
div


still no luck with what I tried

thanks
Ed
updated by @boplive: 07/24/23 10:53:52PM
  2