Forum personnalisé - Images

Divers scripts pour forums :
http://forum.forumactif.free.fr/scripts_divers/index.html

Pour décorer un forum :
http://forum.forumactif.com/t342152-noel-approche-mettez-vos-forums-en-fete

Pour coloriser un texte en dégradé :
http://www.stuffbydavid.com/textcolorizer

Apparition d'image et de texte au passage de la souris :
http://forum.forumactif.com/t268482-apparition-d-image-et-de-texte-au-passage-de-la-souris?highlight=passage+souris

Mettre une image en fond de la chatbox :
http://forum.forumactif.com/t322528-mettre-une-image-dans-le-fond-de-la-chatbox

Modifier le "Qui est en ligne" par un template :
http://forum.forumactif.com/t274260-modifier-le-qui-est-en-ligne-par-template

Ajouter une image dans le cadre de réponse :
http://forum.forumactif.com/t357112-ajouter-une-image-dans-le-cadre-de-reponse

Pour remplacer le titre d'un forum par une image :
http://forum.forumactif.com/t346338-placer-une-image-comme-titre-de-forum
et
http://forum.forumactif.com/t371835-mettre-le-titre-de-mes-sous-forums-a-droite-de-leur-icone
Spoiler:

Ce qui donne comme code CSS :

Code:: a.forumlink span, a.forumtitle span { display: none; }
   a.forumlink img, a.forumtitle img { display: inline!important;}
   /* Afficher images des titres de forum */
   .forumtitle img {
   display: inline !important;
   vertical-align: middle;
   margin-right: 5px;
   }

Pour remplacer les titres de catégories par des images différentes :
http://forum.forumactif.com/t368727p30-images-fonds-de-titres-differentes-par-categorie

Pour chevaucher 2 images ( entête + titre de catégories )
http://forum.forumactif.com/t358926-chevaucher-deux-images-entetetitre-categorie

ou :
http://ally-lrdp.actifforum.com/t3331-creation-de-tutoriaux-pour-creer-un-beau-forum

Spoiler:

kurdil a écrit:

CODE A COLLER UNE SEULE FOIS DANS LA PREMIERE DESCRIPTION DE LA PREMIERE CATEGORIE:

function bbType(type){
zone=type.substring(0,type.length-1);

for(i=0; i<70; i++){ // 70 images max
if(i != zone){
if(document.getElementById(i+'a'))
document.getElementById(i+'a').style.display = '';
if(document.getElementById(i+'b'))
document.getElementById(i+'b').style.display = 'none';
}
}

if (type==zone+'a'){
document.getElementById(zone+'b').style.display = 'none';
document.getElementById(zone+'a').style.display = '';
}
else{
document.getElementById(zone+'a').style.display = 'none';
document.getElementById(zone+'b').style.display = '';
}
}

CODE A COLLER DANS LA DESCRIPTION DE CHAQUE CATEGORIE:

Code:: <img id="0a" onmouseover="javascript:bbType('0b');" src="http://img35.imageshack.us/img35/1399/conseiloptimise65.jpg">

<img id="0b" onmouseout="javascript:bbType('0a');" style="display:none" src="http://img809.imageshack.us/img809/3553/conseilgoptimise65.jpg"

usemap="#0b">
<map onmouseover="javascript:bbType('0b');" name="0b">

/!\ ATTENTION: a CHAQUE CATEGORIE, MODIFIER LES 0b et 0a en changeant le chiffre (1a, 1b, etc. toujours garder le même chiffre par catégorie.)
en PREMIER l'image quand la souris n'est pas sur la catégorie
en SECOND l'image quand la souris est sur la catégorie.

PUIS

Code:: <area shape="rect" coords="53,7,165,33" href="http://ally-lrdp.actifforum.com/f27-conseil-de-pacte" alt="Diplomatie" title="Diplomatie" />
<area shape="rect" coords="53,34,165,60" href="http://ally-lrdp.actifforum.com/f28-conseil-de-candidature" alt="Candidatures" title="Candidatures" />
<area shape="rect" coords="584,6,671,32" href="http://ally-lrdp.actifforum.com/f46-news-projet-lrdp" alt="Projets" title="Projets" />
<area shape="rect" coords="584,33,671,59" href="http://ally-lrdp.actifforum.com/f22-conseil-de-guerre" alt="Guerres" title="Guerres" />
</map>

UN CODE DE CE TYPE LA OBTENU SUR LE SITE http://www.image-maps.com/
LAISSEZ VOUS GUIDé, le but de ce code étant de permettre a ces images de devenir des liens pour rediriger vers vos catégorie (car là on a deux images, mais plus de liens, de titre de catégorie pour y entrer)

clair ou pas du tout ?

kuku

Mettre une image en fond de chatbox

https://i.servimg.com/u/f59/12/16/89/15/fond_c13.png
Forum personnalisé - Images Fond_c13

https://i.servimg.com/u/f59/12/16/89/15/fond_c12.png

taille réelle:

CSS chatbox:

http://img72.xooimage.com/files/7/b/d/cheval-2e33867.png

Code:: body.chatbox{
   background-image:url(http://img72.xooimage.com/files/7/b/d/cheval-2e33867.png);opacity:0.85;
   background-repeat : no-repeat ; background-size: 50% ; background-position : center }

   .chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
   background: none;
   }

Pour créer du texte en forme d'image animé ou non ( texte enflammé, texture métallisé ... ) : http://cooltext.com/

Pour activer les flocons de neige ;
Panneau d'admin, onglet modules, gestion des codes javascript ( tout en bas à gauche) et activer ou désactiver...