Hola a tod@s, he buscado y solo esta fontawesome, os dejo como poner los iconos del foro con materialize.
Estilos y plantillas --> Plantillas --> Default Templates --> Plantillas sin grupo
headerinclude
Buscar
Agregar debajo
Código:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
Iconos del menú
Estilos y plantillas --> Plantillas --> Default Templates --> Cabecera - Plantillas --> header
Buscar
Código:
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
Cambiar por
Código:
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help"><i class="material-icons" style="font-size: 16px;vertical-align: middle;margin-bottom: 4px;margin-right: 4px;"></i>{$lang->toplinks_help}</a></li>
Estilos y plantillas --> Plantillas --> Default Templates --> Cabecera - Plantillas --> header_menu_calendar, header_menu_memberlist, header_menu_portal y header_menu_search
Añadir antes de la variable del título
Agregar
Código:
<i class="material-icons" style="font-size: 16px;vertical-align: middle;margin-bottom: 4px;margin-right: 4px;"></i>
Ejemplo en calendario --> header_menu_calendar
Código:
<li><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar">{$lang->toplinks_calendar}</a></li>
Código:
<li><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar"><i class="material-icons" style="font-size: 16px;vertical-align: middle;margin-bottom: 4px;margin-right: 4px;"></i>{$lang->toplinks_calendar}</a></li>
Estilos y plantillas --> Plantillas --> Default Templates --> Cabecera - Plantillas --> header_welcomeblock_member
Buscar
Código:
<a href="{$mybb->settings['bburl']}/member.php?action=logout&logoutkey={$mybb->user['logoutkey']}" class="logout">{$lang->welcome_logout}</a>
Cambiar por
Código:
<a href="{$mybb->settings['bburl']}/member.php?action=logout&logoutkey={$mybb->user['logoutkey']}" class="logout">{$lang->welcome_logout}<i class="large material-icons" style="font-size: 16px;vertical-align: middle;margin-bottom: 0px;margin-left: 4px;">forward</i></a>
Estilos y plantillas --> Plantillas --> Default Templates --> Cabecera - Plantillas --> header_welcomeblock_member_moderator
Buscar
Código:
<li><a href="{$mybb->settings['bburl']}/modcp.php" class="modcp">{$lang->welcome_modcp}</a></li>
Cambiar por
Código:
<li><a href="{$mybb->settings['bburl']}/modcp.php" class="modcp"><i class="large material-icons" style="font-size: 16px;vertical-align: middle;margin-bottom: 0px;margin-right: 4px;">supervisor_account</i>{$lang->welcome_modcp}</a></li>
Estilos y plantillas --> Plantillas --> Default Templates --> Cabecera - Plantillas --> header_welcomeblock_member_admin
Buscar
Código:
<li><a href="{$mybb->settings['bburl']}/{$admin_dir}/index.php" class="admincp">{$lang->welcome_admin}</a></li>
Cambiar por
Código:
<li><a href="{$mybb->settings['bburl']}/{$admin_dir}/index.php" class="admincp"><i class="large material-icons" style="font-size: 16px;vertical-align: middle;margin-bottom: 0px;margin-right: 4px;">build</i>{$lang->welcome_admin}</a></li>
Estilos y plantillas --> Estilos --> Default --> global.css - Editar hoja de estilo: modo avanzado
Buscar
Código:
#panel .upper a.login,
#panel .upper a.lost_password {
background: url(images/headerlinks_sprite.png) 0 -100px no-repeat;
padding-left: 20px;
margin-left: 10px;
font-weight: bold;
}
Cambiar por
Código:
#panel .upper a.login,
#panel .upper a.lost_password {
margin-left: 10px;
font-weight: bold;
}
Buscar
Código:
#panel .upper a.register {
background: url(images/headerlinks_sprite.png) right -80px no-repeat;
padding-right: 20px;
margin-left: 10px;
font-weight: bold;
}
Cambiar por
Código:
#panel .upper a.register {
padding-right: 20px;
margin-left: 10px;
font-weight: bold;
}
Buscar
Código:
#panel .upper a.logout {
font-weight: bold;
background: url(images/headerlinks_sprite.png) right -80px no-repeat;
padding-right: 20px;
margin-left: 10px;
}
Cambiar por
Código:
#panel .upper a.logout {
font-weight: bold;
padding-right: 20px;
margin-left: 10px;
}
Buscar y borrar
Código:
#panel .lower ul.panel_links a.usercp {
background-position: 0 -120px;
}
#panel .lower ul.panel_links a.modcp {
background-position: 0 -140px;
}
#panel .lower ul.panel_links a.admincp {
background-position: 0 -160px;
}
![[Imagen: f_b45961633e40.png]](https://ct.pimp-my-profile.com/i58/2/2/1/f_b45961633e40.png)
![[Imagen: f_e5a732a706af.png]](https://ct.pimp-my-profile.com/i58/2/2/1/f_e5a732a706af.png)
Iconos del foro
Estilos y plantillas --> Plantillas --> Default Templates --> Caja del foro - Plantillas
En forumbit_depth2_forum y forumbit_depth2_cat
Buscar
Código:
<td class="{$bgcolor}" align="center" width="1"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span></td>
añadir antes de la etiqueta span de cierre esto
Código:
<i class="material-icons"></i>
Código:
<td class="{$bgcolor}" align="center" width="1"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"><i class="material-icons"></i></span></td>
En forumbit_depth3_statusicon
Buscar
Código:
<div title="{$lightbulb['altonoff']}" class="subforumicon subforum_{$lightbulb['folder']} ajax_mark_read" id="mark_read_{$forum['fid']}"></div>
añadir antes de la etiqueta div de cierre esto
Código:
<i class="material-icons" style="font-size: 12px;"></i>
Código:
<div title="{$lightbulb['altonoff']}" class="subforumicon subforum_{$lightbulb['folder']} ajax_mark_read" id="mark_read_{$forum['fid']}"><i class="material-icons" style="font-size: 12px;"></i></div>
Estilos y plantillas --> Plantillas --> Default Templates --> Índice - Plantillas --> index
Buscar
Código:
<dl class="forum_legend smalltext">
<dt><span class="forum_status forum_on" title="{$lang->new_posts}"></span></dt>
<dd>{$lang->new_posts}</dd>
<dt><span class="forum_status forum_off" title="{$lang->no_new_posts}"></span></dt>
<dd>{$lang->no_new_posts}</dd>
<dt><span class="forum_status forum_offclose" title="{$lang->forum_closed}"></span></dt>
<dd>{$lang->forum_closed}</dd>
<dt><span class="forum_status forum_offlink" title="{$lang->forum_redirect}"></span></dt>
<dd>{$lang->forum_redirect}</dd>
</dl>
Cambiar por
Código:
<dl class="forum_legend smalltext">
<dt><span class="forum_status forum_on" title="{$lang->new_posts}"><i class="material-icons"></i></span></dt>
<dd>{$lang->new_posts}</dd>
<dt><span class="forum_status forum_off" title="{$lang->no_new_posts}"><i class="material-icons"></i></span></dt>
<dd>{$lang->no_new_posts}</dd>
<dt><span class="forum_status forum_offclose" title="{$lang->forum_closed}"><i class="material-icons"></i></span></dt>
<dd>{$lang->forum_closed}</dd>
<dt><span class="forum_status forum_offlink" title="{$lang->forum_redirect}"><i class="material-icons"></i></span></dt>
<dd>{$lang->forum_redirect}</dd>
</dl>
Estilos y plantillas --> Estilos --> Default --> global.css - Editar hoja de estilo: modo avanzado
Buscar
Código:
.forum_status {
height: 30px;
width: 30px;
background: url(images/forum_icon_sprite.png) no-repeat 0 0;
display: inline-block;
}
.forum_on {
background-position: 0 0;
}
.forum_off {
background-position: 0 -30px;
}
.forum_offclose {
background-position: 0 -60px;
}
.forum_offlink {
background-position: 0 -90px;
}
Cambiar por
Código:
.forum_status {
height: 50px;
width: 50px;
font-size: 30px;
text-align: center;
}
.forum_on i:before {
content: "comment";
color: #0094d1;
}
.forum_off, .forum_offclose, .forum_offlink {
color: #333;
}
.forum_off i:before {
content: "comment";
opacity: .4;
}
.forum_offclose i:before {
content: "lock";
}
.forum_offlink i:before {
content: "link";
}
Buscar
Código:
.subforumicon {
height: 10px;
width: 10px;
display: inline-block;
margin: 0 5px;
background: url(images/mini_status_sprite.png) no-repeat 0 0;
}
.subforum_minion {
background-position: 0 0;
}
.subforum_minioff {
background-position: 0 -10px;
}
.subforum_minioffclose {
background-position: 0 -20px;
}
.subforum_miniofflink {
background-position: 0 -30px;
}
Cambiar por
Código:
.subforum_minion i:before {
content: "comment";
color: #0094d1;
}
.subforum_minioff, .subforum_minioffclose, .subforum_miniofflink {
color: #333;
}
.subforum_minioff i:before {
content: "comment";
opacity: .4;
}
.subforum_minioffclose i:before {
content: "lock";
}
.subforum_miniofflink i:before {
content: "link";
}
------------------------------------------------------------------------------------------------------------------
Un icono distinto en cada foro
añadir debajo de
Código:
.forum_offlink i:before {
content: "link";
}
esto editando la X por la ID del foro y el nombre del icono
Código:
#mark_read_X i::before {
content: "NOMBRE";
}
![[Imagen: f_5287da96a2e1.png]](https://ct.pimp-my-profile.com/i66/2/2/1/f_5287da96a2e1.png)
![[Imagen: f_f2de25605c79.png]](https://ct.pimp-my-profile.com/i66/2/2/1/f_f2de25605c79.png)
Iconos Panel de control del usuario
Estilos y plantillas --> Estilos --> Default --> usercp.css - Editar hoja de estilo: modo avanzado
Buscar
Código:
.usercp_nav_item {
display: block;
padding: 1px 0 1px 23px;
background-image: url(images/usercp_sprite.png);
background-repeat: no-repeat;
}
.usercp_nav_composepm {
background-position: 0 0;
}
.usercp_nav_pmfolder {
background-position: 0 -20px;
}
.usercp_nav_sub_pmfolder {
padding-left: 40px;
background-position: 0 -40px;
}
.usercp_nav_trash_pmfolder {
padding-left: 40px;
background-position: 0 -60px;
}
.usercp_nav_pmtracking {
background-position: 0 -80px;
}
.usercp_nav_pmfolders {
background-position: 0 -100px;
}
.usercp_nav_profile {
background-position: 0 -120px;
}
.usercp_nav_email {
padding-left: 40px;
background-position: 0 -140px;
}
.usercp_nav_password {
padding-left: 40px;
background-position: 0 -160px;
}
.usercp_nav_username {
padding-left: 40px;
background-position: 0 -180px;
}
.usercp_nav_editsig {
padding-left: 40px;
background-position: 0 -200px;
}
.usercp_nav_avatar {
padding-left: 40px;
background-position: 0 -220px;
}
.usercp_nav_options {
background-position: 0 -240px;
}
.usercp_nav_usergroups {
background-position: 0 -260px;
}
.usercp_nav_editlists {
background-position: 0 -280px;
}
.usercp_nav_attachments {
background-position: 0 -300px;
}
.usercp_nav_drafts {
background-position: 0 -320px;
}
.usercp_nav_subscriptions {
background-position: 0 -340px;
}
.usercp_nav_fsubscriptions {
background-position: 0 -360px;
}
.usercp_nav_viewprofile {
background-position: 0 -380px;
}
.usercp_nav_home {
background-position: 0 -400px;
}
Cambiar por
Código:
.usercp_nav_item:before {
font-family: 'Material Icons';
font-size: 18px;
margin-right: 5px;
vertical-align: middle;
}
.usercp_nav_composepm:before {
content: "email";
}
.usercp_nav_pmfolder:before {
content: "message";
}
.usercp_nav_sub_pmfolder:before {
padding-left: 15px;
content: "message";
}
.usercp_nav_trash_pmfolder:before {
padding-left: 15px;
content: "delete";
}
.usercp_nav_pmtracking:before {
content: "flag";
}
.usercp_nav_pmfolders:before {
content: "mode_edit";
}
.usercp_nav_profile:before {
content: "account_box";
}
.usercp_nav_email:before {
padding-left: 15px;
content: "email";
}
.usercp_nav_password:before {
padding-left: 15px;
content: "vpn_key";
}
.usercp_nav_username:before {
padding-left: 15px;
content: "person";
}
.usercp_nav_editsig:before {
padding-left: 15px;
content: "edit";
}
.usercp_nav_avatar:before {
padding-left: 15px;
content: "face";
}
.usercp_nav_options:before {
content: "settings_applications";
}
.usercp_nav_usergroups:before {
content: "group";
}
.usercp_nav_editlists:before {
content: "favorite";
}
.usercp_nav_attachments:before {
content: "attach_file";
}
.usercp_nav_drafts:before {
content: "drafts";
}
.usercp_nav_subscriptions:before {
content: "subscriptions";
}
.usercp_nav_fsubscriptions:before {
content: "subscriptions";
}
.usercp_nav_viewprofile:before {
content: "account_box";
}
.usercp_nav_home::before {
content: "home";
}
![[Imagen: f_583664468a05.png]](https://ct.pimp-my-profile.com/i58/2/2/2/f_583664468a05.png)
Iconos Panel del moderador
Estilos y plantillas --> Estilos --> Default --> modcp.css - Editar hoja de estilo: modo avanzado
Buscar
Código:
.modcp_nav_item {
display: block;
padding: 1px 0 1px 23px;
background-image: url(images/modcp_sprite.png);
background-repeat: no-repeat;
}
.modcp_nav_home {
background-position: 0 0;
}
.modcp_nav_announcements {
background-position: 0 -20px;
}
.modcp_nav_reports {
background-position: 0 -40px;
}
.modcp_nav_modqueue {
background-position: 0 -60px;
}
.modcp_nav_modlogs {
background-position: 0 -80px;
}
.modcp_nav_editprofile {
background-position: 0 -100px;
}
.modcp_nav_banning {
background-position: 0 -120px;
}
.modcp_nav_warninglogs {
background-position: 0 -140px;
}
.modcp_nav_ipsearch {
background-position: 0 -160px;
}
Cambiar por
Código:
.modcp_nav_item:before {
font-family: 'Material Icons';
font-size: 18px;
margin-right: 5px;
vertical-align: middle;
}
.modcp_nav_home:before {
content: "home";
}
.modcp_nav_announcements:before {
content: "notifications";
}
.modcp_nav_reports:before {
content: "flag";
}
.modcp_nav_modqueue:before {
content: "supervisor_account";
}
.modcp_nav_modlogs:before {
content: "supervisor_account";
}
.modcp_nav_editprofile:before {
content: "account_box";
}
.modcp_nav_banning:before {
content: "supervisor_account";
}
.modcp_nav_warninglogs:before {
content: "report_problem";
}
.modcp_nav_ipsearch:before {
content: "search";
}
![[Imagen: f_2ad1f091e31b.png]](https://ct.pimp-my-profile.com/i58/2/2/3/f_2ad1f091e31b.png)
https://materializecss.com/icons.html
![[Imagen: f_a6d7bcf42363.png]](https://ct.pimp-my-profile.com/i60/2/2/1/f_a6d7bcf42363.png)
Con iconos fontawesome
https://community.mybb.com/thread-212919.html