Css modifications for menu and tags

How to put a background for tags for entire website. Please see image.

 Because tags are difficult to read when they form cluster

How to make dolphins main menu like a instagram search menu.please see image

IMG_20180930_111416.jpg · 140.9K · 36 views
IMG_20180930_111329.jpg · 13.8K · 29 views
Quote · 30 Sep 2018

Hello 

If you need to change the menu set from the "top" part with the names like "Home", "People", "Chat" an you have the set of the icons, then you would apply the following actions:

 

1) copy the file templates/base/navigation_menu_mm_item.html file to your template folder (for example templates/tmpl_uni/

2) change the next code:

<a class="top_link" href="__link__"<bx_if:show_onclick> onclick="__onclick__"</bx_if:show_onclick><bx_if:show_target> target="__target__"</bx_if:show_target>>

    <span class="down bx-def-padding-sec-leftright"<bx_if:show_style> style="__style__"</bx_if:show_style>><bx_if:show_picture><img src="__src__" /></bx_if:show_picture>__text__</span>

    </a>

 

to the following one

 

<div class="{some you class for the backgroundpicture}" style="background-image: url('__src__');"?>

<a class="top_link" href="__link__"<bx_if:show_onclick> onclick="__onclick__"</bx_if:show_onclick><bx_if:show_target> target="__target__"</bx_if:show_target>>

    <span class="down bx-def-padding-sec-leftright"<bx_if:show_style> style="__style__"</bx_if:show_style>__text__</span>

    </a>

</div>


3) then add css rules for {some you class for the backgroundpicture} to the file templates/tmpl_uni/css/top_manu.css. In the first zoom it will look like:

 

width: 100%;

max-width: 240px;

height: auto;


where you may set own max-width and other parameters.

 

!NB - all menu icons should be placed to the folder templates/tmpl_uni/images.

Quote · 12d ago

 

!NB - all menu icons should be placed to the folder templates/tmpl_uni/images.

Do All menu icons are required or can I test with few?

What names should be given for icons and size of icons?

Is Home.png is OK?

Thanks.

 

 

Quote · 11d ago

You may test with the few. And for cases like "Home.png" use the variable __text__.png instead of __src__ in the given code.

Quote · 10d ago

 

You may test with the few. And for cases like "Home.png" use the variable __text__.png instead of __src__ in the given code.

 Tried it for evo template.

css class added in the way:

.somebackgroundpicture

{

above attributes

}


cleared cache

But not working. 

Quote · 9d ago

Remind me the accesses to your site via PM.

Quote · 8d ago

 

Remind me the accesses to your site via PM.

 I have sent, pls check.

Quote · 5d ago

Thanks, the image came up.

Pls share details.

Quote · 17h ago
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.