Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • msmedia Friend
    #158289

    Where can i find parameters for JA Extended in Ja Teline IV?
    I want to add a red text like “New” in joomlart site’s menu – but just red text – not red background.
    Is it possible? :confused:

    Any help please?

    Css Magician Friend
    #370113

    Dear msmedia,

    Please go to Menu Item Manager -> your menu item -> JA Extended -> add “New” into Add Description inputbox -> add “parent-tags tags-red” into Additional class inputbox -> Apply.
    After that, add the css style to your css file ( typo.css ) :


    /* Menu Tags
    -------------------------------------------------------------*/
    #ja-mainnav ul li span.menu-desc,
    #ja-subnav ul li span.menu-desc {
    display: none;
    }

    #ja-mainnav .parent-tags a.parent-tags,
    #ja-mainnav .tags a.tags,
    #ja-subnav .parent-tags a.parent-tags,
    #ja-subnav .tags a.tags {
    position: relative;
    zoom: 1;
    }

    #ja-mainnav ul .parent-tags a.parent-tags span.menu-title {
    padding-right: 40px !important;
    }

    #ja-subnav ul .parent-tags a.parent-tags span.menu-title {
    padding-right: 50px !important;
    }

    #ja-mainnav .parent-tags a.parent-tags span.menu-desc,
    #ja-mainnav .tags a.tags span.menu-desc,
    #ja-subnav .parent-tags a.parent-tags span.menu-desc,
    #ja-subnav .tags a.tags span.menu-desc {
    position: absolute;
    font-size: 10px !important;
    line-height: normal !important;
    padding: 2px 7px !important;
    background: #696f72;
    color: #fff;
    font-weight: bold !important;
    display: block !important;
    text-transform: none !important;
    }

    #ja-mainnav ul .parent-tags a.parent-tags span.menu-desc,
    #ja-subnav ul .parent-tags a.parent-tags span.menu-desc {
    top: 15px;
    right: 8px;
    }

    #ja-mainnav ul .parent-tags a.parent-tags span.menu-title {
    padding-right: 40px !important;
    }

    #ja-mainnav .tags a.tags span.menu-desc,
    #ja-subnav .tags a.tags span.menu-desc {
    top: 4px;
    right: 0px;
    }

    #ja-mainnav ul ul .parent-tags a.parent-tags span.menu-desc {
    top: 2px;
    right: 12px;
    }

    #ja-subnav ul .parent-tags a.parent-tags span.menu-desc {
    top: 0;
    right: 10px;
    }

    /* Green */
    #ja-mainnav .parent-tags a.tags-green span.menu-desc,
    #ja-mainnav .tags a.tags-green span.menu-desc,
    #ja-subnav .parent-tags a.tags-green span.menu-desc,
    #ja-subnav .tags a.tags-green span.menu-desc {
    background: #6b9e1b;
    }

    #ja-mainnav .parent-tags a.tags-green-hover:hover span.menu-desc,
    #ja-mainnav .tags a.tags-green-hover:hover span.menu-desc,
    #ja-subnav .parent-tags a.tags-green-hover:hover span.menu-desc,
    #ja-subnav .tags a.tags-green-hover:hover span.menu-desc {
    background: #6b9e1b;
    }

    /* Red */
    #ja-mainnav .parent-tags a.tags-red span.menu-desc,
    #ja-mainnav .tags a.tags-red span.menu-desc,
    #ja-subnav .parent-tags a.tags-red span.menu-desc,
    #ja-subnav .tags a.tags-red span.menu-desc {
    background: #ee372a;
    }

    #ja-mainnav .parent-tags a.tags-red-hover:hover span.menu-desc,
    #ja-mainnav .tags a.tags-red-hover:hover span.menu-desc,
    #ja-subnav .parent-tags a.tags-red-hover:hover span.menu-desc,
    #ja-subnav .tags a.tags-red-hover:hover span.menu-desc {
    background: #ee372a;
    }

    /* Blue */
    #ja-mainnav .parent-tags a.tags-blue span.menu-desc,
    #ja-mainnav .tags a.tags-blue span.menu-desc,
    #ja-subnav .parent-tags a.tags-blue span.menu-desc,
    #ja-subnav .tags a.tags-blue span.menu-desc {
    background: #0367a6;
    }

    #ja-mainnav .parent-tags a.tags-blue-hover:hover span.menu-desc,
    #ja-mainnav .tags a.tags-blue-hover:hover span.menu-desc,
    #ja-subnav .parent-tags a.tags-blue-hover:hover span.menu-desc,
    #ja-subnav .tags a.tags-blue-hover:hover span.menu-desc {
    background: #0367a6;
    }

    msmedia Friend
    #370181

    Its working well – just one more question 😉
    Now red text is little below main text, and i need it little over – like in 2010 Recap Thanks all JA friends! on this site?

    Css Magician Friend
    #370583

    change my css

    <em>@duchh 212799 wrote:</em><blockquote>Dear msmedia,


    /* Menu Tags
    -------------------------------------------------------------*/
    #ja-mainnav ul li span.menu-desc,
    #ja-subnav ul li span.menu-desc {
    display: none;
    }

    #ja-mainnav .parent-tags a.parent-tags,
    #ja-mainnav .tags a.tags,
    #ja-subnav .parent-tags a.parent-tags,
    #ja-subnav .tags a.tags {
    position: relative;
    zoom: 1;
    }

    #ja-mainnav ul .parent-tags a.parent-tags span.menu-title {
    padding-right: 40px !important;
    }

    #ja-subnav ul .parent-tags a.parent-tags span.menu-title {
    padding-right: 50px !important;
    }

    #ja-mainnav .parent-tags a.parent-tags span.menu-desc,
    #ja-mainnav .tags a.tags span.menu-desc,
    #ja-subnav .parent-tags a.parent-tags span.menu-desc,
    #ja-subnav .tags a.tags span.menu-desc {
    position: absolute;
    font-size: 10px !important;
    line-height: normal !important;
    padding: 2px 7px !important;
    background: #696f72;
    color: #fff;
    font-weight: bold !important;
    display: block !important;
    text-transform: none !important;
    }

    #ja-mainnav ul .parent-tags a.parent-tags span.menu-desc,
    #ja-subnav ul .parent-tags a.parent-tags span.menu-desc {
    top: 15px;
    right: 8px;
    }

    #ja-mainnav ul .parent-tags a.parent-tags span.menu-title {
    padding-right: 40px !important;
    }

    #ja-mainnav .tags a.tags span.menu-desc,
    #ja-subnav .tags a.tags span.menu-desc {
    top: 4px;
    right: 0px;
    }

    #ja-mainnav ul ul .parent-tags a.parent-tags span.menu-desc {
    top: 2px;
    right: 12px;
    }

    #ja-subnav ul .parent-tags a.parent-tags span.menu-desc {
    top: 0;
    right: 10px;
    }

    /* Green */
    #ja-mainnav .parent-tags a.tags-green span.menu-desc,
    #ja-mainnav .tags a.tags-green span.menu-desc,
    #ja-subnav .parent-tags a.tags-green span.menu-desc,
    #ja-subnav .tags a.tags-green span.menu-desc {
    background: #6b9e1b;
    }

    #ja-mainnav .parent-tags a.tags-green-hover:hover span.menu-desc,
    #ja-mainnav .tags a.tags-green-hover:hover span.menu-desc,
    #ja-subnav .parent-tags a.tags-green-hover:hover span.menu-desc,
    #ja-subnav .tags a.tags-green-hover:hover span.menu-desc {
    background: #6b9e1b;
    }

    /* Red */
    #ja-mainnav .parent-tags a.tags-red span.menu-desc,
    #ja-mainnav .tags a.tags-red span.menu-desc,
    #ja-subnav .parent-tags a.tags-red span.menu-desc,
    #ja-subnav .tags a.tags-red span.menu-desc {
    background: #ee372a;
    }

    #ja-mainnav .parent-tags a.tags-red-hover:hover span.menu-desc,
    #ja-mainnav .tags a.tags-red-hover:hover span.menu-desc,
    #ja-subnav .parent-tags a.tags-red-hover:hover span.menu-desc,
    #ja-subnav .tags a.tags-red-hover:hover span.menu-desc {
    background: #ee372a;
    }

    /* Blue */
    #ja-mainnav .parent-tags a.tags-blue span.menu-desc,
    #ja-mainnav .tags a.tags-blue span.menu-desc,
    #ja-subnav .parent-tags a.tags-blue span.menu-desc,
    #ja-subnav .tags a.tags-blue span.menu-desc {
    background: #0367a6;
    }

    #ja-mainnav .parent-tags a.tags-blue-hover:hover span.menu-desc,
    #ja-mainnav .tags a.tags-blue-hover:hover span.menu-desc,
    #ja-subnav .parent-tags a.tags-blue-hover:hover span.menu-desc,
    #ja-subnav .tags a.tags-blue-hover:hover span.menu-desc {
    background: #0367a6;
    }

    </blockquote>

    to


    /* Menu Tags
    -------------------------------------------------------------*/
    #ja-mainnav ul li span.menu-desc,
    #ja-subnav ul li span.menu-desc {
    display: none;
    }

    #ja-mainnav .parent-tags a.parent-tags,
    #ja-mainnav .tags a.tags,
    #ja-subnav .parent-tags a.parent-tags,
    #ja-subnav .tags a.tags {
    position: relative;
    zoom: 1;
    }

    #ja-mainnav ul .parent-tags a.parent-tags span.menu-title {
    padding-right: 40px !important;
    }

    #ja-subnav ul .parent-tags a.parent-tags span.menu-title {
    padding-right: 50px !important;
    }

    #ja-mainnav .parent-tags a.parent-tags span.menu-desc,
    #ja-mainnav .tags a.tags span.menu-desc,
    #ja-subnav .parent-tags a.parent-tags span.menu-desc,
    #ja-subnav .tags a.tags span.menu-desc {
    position: absolute;
    font-size: 10px !important;
    line-height: normal !important;
    padding: 2px 7px !important;
    background: #696f72;
    color: #fff;
    font-weight: bold !important;
    display: block !important;
    text-transform: none !important;
    }

    #ja-mainnav ul .parent-tags a.parent-tags span.menu-desc,
    #ja-subnav ul .parent-tags a.parent-tags span.menu-desc {
    top: 0;
    right: 8px;
    }

    #ja-mainnav ul .parent-tags a.parent-tags span.menu-title {
    padding-right: 40px !important;
    }

    #ja-mainnav .tags a.tags span.menu-desc,
    #ja-subnav .tags a.tags span.menu-desc {
    top: 4px;
    right: 0px;
    }

    #ja-mainnav ul ul .parent-tags a.parent-tags span.menu-desc {
    top: 2px;
    right: 12px;
    }

    #ja-subnav ul .parent-tags a.parent-tags span.menu-desc {
    top: 0;
    right: 10px;
    }

    /* Green */
    #ja-mainnav .parent-tags a.tags-green span.menu-desc,
    #ja-mainnav .tags a.tags-green span.menu-desc,
    #ja-subnav .parent-tags a.tags-green span.menu-desc,
    #ja-subnav .tags a.tags-green span.menu-desc {
    background: #6b9e1b;
    }

    #ja-mainnav .parent-tags a.tags-green-hover:hover span.menu-desc,
    #ja-mainnav .tags a.tags-green-hover:hover span.menu-desc,
    #ja-subnav .parent-tags a.tags-green-hover:hover span.menu-desc,
    #ja-subnav .tags a.tags-green-hover:hover span.menu-desc {
    background: #6b9e1b;
    }

    /* Red */
    #ja-mainnav .parent-tags a.tags-red span.menu-desc,
    #ja-mainnav .tags a.tags-red span.menu-desc,
    #ja-subnav .parent-tags a.tags-red span.menu-desc,
    #ja-subnav .tags a.tags-red span.menu-desc {
    background: none;
    color: #ee372a;
    font-weight: bold;
    }

    #ja-mainnav .parent-tags a.tags-red-hover:hover span.menu-desc,
    #ja-mainnav .tags a.tags-red-hover:hover span.menu-desc,
    #ja-subnav .parent-tags a.tags-red-hover:hover span.menu-desc,
    #ja-subnav .tags a.tags-red-hover:hover span.menu-desc {
    background: #ee372a;
    }

    #ja-mainnav ul .parent-tags a.parent-tags.tags-red span.menu-title {
    padding-right: 30px !important;
    }

    /* Blue */
    #ja-mainnav .parent-tags a.tags-blue span.menu-desc,
    #ja-mainnav .tags a.tags-blue span.menu-desc,
    #ja-subnav .parent-tags a.tags-blue span.menu-desc,
    #ja-subnav .tags a.tags-blue span.menu-desc {
    background: #0367a6;
    }

    #ja-mainnav .parent-tags a.tags-blue-hover:hover span.menu-desc,
    #ja-mainnav .tags a.tags-blue-hover:hover span.menu-desc,
    #ja-subnav .parent-tags a.tags-blue-hover:hover span.menu-desc,
    #ja-subnav .tags a.tags-blue-hover:hover span.menu-desc {
    background: #0367a6;
    }

Viewing 4 posts - 1 through 4 (of 4 total)

This topic contains 4 replies, has 2 voices, and was last updated by  Css Magician 13 years, 10 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum