modifications de templates

  1. SyTry

    Template 2.X Ajouter un indicateur de statut en ligne ou hors ligne [2.0]

    Salut à toi membre de XenTrad ! Aujourd'hui je vous partages un tutoriel vous permettant d'ajouter un indicateur de statut en ligne ou hors ligne ! Dans votre template cogs message_macros chercher ceci (CTRL + F) : </xf:if> <span class="message-userArrow"></span> Ajouter ce code après ...
  2. SyTry

    Template 2.X Modifier la couleur et aligner les titres de vos blocs dans la sidebar [2.0]

    Salut à toi membre de XenTrad ! Aujourd'hui je vous partages un tutoriel rapide vous permettant d'aligner les titres dans vos blocs de la sidebar sous 2.0 ! Dans votre cogs EXTRA.LESS ajouter ceci : /*aligne/couleur texte des blocs sidebars*/ .block-minorHeader { text-align:center...
  3. SyTry

    Add-on 2.X [SC] Message User Info - XFRM 1.0.0

    Salut à toi membre de XenTrad ! Aujourd'hui je vous partage un de mes add-on : Message User Info - XFRM, cela vous permet d'ajouter le nombre de ressources (XFRM) dans vos informations utilisateurs ! photo Image : Vous pouvez activer l'option via la propriété de style Messages : list-ul...
  4. SyTry

    Add-on 2.X [SC] Donation Button for Resources 1.0.0

    Salut à toi membre de XenTrad ! Aujourd'hui je vous partage un de mes add-on : Donation Button for Resources, c'est une reprise de ce tutoriel : https://xenforo.com/community/resources/xfrm-donation-button-for-resources.6170/ photo Image : Vous pouvez modifier l'add-on via les options ...
  5. laurent68

    Template 2.X Ajouter des icônes Font Awesome dans le bloc utilisateur [2.0]

    Un petit tuto que j'ai repris de la version 1.5 que j'ai adapter a la version 2.x.x Dans votre template message_macros Chercher : <xf:if is="$extras.message_count"> <dl class="pairs pairs--justified"> <dt>{{ phrase('messages') }}</dt>...
  6. laurent68

    Template 1.X Afficher la shoutbox a la fin des topics

    Dans votre template ad_message_below ajoutez ce code a la fin : <xen:if is="{$post.position} == 0 AND !{$message.conversation_id}"> <xen:hook name="dark_taigachat" /> </xen:if> Résultat : angellist Voila ce tuto est terminer check
  7. laurent68

    Template 1.X Ajouter des icônes fa dans le menu donation (extra.css)

    Pour l'add_on Aayush Dans votre template extra.css ajoutez ce code : .donationsTabLinks a[href*="donations/list"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f0cb" } Résultat : Pour l'add_on [TH] Donate - Multi-campaign manager Ajoutez dans votre template extra.css...
  8. laurent68

    Template 1.X Ajouter des icônes fa dans le menu ressources (extra.css)

    dans votre template extra.css ajoutez ces codes : .resourcesTabLinks a[href*="search/?type=resource_update"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f002" } .resourcesTabLinks a[href*="resources/authors"]:before{ font-family: "FontAwesome"; padding-right: 5px...
  9. laurent68

    Template 1.X Faire tourner un icone fa sur lui même

    Dans votre code FA en css ajoutez ce code : animation: fa-spin 1s infinite steps(8); Ou dans vos code <i> ajouter devant le nom de votre FA : fa-spin Exemple code origine : <i class="fa fa-android " style="margin-right: 5px;"></i> Ce qui donne ( avec le code fa-spin ) : <i class="fa...
  10. laurent68

    Template 1.X Ajouter des icônes fa dans le menu membre (extra.css)

    Sans votre extra.css ajouter ces codes : .membersTabLinks a[href*="members/"]:before{ font-family: "FontAwesome"; margin-right: 5px; content: "\f005" } .membersTabLinks a[href*="members/list"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f0c0" } .membersTabLinks...
  11. laurent68

    Template 1.X Ajouter des icônes fa dans le menu taigachat (extra.css)

    Dans votre template extra.css ajoutez ces codes : .taigachatTabLinks a[href*="taigachat/"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f06e" } .taigachatTabLinks a[href*="taigachat/popup"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f2d2" }...
  12. laurent68

    Template 1.X Ajouter des icônes fa dans le menu accueil (extra.css)

    Dans votre extra.css ajotez ces codes : .articlesTabLinks a[href*="watched/forums"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f061" } .articlesTabLinks a[href*="watched/threads"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f086" }...
  13. laurent68

    Template 1.X Ajouter des icônes fa dans le menu forum (extra.css)

    Dans votre template extra.css ajoutez ces codes : .forumsTabLinks a[href*="forums/-/mark-read?"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f05b" } .forumsTabLinks a[href*="search/?type=post"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f002" }...
  14. laurent68

    Template 1.X Modifier l'affichage de votre connexion

    Dans votre template login_bar ( ou ipbf_login_bar, tout dépend du thème ) chercher : <xen:require css="login_bar.css" /> Et ajouter en dessous : <script> XenForo.LoginBar = function(a){}; </script> Ensuite chercher : <label for="LoginControl"><a href="{xen:link login}" class="concealed...
  15. laurent68

    Template 1.X Icônes fa dans la navigationsidebar (extra.css)

    Plus besoin de modifier votre template account_wrapper Mettez ces codes dans votre template extra.css : .navigationSideBar a[href*="account/alerts"]:before{ font-family: "FontAwesome"; margin-right: 5px; content: "\f0f3" } .navigationSideBar a[href*="account/news-feed"]:before{ font-family...
  16. laurent68

    Template 1.X Icônes fa dans le visitortabs (extra.css)

    Plus besoin de modifier votre template, dans votre template extra.css ajouter ces codes : .navTab.account a strong:before{ margin-right: 5px; font-family: "FontAwesome"; content: "\f2be"; } .navTab.inbox a:before{ margin-right: 5px; font-family: "FontAwesome"; content: "\f0e0"; }...
  17. laurent68

    Template 1.X Mettre des icônes fa dans votre tablinks (extra.css)

    Plus besoin de modifier votre template mettez ce code dans votre template extra.css .tabLinks a:before{ margin: -1px 7px 0 0; font-size: 14px; } .tabLinks a[href*="/mark-read"]:before{ font-family: "FontAwesome";content: "\f14a" } .tabLinks a[href*="search/"]:before{ font-family...
  18. laurent68

    Template 1.X Ajouter des icônes fa dans le menucolumns utilisateur

    Je vous donne ce tuto que vous ne trouverez pas ailleur, Plus besoins de modifier votre template ! Dans votre template EXTRA.css ajouter ces codes : #AccountMenu .menuColumns a:hover:before{ opacity: 1; } #AccountMenu a[href*="/personal-details"]:before{ font-family: "FontAwesome"...
  19. laurent68

    Template 1.X Changer la description du titre du topic par des fa

    Dans ce tuto je vais vous montrer comment changer sa par des icônes FA : Dans votre template thread_view chercher : <xen:description> {xen:phrase discussion_in_x_started_by_y_date_z, 'forum=<a href="{xen:link forums, $forum}">{$forum.title}</a>', 'name={xen:helper username, $thread}'...
  20. laurent68

    Template 1.X Ajouter un block trouver un membre dans votre sidebar

    Dans votre template forum_list chercher : <xen:edithint template="sidebar.css" /> Et ajouter ce code au dessus : <!--Bloc_Chercher_un_membre--!> <div class="section"> <form action="{xen:link members}" method="post" class="secondaryContent findMember"> <h3><a href="{xen:link online}"...
Haut Bas