Trucs et Astuces forumactif

Bonjour à tous ! Aujourd'hui je viens vous poster un petit topic qui vous seras bien utile à vous, administrateurs de forumactif ! Oui évidemment tout ce que je vais dire à déjà été dit, je vais même souvent reprendre mes propres post pour les rassembler ici. Pour résumer je vous fais une synthèse de toutes les astuces forumactif postées ici. N'hésitez pas à poser vos questions, et désolé si un topic du genre à déjà été fait...
Je vais donc commencer par vous envoyer sur un quelques sujets bien intéressants pour tous

• => Questions forums
  
• => Créer un lancé de dés

Voilà déjà une bonne chose de faite ! Ensuite pour donner un peu de style aux rangs de votre forum en plus de l'image vous avez quelques balises bien pratiques...

Pour des rangs colorés:

Code:

<font color="ta couleur">ton rang</font>

Centrés:

Code:

<div style="text-align: center;">ton rang</div>

Gras:

Code:

<span style="font-weight: bold;">ton rang</span>

Italiques:

Code:

<span style="font-style: italic;">ton rang</span>

Soulignés:

Code:

<span style="text-decoration: underline;">ton rang</span>

Barrés:

Code:

<span style="text-decoration: line-through;">ton rang</span>

Pour un Défilement horizontalement:

Code:

<marquee direction="right" ...="">ton rang</marquee>

Vertical:

Code:

<marquee direction="up" ...="">ton rang</marquee>

Pour un popup de connexion: Panneau d'administration => General => Configuration => Popup de connexion (votre navigateur doit autoriser les fenêtres popup, sinon ça ne fonctionne pas. Pour les activer avec mozilla il suffit d'aller dans Outils, Options, Contenu et décocher la case "bloquer les fenêtres popup"

Modifier la police de son forum: Il suffit d'aller pour ça dans le panneau d'administration, dans l'affichage, puis dans couleurs et là il vous suffit de remplir les cases "Police Principale" (police utilisée pour tout le forum) et "Police lien" (police pour les liens uniquement) par le nom de la police souhaitée.

Un rapide cours sur les widgets: Donc pour les widgets personnalisé, il faut aller dans le PA => Modules => Gestion des widgets du forum (il faut bien évidement avoir au préalable activer les widgets du forum) Puis créer un widget personnalisé, et c'est la que du codage très simple commence. Déjà il faut savoir si tu veux un cadre sur ton widget, si oui coche oui pour "utiliser une table de type" sinon ben coche non xD Tu mets le nom du widget, puis tu commence à taper ton code HTML.

Code:

<a href="http://rpgktest.forumactif.org/forum.htm"><img src="http://i67.servimg.com/u/f67/13/57/53/86/i5645310.png" alt="Image hébergée par servimg.com" border="0"></a><br><a href="http://rpgktest.forumactif.org/portal.htm"><img src="http://i67.servimg.com/u/f67/13/57/53/86/i5645311.png" alt="Image hébergée par servimg.com" border="0"></a><br><a href="http://rpgktest.forumactif.org/faq.htm"><img src="http://i67.servimg.com/u/f67/13/57/53/86/i5645312.png" alt="Image hébergée par servimg.com" border="0"></a><br><a href="http://rpgktest.forumactif.org/search.forum"><img src="http://i67.servimg.com/u/f67/13/57/53/86/i5645313.png" alt="Image hébergée par servimg.com" border="0"></a><br><a href="http://rpgktest.forumactif.org/memberlist.forum"><img src="http://i67.servimg.com/u/f67/13/57/53/86/i5645314.png" alt="Image hébergée par servimg.com" border="0"></a><br><a href="http://rpgktest.forumactif.org/groupcp.forum"><img src="http://i67.servimg.com/u/f67/13/57/53/86/i5645315.png" alt="Image hébergée par servimg.com" border="0"></a><br><a href="http://rpgktest.forumactif.org/profile.forum?mode=editprofile"><img src="http://i67.servimg.com/u/f67/13/57/53/86/i5645316.png" alt="Image hébergée par servimg.com" border="0"></a><br><a href="http://rpgktest.forumactif.org/msg.forum?folder=inbox"><img src="http://i67.servimg.com/u/f67/13/57/53/86/i5645317.png" alt="Image hébergée par servimg.com" border="0"></a><br><a href="http://rpgktest.forumactif.org/login.forum?logout=true"><img src="http://i67.servimg.com/u/f67/13/57/53/86/i5645318.png" alt="Image hébergée par servimg.com" border="0"></a><br><a href="http://rpgktest.forumactif.org/login.forum?connexion"><img src="http://i67.servimg.com/u/f67/13/57/53/86/i5645319.png" alt="Image hébergée par servimg.com" border="0"></a><br><a href="http://rpgktest.forumactif.org/profile.forum?mode=register"><img src="http://i67.servimg.com/u/f67/13/57/53/86/i5645410.png" alt="Image hébergée par servimg.com" border="0"></a>

Code:

<img src="http://i67.servimg.com/u/f67/13/57/53/86/i5645410.png" alt="Image hébergée par servimg.com" border="0">

Code:

<a href="http://www.never-utopia.com/forum.htm">http://www.never-utopia.com/forum.htm</a>

Code:

<img src="http://i67.servimg.com/u/f67/13/57/53/86/i5645311.png" alt="Image hébergée par servimg.com" border="0">

C'est comme cela que je finis mon topic, merci à vous d'avoir tout lu. J'espère que ça pourras vous aider, si jamais je trouve d'autres trucs que j'ai oublié j'éditerais ou bien je posterais à la suite. (par contre je pense faire un petit truc pour les pages d'accueil mais je suis pas sur...)

Code:

<font color = ta couleur>ton rang</font>

Code:

<font color="ta couleur">ton rang</font>

Voici comment afficher une Playlist sur un forum, par exemple en la prenant sur le Site très connu de "Deezer".

Il faut tout d'abord se rendre sur le site DEEZER, s'inscrire (c'est rapide), puis allez sur l'onglet "Musique". Là vous trouverez un bouton "Créer une Playlist".Il faut lui donner le nom voulu, puis la remplir. Pour cela, la rechercher permet de trouver les chansons souhaitées.
Cliquez sur le "+" pour ajouter la chanson, en sélectionnant la playlist dans lequelle il faut l'envoyer. Il est aussi possible de cocher un groupe de chanson et de les basculer toutes en même temps dans la Playlist.

Bref, une fois votre playlist prête, sélectionnez là en cliquant sur son nom dans la colonne de gauche, comme si vous voulez la lire.
Là vous aurez des options à droite :



Choisir "Partager", et vous aurez un cadre comme ceci :



Je vous conseille de décocher "lecture automatique" car il est assez désagréable d'avoir la musique qui se lance si on n'en veut pas... Choisissez la couleur, etc...
Une fois fait, copier le code qui se trouve en bas, et il vous suffit de le coller sur votre emplacement de page d'acceil de forum !

Mini tuto de notre cher Cap'tain Sparrow Style

Code:

<center>
<table class="forumline" width="850" border="0" cellspacing="1"cellpadding="0">
<tr><td class="catHead" colspan="1" height="28"><b><font color="#000000">- TITRE DE TA TABLE</b></font></td></tr>
<tr><td class="row1">
CONTENU DE TON CADRE
</td></tr>
</table>

Un "Qui est en ligne ?" personnalisé
Voir la solution sur le topic de forumactif : Modification du template index_body + Code CSS ( voir lien )

Effet d'agrandissement d'icône au survol

Il faut mettre une class à l'image, puis y appliquer un peu de CSS.
Code Html à mettre sur l'accueil :

Code:

<img src="adresse de l'image" class="zoom" />

Le code CSS à mettre :

Code:

.zoom
{
width: 00px; <= largeur en pixel de l'image (vraie largeur)
}

.zoom:hover
{
width: 00px; <= largeur en pixel de l'image (largeur agrandie)
}

Appliquer une image de fond à la chatbox

Il suffit d'insérer dans la feuille de style CSS ce petit code avec un "no-repeat" si besoin est.

Code:

body.chatbox
{
background-image: url(adresse de l'image);
}

Changer le titre de la page d'accueil :

PA => Général => Promotion du forum => Moteurs de recherche => Titre de la page d'accueil. Et le tour est joué :)

Faire porter une ombre à vos liens ou autres :

Voici le code à placer dans votre CSS pour appliquer une ombre à tous vos liens., en remplaçant "X" par la valeur souhaitée.

Code:

a
{
text-shadow: #000000 Xpx Xpx Xpx;
}

Et si jamais vous souhaitez appliquer une ombre à un texte en particulier il vous suffit d'utiliser ce code Html, en remplaçant les "2" par la valeur souhaitée encore une fois.

Code:

<span style="text-shadow:#000 2px 2px 2px">....votre texte...</span>

Modifier les colonnes de sujets et messages dans les forums :

PA => Affichage => Templates => Général => index_box (Page d'accueil - affichage des catégories) => edit

Supprimer :

Code:

<th nowrap="nowrap" width="50">{L_TOPICS}</th>

Code:

<th nowrap="nowrap" width="50">{L_POSTS}</th>

Code:

<td class="row3" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.TOPICS}</span>
          </td>
          <td class="row2" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.POSTS}</span>
          </td>

Remplacer :

Code:

 <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />

Par :

Code:

 <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td><td align="right"><span class="gensmall"><b>Sujets :</b> {catrow.forumrow.TOPICS} | <b>Messages :</b> {catrow.forumrow.POSTS}</span></td></tr></table>

Merci à fascicularia pour cette jolie astuce :) !