-
Template 2.X Nouveau bouton de message dans le message
Ajouter un nouveau bouton de publication à la page XenForo 2 posts. Access ACP => Template => Thread_view recherchez : <xf:breadcrumb source="$forum.getBreadcrumbs()" /> Ajoutez juste en dessous : <xf:pageaction if="$forum.canCreateThread()"> <xf:button href="{{ link('forums/post-thread'... -
Template 2.X Statut indicateur : En Ligne / Hors Ligne - dans la carte des membres dans les postes
Pour ce faire : Dans votre template message_macros chercher : <span class="message-userArrow"></span> Ajoutez ceci avant : <xf:if is="$user.isOnline()"> <div class="onlineON">En Ligne</span></div> <xf:else /> <div class="offlineOFF">Hors Ligne</span></div> </xf:if> (2 ème solution) Ou... -
Template 2.X Informations de profil à l'horizontal dans les messages
Pour aligner verticalement vos informations de comptes (messages, jaime, points, ..) dans vos messages, il vous suffit simplement d'insérez ce code dans votre "extra.less" : .message-avatar { float: left } @media (min-width: 650px) { .message-userDetails { display:inline-block... -
Template 2.X Ajouter une annonce à votre page d'inscription
Salut :) Pour faire ceci : Dans votre template "register_form" ajouter ceci à la fin : <p class="annonce">{{ phrase('reg_message') }}</p> Dans votre template "EXTRA.less" ajouter ceci : .annonce { background: #383c42!important; border-radius: 2px!important; padding: 5px; text-align... -
Template 2.X Effet de Pulsation sur le bouton d'inscription (Register)
Pour faire cette effet : Ajoutez dans votre "extra.less" ce code : /* PULSE ANIMATION */ .pulse { position: relative; box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7); cursor: pointer; -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 1.25s... -
Template 2.X Créer une légende des groupes d'utilisateurs dans la sidebar [2.0]
Salut la IH ;) Pour créer une legende des groupes d'utilisateurs dans la sidebar, il vous suffit de : Créez un template nommé "legend" Ajouter dans la template ce code : <div class="block-container"> <h3 class="block-minorHeader"><i class="fa fa-user" style="padding-right... -
Template 2.X ajoutez des icônes FA dans la menu aide
Dans votre template extra.less ajoutez ces codes : .p-body-sideNavContent a[href*="/help/smilies/"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f118" } .p-body-sideNavContent a[href*="/help/bb-codes/"]:before{ font-family: "FontAwesome"; padding-right: 5px; content... -
Template 2.X Séparer vos sujets importants et normaux [2.0]
Dans votre template forum_view Pour les messages important chercher : structItemContainer-group structItemContainer-group--sticky Et ajoutez en dessous : <div class="posts-important">{{ phrase('Messages Important') }}</div> Pour les messages Normaux chercher : structItemContainer-group... -
Template 2.X Ajouter des icones FA dans membre Notable (extra.less)
Dans votre template extra.les ajoutez ces codes : .p-body-sideNavContent a[href*="/members/?key=most_messages"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f067" } .p-body-sideNavContent a[href*="/members/?key=most_likes"]:before{ font-family: "FontAwesome"... -
B
Tutoriel Codage CSS pour avoir le grade multi-couleurs [2.0]
Salut à toi membre de Insomni'Hack ! Aujourd'hui je vous partage un tutoriel pour avoir le pseudo arc en ciel ou multi-couleur ! :) Ajouter ceci dans la template EXTRA.less : .username--style35 { -webkit-animation:username--style35 5s linear infinite; -moz-animation:username--style35 5s linear...- BRAKO IH|T
- Discussion
- Réponses: 5
- Forum: XenForo
-
Tutoriel Partages des codes couleurs en HTML
salut a tous je vous partage tout les code couleur html Bleu #0000FF Aigue-marine #79F8F8 Azur #007FFF Azur #1E7FCB Azur clair #74D0F1 Azurin #A9EAFE Bleu acier #3A8EBA Bleu ardoise #686F8C Bleu barbeau #5472AE Bleu bleuet #5472AE Bleu bondi #0095B6 Bleu céleste #26C4EC Bleu céruléen #0F9DE8...