-
AuthorPosts
-
msmedia Friend
msmedia
- Join date:
- September 2009
- Posts:
- 33
- Downloads:
- 0
- Uploads:
- 1
- Thanks:
- 10
- Thanked:
- 1 times in 1 posts
January 4, 2011 at 7:05 pm #158289Where 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 FriendCss Magician
- Join date:
- October 2014
- Posts:
- 741
- Downloads:
- 43
- Uploads:
- 53
- Thanks:
- 114
- Thanked:
- 366 times in 263 posts
January 5, 2011 at 2:46 am #370113Dear 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;
}
1 user says Thank You to Css Magician for this useful post
msmedia Friendmsmedia
- Join date:
- September 2009
- Posts:
- 33
- Downloads:
- 0
- Uploads:
- 1
- Thanks:
- 10
- Thanked:
- 1 times in 1 posts
January 5, 2011 at 8:39 am #370181Its 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 FriendCss Magician
- Join date:
- October 2014
- Posts:
- 741
- Downloads:
- 43
- Uploads:
- 53
- Thanks:
- 114
- Thanked:
- 366 times in 263 posts
January 7, 2011 at 3:03 am #370583change 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;
}
1 user says Thank You to Css Magician for this useful post
-
AuthorPosts
This topic contains 4 replies, has 2 voices, and was last updated by Css Magician 13 years, 11 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum