- Para XenForo...
-
- 2.0.x
- Autor
- Emre
- Imagen del autor
-
- URL de XenForo
- https://xenforo.com/community/resources/xenforo-2-x-x-navtab-menu-fontawesome-use-of.6010/
Agregar los iconos de fontAwesome al menú y sus submenús emergentes.
Pueden encontrarse más códigos de la fuente unicode fontAwesome en Listado de iconos de FontAwesome
Cuando se hace clic en un icono se verá su código unicode en la parte de abajo de donde se muestra el icono.
Puede agregarse color en cualquier momento utilizando el atributo CSS color.
Para hallar elementos no incluidos del menú, hay que utilizar F12/Herramientas de desarrollo y localizar los datos del ID de navegación.
Siéntete libre de preguntar lo que desees.
Salud2
Pueden encontrarse más códigos de la fuente unicode fontAwesome en Listado de iconos de FontAwesome
Cuando se hace clic en un icono se verá su código unicode en la parte de abajo de donde se muestra el icono.
Puede agregarse color en cualquier momento utilizando el atributo CSS color.
Para hallar elementos no incluidos del menú, hay que utilizar F12/Herramientas de desarrollo y localizar los datos del ID de navegación.
Siéntete libre de preguntar lo que desees.
CSS:
/****************** Menu/Sub Menu icons ****************************/
.p-navEl [data-nav-id="home"]:before{font-family:FontAwesome;content:"\f015";padding-right:5px}
.p-navEl [data-nav-id="forums"]:before{font-family:FontAwesome;content:"\f27b";padding-right:5px}
.p-navEl [data-nav-id="whatsNew"]:before{font-family:FontAwesome;content:"\f0a2";padding-right:5px}
/***************** Sub menu whatsnew ****************************/
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="whatsNewPosts"]:before{
font-family: FontAwesome;
content: "\f067";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="whatsNewProfilePosts"]:before{
font-family: FontAwesome;
content: "\f007";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="whatsNewNewsFeed"]:before{
font-family: FontAwesome;
content: "\f1ea";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="latestActivity"]:before{
font-family: FontAwesome;
content: "\f043";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="xfmgWhatsNewNewMedia"]:before{
font-family: FontAwesome;
content: "\f03e";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="xfmgWhatsNewMediaComments"]:before{
font-family: FontAwesome;
content: "\f0e6";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="xfrmNewResources"]:before{
font-family: FontAwesome;
content: "\f019";
padding-right: 5px;
}
/**************************************************/
.p-navEl [data-nav-id="members"]:before{font-family:FontAwesome;content:"\f2be";padding-right:5px}
/*********************members sub menu **************/
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="currentVisitors"]:before{
font-family: FontAwesome;
content: "\f1e5";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="newProfilePosts"]:before{
font-family: FontAwesome;
content: "\f0e6";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="searchProfilePosts"]:before{
font-family: FontAwesome;
content: "\f002";
padding-right: 5px;
}
/**************************************************/
.p-navEl [data-nav-id="xfmg"]:before{font-family:FontAwesome;content:"\f03e";padding-right:5px}
/*********************media sub menu **************/
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="xfmgNewMedia"]:before{
font-family: FontAwesome;
content: "\f196";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="xfmgNewComments"]:before{
font-family: FontAwesome;
content: "\f0e6";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="xfmgSearchMedia"]:before{
font-family: FontAwesome;
content: "\f002";
padding-right: 5px;
}
/**************************************************/
.p-navEl [data-nav-id="xfrm"]:before{font-family:FontAwesome;content:"\f115";padding-right:5px}
/******************* resources sub menu ***********/
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="xfrmLatestReviews"]:before{
font-family: FontAwesome;
content: "\f0e6";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="xfrmSearchResources"]:before{
font-family: FontAwesome;
content: "\f002";
padding-right: 5px;
}
/**************************************************/Salud2
![[XFRM] Botón Donar en los recursos](/data/resource_icons/0/137.jpg?1526934991){kind=icon}