NewKiwi
Nombre de messages : 224
Age : 35
Phrase du moment : "Seuls les héros sont sans peur. Et les héros meurent toujours jeunes..."
Lien de votre Echoppe : KiwiSpace!! Heu nan, en fait n'en a pas =D
Date d'inscription : 14/09/2008
Monnaie
Pièce d'Or [ PO ]: 0
 |  Sujet: Un Kiwi qui fait des Tuto... On aura tout vu XD  Dim 5 Oct - 22:35 | |
| Post demandé : Tuto'Makers
Motivations pour ce post : Juste envie d'aider le forum \o/
Etes vous plus Forumactif / Xooit Forumactif
Montrez deux tuto faits par vous bien sur :
J'avais pas trop d'idées et jvoulais faire vite, alors chuis allée voir les demandes de tuto sans solution XD
[FORUMACTIF]Sur le message d'accueil (et ça peut marcher partout ailleurs pourvu que le HTML soit activé), une image en fond derrière un texte ^^ - Spoiler:
Ce tutoriel est un peu difficile, puisqu'il faut utiliser du code, mais je vais faire de mon mieux pour vous expliquer =D
Donc rendez-vous dans la section "Message d'accueil" (Panneau d'admin avancé -> Affichage -> Généralités).
Pour commencer, vérifiez que vous ne vous trouvez pas en mode WYSIWYG (What you see is what you get... enfin, si on veut...)en confirmant que la petite icône à côté de "Contenu du message" est verte. Si c'est rouge, cliquez dessus, ça reviendra à la normale.
Ensuite, c'est du code. Donc voici le code à insérer pour créer un tableau à l'intérieur duquel vous placerez votre contenu et en fond duquel vous pourrez placer une image :
- Citation :
<table border="0" cellpadding="0" align="right" cellspacing="0" align="center" style="background-image:url(Adresse); background-repeat:no-repeat; height:Ypx; width:Xpx;"><tr><td><p>Bonjour à tous! </p></td></tr></table>
C'est bien simple, vous avez le html en vert (grosso modo, ça correspond à la structure), en violet le css (ou la façon dont vous allez habiller la structure) et le magnifique message d'accueil en rouge, bah vous le modifierez à votre guise (ce qui correspond au contenu de la structure... c'est beau *o*)
Pour le reste, pas tellement compliqué, je pense! Pour l'adresse, entrez l'url de votre image, en Y la hauteur de votre image, et en X sa largeur. Prenez juste soin à ne pas séparer le nombre et l'unité de mesure (ici px pour pixels =D), le moindre petit espace et ça fonctionnerait pas!
Et si on veut....
-->Un tableau plus grand que l'image!
Pour la taille, au lieu de mettre la hauteur et la largeur de l'image, insérez celle que vous désirez ^-^
-->Utiliser une autre mesure que les pixels!
Remplacez le "px" par "%" pour avoir sa taille en fonction de la taille de l'écran. Il y a aussi "em", mais je ne l'utilise pas trop personnellement, c'est en fonction de la taille d'un caractère.
-->Que la taille de mon tableau change avec son contenu!
Rien de plus simple! Supprimez les propriétés Height et Width, ainsi que les mesures qui y étaient associées.
-->Que le fond se répète!
Dans le css vous avez une propriété nommée "background-repeat". Au lieu de mettre l'attribut "no-repeat", il vous faudra choisir entre "repeat", "repeat-x" et "repeat-y".
Repeat tout seul fera répéter le fond verticalement et horizontalement, alors que repeat-x fera répéter le fond seulement horizontalement. Quant à repeat-y, vous l'aurez compris, se contentera d'une répétition verticale.
Ce qui donnera :
background-repeat:repeat;
ou
background-repeat:repeat-x;
ou
background-repeat:repeat-y;
-->Que le tableau ne soit pas centré!
Dans le html, supprimez le bout de code : align="center"
-->Que mon tableau soit aligné à droite!
Dans le html, remplacez le "center" d'align par "right", ce qui donne : align="right"
Voilà, achevé! Le contenu de votre message ne tient qu'à vous, tout comme sa mise en page ^^ Vous pouvez mettre plusieurs tableaux les uns à la suite des autres si ça vous chante, tant que vous ne mélangez pas les structures, ça ira ^^
[XOOIT]Un deuxième, plus de l'ordre d'une astuce que d'un tuto, m'enfin ^-^Mettre de la couleur sur les titres des forum- Spoiler:
Dans le panneau d'administration, dans la section sous Forum de l'onglet général, créez vos catégories et sous forums comme bon vous semble. Au moment d'insérer le Nom mettez : <font color=XXX>Nom</font>À la place des XXX, vous avez plusieurs choix.(1)Avec des noms de couleur (en anglais) : blue, pink, violet, olive, green, red, white, black, orange, orangered, yellow, yellowgreen, cyan, darkred, darkgreen, darkblue, etc. Il y en a plein, mais leur diversité reste limitée. D'autres moyens existent, heureusement ^-^Cela donne (par exemple) : color=blue(2)En héxadécimal, vous savez, ces codes à six chiffres précédés d'un #.Cela donne (par exemple) : color=#76BF2E(3)En RGB (ou rvb, rouge vert bleu) où les trois valeurs des trois couleurs sont données entre parenthèses.Cela donne (par exemple) : color=RGB(118,191,46)Voilà un site qui devrait vous filer un coup de main pour trouver ces valeurs.http://www.free-webmaster-tools.com/colorpicker.htmLa première liste donne dans la première colonne, les noms des couleurs (1), dans la troisième en héxadécimal (2) et dans les suivantes, les valeurs respectives de rouge-vert-bleu (ou red-green-blue) à insérer dans la parenthèse (3).Tout en bas, vous avez une palette de couleur plus poussée, à la Photoshop, qui vous indiquera les valeurs pour toutes autres couleurs qui vous plairaient mais qui ne portent pas de nom XD
Autre : Je suis surtout une codeuse, personnellement. J'ai travaillé pendant deux ans sur phpBB2, mais phpBB3 m'a un peu découragée ^^' Je m'y remettrai quand les mods RPG, lancers de dés et compagnie seront sortis... En attendant, je reprends du service sur Forumactif et Xooit ^-^ J’ai déjà fait un peu le tour du côté de forumactif, me manque le côté design, mais comme je bosse en ce moment même sur un design pour un forumactif, je devrais pas tarder à maîtriser la bête *o* | |
|
Saya
• Fondatrice - CULLEN ADDICT ♥♥
Nombre de messages : 4770
Age : 32
Nombre de forums créés : Beaucoup trop --\'. Hum environ bien 20 xDD mais mtn plus 4 a mon actif =)
Mangas /livres préférés : Death note, Ergo proxy, D Gray man ,hellsing, Claymore etc
Phrase du moment : Bioup ._.
Lien de votre Echoppe : Wandering Star
Date d'inscription : 29/04/2007
Monnaie
Pièce d'Or [ PO ]: 49885
| | Sujet: Re: Un Kiwi qui fait des Tuto... On aura tout vu XD Lun 6 Oct - 11:26 | |
| Coucou ♥
Et bien ces deux tutos sont bien utiles <3
Tu peux les mettre dans la section TUTO et je t'embauche <3
bienvenue dans la team des Tuto'Makers ^^ | |
|
Accueil 
Dernières images 
S'enregistrer 