Question au sujet de l'habillage ...

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Question au sujet de l'habillage ...

Message par La-Pouic-Team le Mar 31 Aoû 2010 - 21:08

Bonjours,
Désolé pour ce titre très peu explicite, mais je ne savais vraiment pas quoi mettre ...
Sur plusieurs forum, j'ai remarqué plein de petits détails, qui m'ont tapé à l'œil. je ne sais pas du tout si c'est fait un du CSS ou autre chose de ce genre là, donc d'une façon plus globale, j'ai décider de le mettre dans cette rubrique.
Voilà, j'aimerais savoir comment faire les choses ci-dessous:

J'aimerai savoir comment faire cette "barre" au dessus de la pub.
Je ne suis pas trop certaine, mais j'ai réussis à écrire le texte en modifiant les templates ( mais après je ne sais pas si c'est vraiment comme ça qu'on fait ... ), sauf que je ne sais pas comment le faire bougé ( ni comment faire ce petit encadrement )... ( Pour comprendre mon charabia : http://beginning-of-magic.forumactif.org/)

J'aimerais savoir comment rajouté une bande, à gauche du forum, comme ici ( j'ai encadrer la "bande" en rouge ):


3è chose x)

Je voudrais savoir comme faire ce genre de traits sous les titre des rubriques et aussi comment mettre de l'ombre sous le texte ( Je crois qu'il yen a une là ... On la vois pas trop, mais j'arrive pas à retrouvé le site où sa se voyait tant ... )

Et dernière ... ( Pour l'instant !! )
Comment mettre la chat Box dans cette forme ?


Dernière édition par La-Pouic-Team le Sam 18 Sep 2010 - 22:52, édité 1 fois

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par Neptunia le Mar 31 Aoû 2010 - 21:20

Bonsoir,

Je vais m'efforcer d'aider pour les deux premières questions.

Texte défilant entre barre de menu et publicités Google :
► Panneau Admin
► Onglet Général
► Menu Messages et Email ► Annonces
La partie supérieure sert à configurer le comportement des annonces.
La partie inférieure à les saisir et les éditer.

Volet gauche du forum :
► Panneau Admin
► Onglet Modules
► Menu portail et widgets ► Gestion des widgets du forum
► Afficher les widgets du forum : Oui / Non
Configurer soit la colonne 1, soit la colonne 3 à 0 pixels
Placer les widgets désirés dans la section Gestion des widgets
pour configurer un widget
pour supprimer un widget déjà en place

Pour les deux autres questions, je laisse le soin à d'autres entraideurs de poursuivre le travail.

Neptunia
+ Hyperactif +

Féminin
Messages : 10394
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par Invité le Mar 31 Aoû 2010 - 21:38

Bonsoir,

Pour la ligne sous les titres essayez ceci:
Placez dans le CSS
Code:
.traits{
border-bottom: 4px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
Dans le template Index_box trouvez:
Code:
<h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
et remplacez par
Code:
<h{catrow.forumrow.LEVEL} class="hierarchy">
            <div class="traits"><span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
Pour l'ombre sous le texte essayez:
Code:
.forumlink {text-shadow: #000000 3px 3px 3px;}
a.forumlink {text-shadow: #000000 3px 3px 3px;}
a.forumlink:hover {text-shadow: #000000 3px 3px 3px;}

Pour la Chatbox latérale, un petit tuto se trouve Ici .

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par La-Pouic-Team le Mar 31 Aoû 2010 - 22:41

Bonsoir !
Merci beaucoup pour vos réponses si rapide : ( Même si j'ai retrouvé de nouvelles question à posé LOL )


Pour le code des ombres, elle sont vraiment très ... très épaisse quoi non ? Il y a une solution pour les faire plus ... discrète ?

Pour la ligne sous les titres je peux pas le vérifier, je ne suis pas fonda ( en faite on est 3 fonda, mais c'est celle qui a crée le forum qui l'est officiellement quoi ... ça ne m'arrange pas vraiment vu que je m'occupe de l'habillage de A à Z ... ) mais je vais faire en sorte de m'en occupé Wink

Pour la colonne, j'ai encore quelque difficulté à comprendre comment ça marche, mais je vais bien comprendre si je m'acharne un peu Wink

La C.B. Latérale est géniale, merci beaucoup (Y)

Maintenant ... je vais vous traumatisé avec d'autre question XD ( ha mes pauvres ... )

Voilà, quand on met son curseur dessus, la petit vignette s'affiche, comment fait-on ?


Comment fait-on pour faire apparaitre ces onglets sur la pages d'accueil ?



Ensuite ... ( Je suis une em ... bêteuse je sais ^^ ) comment peut-on faire pour crée ce même genre de plaque de couleur en dessous de textes ...

Merci beaucoup (beaucoup beaucoup [...]) pour votre ponctualité et votre patience Very Happy

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par Invité le Mar 31 Aoû 2010 - 23:15

Bonsoir,

Pour l'ombre, il suffit de jouer avec les px Wink , essayez comme ceci:
Code:
.forumlink {text-shadow: #000000 1px 1px 3px;}
a.forumlink {text-shadow: #000000 1px 1px 3px;}
a.forumlink:hover {text-shadow: #000000 1px 1px 3px;}

Pour la "vignette" c'est une infobulle. Il y a un tuto ici .

Pour realiser un tableau à onglet: un tuto ici .

Pour les "plaque de couleur", il s'agit d'un tableau avec un fond coloré, mais les tableaux et moi ...ça fait 2 ... . Razz

J'espère vous avoir aidée, cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par La-Pouic-Team le Mer 1 Sep 2010 - 23:03

Bonsoir,
Merci beaucoup pour votre aide Very Happy
Pour les ombres, peut-on aussi les mettre sur les autres textes ?
Je vais essayer de me plongé dans cette histoire d'infobulle en priorité, allééé au boulot Poloch' >.<
Merci encore Very Happy
( PS: Si quelqu'un sait comment faire un tableau à fond coloré je suis prenante *.*)

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par Invité le Jeu 2 Sep 2010 - 8:45

Bonjour,

Qu'entendez-vous par "les autres textes" ? Je suppose qu'il est possible de mettre une ombre sur tout les textes à conditions de leur appliquer le style désiré.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par La-Pouic-Team le Jeu 2 Sep 2010 - 18:26

Bonjours Smile
Par "les autres texte" je veux dire pas seulement les titres, mais aussi les noms des perso par exemple ... ( Je ne suis pas très clair >.<)

Pour les traits ça ne marche pas ... Mais j'ai un peu gafouillé au début, alors peut-être que j'ai enlever quelque chose d'essentiel, pourtant j'ai bien vérifier le code et celui que j'ai enlever ... Et je comprend pas pourquoi ça marche pas, dans le doute, je vous envoi le code du template, si ça peu être utile ... je ne sais pas ... ( Et pour le code CSS je l'ai mis aussi pourtant ... )

Code:
 <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <div class="traits"><span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
{catrow.forumrow.FORUM_NAME}</a></div><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <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>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Ha oui, aussi, est-il possible au fondateur de donné son titre de fondateur à un membre ? ( C'est a dire, pouvoir modifier les templates etc... )

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par Invité le Jeu 2 Sep 2010 - 20:52

Bonsoir,

Pour les ombres, en effet, il est possible de les mettre aussi sur le pseudo des membres, par exemple:
Code:
.post .name{text-shadow: #000000 1px 1px 3px;}
Consultez ce topic Principaux identifiants CSS ... cela devrait vous aider pour appliquer des ombres où vous le souhaitez.

Pour les lignes sous les titres, essayons comme ça:
Le CSS
Code:
.traits{
border-bottom: 4px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
}
Le template en entier
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <div class="traits"><span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span></div>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <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>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Pour le compte fondateur, l'explication se trouve dans les questions et réponses fréquentes : ici Wink


Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par La-Pouic-Team le Ven 3 Sep 2010 - 11:54

Bonjours,
Pour les traits, ça à l'air de marché, mais comment fait-on pour changé leurs couleur ? Peut-on aussi changé leur longueur ?
Les ombres marche (je viens de m'en apercevoir) mais ya-t-il un autre endroit ou on peu les mettre ?

Humm ... Pour l'histoire du compte fondateur, si je veux le titre, je suis obliger de supprimé tous ses messages et tout ? Parce qu'elle va pas partir lol ... En plus c'est un forum RPG, donc ses rps ça va pas le faire etc. Ya aucune solution pour conservé son compte tel quel et que sur le miens je puisse avoir accès au templates ?
( Parce que peut-être que j'en aurais encore besoins plus tard, et vu qu'elle ne s'occupe pas de l'apparence du forum, ça ne lui sert à rien ... )

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par Invité le Ven 3 Sep 2010 - 13:12

Bonjour,

En ce qui concerne la longueur et la couleur, il faut modifier cela dans la feuille CSS, je vous ai annoté les lignes du code pour vous permettre de modifier à votre convenance:
Code:
.traits{
border-bottom: 4px solid #000000; /*epaisseur, style,couleur*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px; /*arrondis des bouts de lignes*/
border-radius: 5px;
text-align: center; /*centre le texte*/
padding-bottom: 3px; /*marge entre le texte et la ligne*/
width: 250px; /*longueur de la ligne*/}

Il n'y a, à ma connaissance, aucun moyen d'accéder aux templates sans être détenteur du compte fondateur. Une suggestion à été déposée dans ce sens, il me semble.

Pour votre tableau j'ai tenté ceci - cellspacing correspond à l'écartement entre 2 "cases":
Code:
<table cellspacing="8"><tr ><td class="montablo">texte</td><td class="montablo">texte 2</td><td class="montablo">texte 3</td></tr></table>
il faut ajouter dans la feuille CSS:
Code:

.montablo{
background-color: #FFFFFF; /*couleur des cases*/
color: #0000FF; /*couleur de l'ecriture*/
-moz-border-radius:8px;
-webkit-border-radius:8px; /*arrondis*/
border-radius:8px;
padding: 4px;/*marge intérieure*/
width:100px; /*largeur de la cellule*/
height:250px; /*hauteur de la cellule*/}
Wink

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par La-Pouic-Team le Ven 3 Sep 2010 - 19:17

Bonjours,
Walala Merci de faire tous ça pour moi O.o ( ça me fascine toujours ces codes qui peuvent faire de truc comme ça ... ) C'est vraiment ... Wha o.O
Je vais bricolé ce p'tit tableau puis j'essaye les traits plus tard Wink
Merci beaucoup beaucoup Very Happy
Juste deux petite ( pitite .... *.*) questions, des truc tout bête je pense : Comment mettre une image en fond sur la PA. Et ... ( Oui c'est la base, je sais ... Mais j'arrive plus a me rappelé comment on fait >.< ) comment enlève-t-on le "crée un forum" avant le nom de notre fow' :$:$

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par Neptunia le Ven 3 Sep 2010 - 19:25

Bonsoir,

@La-Pouic-Team a écrit:comment enlève-t-on le "crée un forum" avant le nom de notre fow' :$:$

Le tutoriel est ici
http://forum.forumactif.com/questions-reponses-frequentes-f14/titre-du-forum-et-nom-de-la-page-d-accueil-t170182.htm#2510073

Bien lire le dernier message du sujet.

Neptunia
+ Hyperactif +

Féminin
Messages : 10394
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par La-Pouic-Team le Ven 3 Sep 2010 - 23:07

Bonsoir,
Merci pour le tuto Wink
Sinon, pour le tableau coloré, j'ai beaucoup mieux compris, merci beaucoup Very Happy
Mais j'ai un mal fou à organisé ma page d'accueil. j'aimerai mettre mon tableau à deux cellule à coté de ma video ...
Voilà le forum:
http://Unites-By-The-Fate.forumactif.com/
et le code de la PA ( c'est un sacré fouillit, ça fait un moment je fait joujou à tout bousillié --' )
Code:
<a href="http://www.hostingpics.net/viewer.php?id=227332bienvenuye_sur_ubtf.png" class="postlink" target="_blank"><img src="http://img10.hostingpics.net/pics/227332bienvenuye_sur_ubtf.png" border="0" alt="" /></a><br><br><br><table cellspacing="8"><tbody><tr><td class="montablo"><div style="text-align: center;"><font size="3">NOUVEAUTÉ:</font><br><br></div><div style="text-align: center;">Un RP collection à été lancé, que tous les participants se propose le plus tôt possible pour que nous puissions faire la liste des membres qui font partit du RP.<br>Ce Rp consistera à ce que plusieurs jeunes gens doté de pouvoir spéciaux mais incontrôlable, se rencontre par l'intermédiaire d'un rêve (Comment ? ). Ce sont des élus. Leur quêtes n'est pas encore trouvé et tout ceci est un vague récapitulatif des idées qui ont été émise et peu ainsi être modifier. Mais ceci, c'est à vous de le décidé, en vous joignant à nous ;)<br>Ensemble, nous créerons cette histoire, et l'écrirons. <br>Intéresser ? Alors <a href="http://unites-by-the-fate.forumactif.com/besoin-de-rp--f9/rp-collectif-t109.htm">clique ici</a>, pour plus d'info.<br><br><br></div></td><td class="montablo"><div style="text-align: center;"><font size="3">ANNONCE:<br></font></div><br>•&nbsp; Deux de lieutenants sont libres,dans les groupes de la force et la sagesse.<br>• Deux place de Medium sont libres.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Trois place d’Infirmier sont libres. (En tout)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Trois place pour les rôles des Esprit lié sont libres. ( Un Rp en cours)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Cinq pégase, cinq licorne et deux<br>&nbsp;dragons sont disponible.<br>• Si vous souhaitez obtenir l’un des rôle important ci-contre, vous devrez rédiger un RP de minimum 10 lignes sur un thème que vous devrez choisir parmi une liste ( ~&gt; Voir rôles) Vous devrez vous faire recenser dans la catégorie « flood » puis dans « Annonces » et enfin « recrutement»,vous devrez remplir un formulaire spécifique.<br><br></td>

</tr></tbody></table><table style="position: fixed; bottom: 50px; left: 0px; background-color: rgb(255, 255, 255); z-index: 10000;"><tbody><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></td><td style="vertical-align: bottom; background-color: rgb(227, 197, 127);"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"></td></tr></tbody></table><div style="text-align: center;"><a href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" class="postlink" target="_blank">&nbsp;<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&amp;hl=fr_FR"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></object>


</a><br><br></div><code></code><p style="text-align: center;"><font size="3"><span style="font-weight: bold;">Partenaires:</span></font></p><div style="text-align: left;"><div style="text-align: center;"><a href="http://beginning-of-magic.forumactif.org/" class="postlink" target="_blank"><img src="http://i30.servimg.com/u/f30/14/40/95/06/parten10.png" alt="" border="0"><span style="text-decoration: underline;"><span class="postbody"></span></span></a><a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank"><img alt="" src="http://i62.servimg.com/u/f62/14/92/85/91/bouton11.jpg" border="0"></a><a href="http://world-of-harrypotter.forumactif.com/" class="postlink" target="_blank"><span style="text-decoration: underline;"></span></a><a href="http://world-of-harrypotter.forumactif.com/" class="postlink" target="_blank"><span style="text-decoration: underline;"></span></a><a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank"><span style="text-decoration: underline;"></span></a></div><div style="text-align: left;"><a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank"><span style="text-decoration: underline;"></span></a></div></div><div style="text-align: center;"><a href="http://instants-magiques.forumactif.com/" class="postlink" target="_blank"><img src="http://i60.servimg.com/u/f60/14/40/95/06/bouton14.jpg" alt="" border="0"></a><a href="http://bound-by-the-magic.forumactif.com/" class="postlink" target="_blank"><img src="http://img10.hostingpics.net/pics/359307bouton.jpg" alt="" border="0"></a><br><a href="http://world-of-harrypotter.forumactif.com/" class="postlink" target="_blank"><img src="http://i30.servimg.com/u/f30/14/40/95/06/93521110.gif" alt="" border="0"></a><a href="http://harrypotterthenew.asianfreeforum.com/forum.htm" class="postlink" target="_blank"><img src="http://nsa14.casimages.com/img/2010/07/04/mini_100704111303363839.jpg" alt="" border="0"></a><br><br></div>


La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par Invité le Sam 4 Sep 2010 - 13:31

Bonjour,

Pourquoi ne pas inclure la vidéo dans le tableau pour la mettre à coté? il suffit d'ajouter une colonne au début de la ligne avec
Code:
<td> le code de la vidéo</td>

Ça donnerait ceci pour la page d'accueil:
Code:
<a href="http://www.hostingpics.net/viewer.php?id=227332bienvenuye_sur_ubtf.png" class="postlink" target="_blank"><img src="http://img10.hostingpics.net/pics/227332bienvenuye_sur_ubtf.png" border="0" alt="" /></a><br><br><br><table cellspacing="8"><tbody><tr><td><div style="text-align: center;"><a href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" class="postlink" target="_blank">&nbsp;<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&amp;hl=fr_FR"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></object></a><br><br></div>
</td><td class="montablo"><div style="text-align: center;"><font size="3">NOUVEAUTÉ:</font><br><br></div><div style="text-align: center;">Un RP collection à été lancé, que tous les participants se propose le plus tôt possible pour que nous puissions faire la liste des membres qui font partit du RP.<br>Ce Rp consistera à ce que plusieurs jeunes gens doté de pouvoir spéciaux mais incontrôlable, se rencontre par l'intermédiaire d'un rêve (Comment ? ). Ce sont des élus. Leur quêtes n'est pas encore trouvé et tout ceci est un vague récapitulatif des idées qui ont été émise et peu ainsi être modifier. Mais ceci, c'est à vous de le décidé, en vous joignant à nous ;)<br>Ensemble, nous créerons cette histoire, et l'écrirons. <br>Intéresser ? Alors <a href="http://unites-by-the-fate.forumactif.com/besoin-de-rp--f9/rp-collectif-t109.htm">clique ici</a>, pour plus d'info.<br><br><br></div></td><td class="montablo"><div style="text-align: center;"><font size="3">ANNONCE:<br></font></div><br>•&nbsp; Deux de lieutenants sont libres,dans les groupes de la force et la sagesse.<br>• Deux place de Medium sont libres.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Trois place d’Infirmier sont libres. (En tout)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Trois place pour les rôles des Esprit lié sont libres. ( Un Rp en cours)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Cinq pégase, cinq licorne et deux<br>&nbsp;dragons sont disponible.<br>• Si vous souhaitez obtenir l’un des rôle important ci-contre, vous devrez rédiger un RP de minimum 10 lignes sur un thème que vous devrez choisir parmi une liste ( ~&gt; Voir rôles) Vous devrez vous faire recenser dans la catégorie « flood » puis dans « Annonces » et enfin « recrutement»,vous devrez remplir un formulaire spécifique.<br><br></td></tr></tbody></table>

<p style="text-align: center;"><font size="3"><span style="font-weight: bold;">Partenaires:</span></font></p><div style="text-align: left;"><div style="text-align: center;"><a href="http://beginning-of-magic.forumactif.org/" class="postlink" target="_blank"><img src="http://i30.servimg.com/u/f30/14/40/95/06/parten10.png" alt="" border="0"><span style="text-decoration: underline;"><span class="postbody"></span></span></a><a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank"><img alt="" src="http://i62.servimg.com/u/f62/14/92/85/91/bouton11.jpg" border="0"></a><a href="http://world-of-harrypotter.forumactif.com/" class="postlink" target="_blank"><span style="text-decoration: underline;"></span></a><a href="http://world-of-harrypotter.forumactif.com/" class="postlink" target="_blank"><span style="text-decoration: underline;"></span></a><a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank"><span style="text-decoration: underline;"></span></a></div><div style="text-align: left;"><a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank"><span style="text-decoration: underline;"></span></a></div></div><div style="text-align: center;"><a href="http://instants-magiques.forumactif.com/" class="postlink" target="_blank"><img src="http://i60.servimg.com/u/f60/14/40/95/06/bouton14.jpg" alt="" border="0"></a><a href="http://bound-by-the-magic.forumactif.com/" class="postlink" target="_blank"><img src="http://img10.hostingpics.net/pics/359307bouton.jpg" alt="" border="0"></a><br><a href="http://world-of-harrypotter.forumactif.com/" class="postlink" target="_blank"><img src="http://i30.servimg.com/u/f30/14/40/95/06/93521110.gif" alt="" border="0"></a><a href="http://harrypotterthenew.asianfreeforum.com/forum.htm" class="postlink" target="_blank"><img src="http://nsa14.casimages.com/img/2010/07/04/mini_100704111303363839.jpg" alt="" border="0"></a><br><br></div>

<table style="position: fixed; bottom: 50px; left: 0px; background-color: rgb(255, 255, 255); z-index: 10000;"><tbody><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></td><td style="vertical-align: bottom; background-color: rgb(227, 197, 127);"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"></td></tr></tbody></table>

Pour l'image en fond de page d'accueil, je sèche, pas moyen de trouver comment faire ...

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par La-Pouic-Team le Sam 4 Sep 2010 - 19:30

Bonjours Very Happy
Mais j'avais pas pensé à un truc ... Pour les gens qui ont un petit écran ( Comme sur mon vrai ordi lent comme pas possible --' ) ça va déformé toute la page si jfais ça ... non ? C'est pour ça qu'il me fait un tableau, pour que se soit pas tout brouillion ... Mais vous êtes sur que votre tuto sur le tableau marche ? Parce que j'ai vraiment rien compris ... C'est vraiment pareil que pour les forums ? Parce que ... je suis perdu x)
Pour l'info bulle je fais doucement mes premier essai lol ( Peut-être que vous avez vu xD )

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par Invité le Sam 4 Sep 2010 - 20:25

bonsoir,

scratch Déformer la page? Je ne pense pas, à moi d'avoir un écran vraiment minuscule. J'ai pris la liberté d'installer le code de page d'accueil que je vous ai donné dans le précèdent post sur mon forum, et avec mon écran de 15 pouces (résolution 1280x800), je ne vois pas de déformation ...

Pour ce qui est des tableaux, comme je vous l'ai dit, je ne suis pas très forte, mais je sais qu'il commence toujours par <table> une ligne commence par <tr> et une colonne par <td> et qu'il faut bien penser à fermer tout ça dans l'ordre </td> </tr> et </table>.

Bon courage pour les info-bulle Smile .

P.S: Ne vous inquiétez pas, je désinstalle votre code de suite, j'ai juste pris la peine de vérifier que cela fonctionne bien.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par La-Pouic-Team le Dim 5 Sep 2010 - 13:26

Ha génial Very Happy Alors je met ce code là Wink Juste un p'tit détail, la video ne serait-elle ma mieux à droite ? ( Oui, je maniaque, c'est terrible O.o) Désolé de vous faire bossé comme ça >.< Merci beaucoup pour tous vos tutos ! Pour l'es info bulles j'ai compris le principe je crois, reste à ne pas pété un ou deux cable entre temps ... ( Rien n'est plus rageant de devoir tout recommencé parce qu'on à foutu une infobulle en l'air et qu'on n'arrive pas à sauvé l'autre ... Maintenant j'ai opté pour sauvegardé le code de la PA à chaque modif sur un traitement de texte >.< C'est un peu plus simple xD )

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par Invité le Dim 5 Sep 2010 - 13:38

Bonjour!

Pas de soucis! Pour déplacer la vidéo, il suffit de déplacer le code de la colonne Wink . Donc cette partie :
Code:
<td><div style="text-align: center;"><a href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" class="postlink" target="_blank">&nbsp;<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&amp;hl=fr_FR"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></object></a><br><br></div>
</td>

Ce qui donnera pour le tableau:
Code:
<table cellspacing="8"><tbody><tr><td class="montablo"><div style="text-align: center;"><font size="3">NOUVEAUTÉ:</font><br><br></div><div style="text-align: center;">Un RP collection à été lancé, que tous les participants se propose le plus tôt possible pour que nous puissions faire la liste des membres qui font partit du RP.<br>Ce Rp consistera à ce que plusieurs jeunes gens doté de pouvoir spéciaux mais incontrôlable, se rencontre par l'intermédiaire d'un rêve (Comment ? ). Ce sont des élus. Leur quêtes n'est pas encore trouvé et tout ceci est un vague récapitulatif des idées qui ont été émise et peu ainsi être modifier. Mais ceci, c'est à vous de le décidé, en vous joignant à nous ;)<br>Ensemble, nous créerons cette histoire, et l'écrirons. <br>Intéresser ? Alors <a href="http://unites-by-the-fate.forumactif.com/besoin-de-rp--f9/rp-collectif-t109.htm">clique ici</a>, pour plus d'info.<br><br><br></div></td><td class="montablo"><div style="text-align: center;"><font size="3">ANNONCE:<br></font></div><br>•&nbsp; Deux de lieutenants sont libres,dans les groupes de la force et la sagesse.<br>• Deux place de Medium sont libres.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Trois place d’Infirmier sont libres. (En tout)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Trois place pour les rôles des Esprit lié sont libres. ( Un Rp en cours)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Cinq pégase, cinq licorne et deux<br>&nbsp;dragons sont disponible.<br>• Si vous souhaitez obtenir l’un des rôle important ci-contre, vous devrez rédiger un RP de minimum 10 lignes sur un thème que vous devrez choisir parmi une liste ( ~&gt; Voir rôles) Vous devrez vous faire recenser dans la catégorie « flood » puis dans « Annonces » et enfin « recrutement»,vous devrez remplir un formulaire spécifique.<br><br></td><td><div style="text-align: center;"><a href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" class="postlink" target="_blank">&nbsp;<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&amp;hl=fr_FR"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></object></a><br><br></div>
</td></tr></tbody></table>

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par La-Pouic-Team le Dim 5 Sep 2010 - 14:04

Re-bonjours x)
Merci beaucoup pour le code, le truc c'est que j'ai un mal fou à me repérer dans cette tonne de code dans tous les sens ... j'essaye de les séparer par des espace, mais quand je suis en Htlm le code se fait tout seul >.< ( F'in normal quoi xD )
Ha oui, pour faire un autre tableau coloré, ailleurs sur la PA, mais d'une taille différente que les 2 premier, comment je peux faire ? :S

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par Invité le Dim 5 Sep 2010 - 16:32

Et bien pour un deuxième tableau il suffit de reprendre le principe du premier Wink . La seule chose à changer est le nom de la "class" et donc d'ajouter un nouveau code dans la feuille CSS. Pour le second tableau par exemple on peut le nommer "montablo2" (on peut bien mettre ce qu'on veut , l'important étant de s'y retrouver). Donc pour le code du tableau cela donnera :
Code:
<table cellspacing="8"><tr ><td class="montablo2">texte</td><td class="montablo2">texte 2</td><td class="montablo2">texte 3</td></tr></table>
Et on ajoute dans la CSS - remplacez les couleurs et les Xpx par les valeurs que vous souhaitez:
Code:
.montablo2{
background-color: #FFFFFF; /*couleur des cases*/
color: #000000; /*couleur de l'ecriture*/
-moz-border-radius:Xpx;
-webkit-border-radius:Xpx; /*arrondis*/
border-radius:Xpx;
padding: Xpx;/*marge intérieure*/
width: XXpx; /*largeur de la cellule*/
height: XXpx; /*hauteur de la cellule*/}
Logiquement ça devrait fonctionner.

Petite astuce perso, si vous êtes complètement perdue dans vos codes, essayez de télécharger Notepad++ . Un fois ouvert vous copiez votre texte de PA dedans et vous choisissez le langage html, vous verrez alors apparaitre les balises en couleurs et vous pourrez sauter des lignes pour y voir plus clair. Wink

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par La-Pouic-Team le Dim 5 Sep 2010 - 17:45

Oui, ça marche mais ... Maintenant j'ai un problème avec la barre de défilement en bas, elle est trop longue, alors qu'il n'y a rien pour la gêné ... je comprend pas pourquoi ça fait ça >.<


Ma page CSS :
Code:
a:hover{text-transform:uppercase;}

.traits{
border-bottom: 4px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink:hover {text-shadow: #000000 0px 1px 1px;}

.post .name{text-shadow: #000000 1px 1px 2px;}

.gensmall {text-shadow: #000000 1px 1px 40px;}


.montablo{
background-color: #E3BE68;
color: #825810;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding: 20px;
width:300px;
height:270px;}

.tstaff{font-size:2 em;}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
background-color: #EDDDB9;
padding: 5px;
left: -1000px;
visibility: hidden;
color: }

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 180px;
left: 35px;
width: 200 px ; 174 px;}

.montablo2{
background-color: #E3BE68;
color: ;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
padding: 10 px;
width: 200px;
height: 100px;}

Ma page d'Acceuil :
Code:
<a href="http://www.hostingpics.net/viewer.php?id=227332bienvenuye_sur_ubtf.png" class="postlink" target="_blank"><img src="http://img10.hostingpics.net/pics/227332bienvenuye_sur_ubtf.png" alt="" border="0"></a><br><br><br><table cellspacing="8"><tbody><tr>

</tr></tbody></table><table cellspacing="8"><tbody><tr><td class="montablo"><div style="text-align: center;"><font size="3">NOUVEAUTÉ:</font><br><br></div><div style="text-align: center;">Un RP collection à été lancé, que tous les participants se propose le plus tôt possible pour que nous puissions faire la liste des membres qui font partit du RP.<br>Ce Rp consistera à ce que plusieurs jeunes gens doté de pouvoir spéciaux mais incontrôlable, se rencontre par l'intermédiaire d'un rêve (Comment ? ). Ce sont des élus. Leur quêtes n'est pas encore trouvé et tout ceci est un vague récapitulatif des idées qui ont été émise et peu ainsi être modifier. Mais ceci, c'est à vous de le décidé, en vous joignant à nous ;)<br>Ensemble, nous créerons cette histoire, et l'écrirons. <br>Intéresser ? Alors <a href="http://unites-by-the-fate.forumactif.com/besoin-de-rp--f9/rp-collectif-t109.htm">clique ici</a>, pour plus d'info.<br><br><br></div></td><td class="montablo"><div style="text-align: center;"><font size="3">ANNONCE:<br></font></div><br>•&nbsp; Deux de lieutenants sont libres,dans les groupes de la force et la sagesse.<br>• Deux place de Medium sont libres.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Trois place d’Infirmier sont libres. (En tout)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Trois place pour les rôles des Esprit lié sont libres. ( Un Rp en cours)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Cinq pégase, cinq licorne et deux<br>&nbsp;dragons sont disponible.<br>• Si vous souhaitez obtenir l’un des rôle important ci-contre, vous devrez rédiger un RP de minimum 10 lignes sur un thème que vous devrez choisir parmi une liste ( ~&gt; Voir rôles) Vous devrez vous faire recenser dans la catégorie « flood » puis dans « Annonces » et enfin « recrutement»,vous devrez remplir un formulaire spécifique.<br><br></td><td><div style="text-align: center;"><a href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" class="postlink" target="_blank">&nbsp;<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&amp;hl=fr_FR"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></object></a><br><br></div>
</td></tr></tbody></table>



<br><img src="http://img10.hostingpics.net/pics/798568staff__seul.png" alt="" border="0"><br><font size="3"><span style="font-weight: bold;"><table><tbody><tr>
<td><div class="thumbnail"><div style="text-align: center;">
<img src="http://img10.hostingpics.net/pics/515646staff_lehana.png" alt="" border="0"> &nbsp; &nbsp;<br></div><span><div class="tstaff" align="center">
LÉHANA<br><br><font size="2">Fondatrice<br>Représentante de la volonté</font><br><br><img src="http://img10.hostingpics.net/pics/842416kiraa10_pt.jpg" alt="" border="0"><br><br>
<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=3"><font size="2">♥ La contacter ♥</font></a><br></div></span>
</div></td>


<td><div class="thumbnail"><div style="text-align: center;">
<img src="http://img10.hostingpics.net/pics/244065staff_ambre.png" alt="" border="0">
</div><span><div class="tstaff" align="center">
AMBRE<br><br><font size="2">Fondatrice<br>Représente de la force</font><br><br>&nbsp;<img src="http://img10.hostingpics.net/pics/431313infobubule.jpg" alt="" border="0"><br>
<br><a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=1"><font size="2">♥ La contacter ♥
</font></a></div></span>
</div></td>

<td><div class="thumbnail">
<img src="%3Ca%20href=" http:="" www.hostingpics.net="" viewer.php?id="676940staff_Alizee.png&quot;" class="postlink" target="_blank"><img src="http://img11.hostingpics.net/pics/676940staff_Alizee.png" alt="" border="0">
<span><div class="tstaff" align="center">&nbsp;<span style="font-weight: bold;">
</span>ALIZÉE<br><br><font size="2">Fondatrice <br>Représentante de la sagesse.<br>&amp; Designeuse Officiel.</font> <br><br>&nbsp;<img src="http://img11.hostingpics.net/pics/511177info_bulle_Alizee.jpg" alt="" border="0"><br>
<br><a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=2"><font size="2">♥ La contacté ♥</font></a></div></span>
</div></td>

</tr></tbody></table></span></font>

<p style="text-align: center;"><font size="3"><font size="2">( Passe ton curseur sur les images pour en savoir plus )</font><span style="font-weight: bold;"><br></span></font></p><p style="text-align: center;"><font size="3"><span style="font-weight: bold;"><br></span></font></p><p style="text-align: center;"><font size="3"><span style="font-weight: bold;">Partenaires:</span></font></p><div style="text-align: left;"><div style="text-align: center;"><a href="http://beginning-of-magic.forumactif.org/" class="postlink" target="_blank"><img src="http://i30.servimg.com/u/f30/14/40/95/06/parten10.png" alt="" border="0"><span style="text-decoration: underline;"><span class="postbody"></span></span></a><a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank"><img alt="" src="http://i62.servimg.com/u/f62/14/92/85/91/bouton11.jpg" border="0"></a><a href="http://world-of-harrypotter.forumactif.com/" class="postlink" target="_blank"><span style="text-decoration: underline;"></span></a><a href="http://world-of-harrypotter.forumactif.com/" class="postlink" target="_blank"><span style="text-decoration: underline;"></span></a><a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank"><span style="text-decoration: underline;"></span></a></div><div style="text-align: left;"><a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank"><span style="text-decoration: underline;"></span></a></div></div><div style="text-align: center;"><a href="http://instants-magiques.forumactif.com/" class="postlink" target="_blank"><img src="http://i60.servimg.com/u/f60/14/40/95/06/bouton14.jpg" alt="" border="0"></a><a href="http://bound-by-the-magic.forumactif.com/" class="postlink" target="_blank"><img src="http://img10.hostingpics.net/pics/359307bouton.jpg" alt="" border="0"></a><br><a href="http://world-of-harrypotter.forumactif.com/" class="postlink" target="_blank"><img src="http://i30.servimg.com/u/f30/14/40/95/06/93521110.gif" alt="" border="0"></a><a href="http://harrypotterthenew.asianfreeforum.com/forum.htm" class="postlink" target="_blank"><img src="http://nsa14.casimages.com/img/2010/07/04/mini_100704111303363839.jpg" alt="" border="0"></a><br></div>

<table style="position: fixed; bottom: 50px; left: 0px; background-color: rgb(255, 255, 255); z-index: 10000;"><tbody><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></td><td style="vertical-align: bottom; background-color: rgb(227, 197, 127);"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"></td></tr></tbody></table>

<table style="text-align: left; margin-left: auto; margin-right: auto;" cellspacing="8"><tbody><tr><td class="montablo2">ATTENTION : Forum optimisé avec <a href="http://www.mozilla-europe.org/fr/firefox/">Mozillia Firefox</a> <br>Nous vous conseillons vivement de le téléchargé surtout si votre navigateur par défaut n'est ni Internet Explorer ni Opéra<br></td></tr></tbody></table>

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par Invité le Dim 5 Sep 2010 - 21:00

Bonsoir,

Vous avez un petit soucis avec une adresse d'image dans vos info-bulle, ça viens peut-être de là.
Dans cette partie là, le premier lien d'image est étrange:
Code:
<td><div class="thumbnail">
<img src="%3Ca%20href=" http:="" www.hostingpics.net="" viewer.php?id="676940staff_Alizee.png&quot;" class="postlink" target="_blank"><img src="http://img11.hostingpics.net/pics/676940staff_Alizee.png" alt="" border="0">
<span><div class="tstaff" align="center">&nbsp;<span style="font-weight: bold;">
</span>ALIZÉE<br><br><font size="2">Fondatrice <br>Représentante de la sagesse.<br>&amp; Designeuse Officiel.</font> <br><br>&nbsp;<img src="http://img11.hostingpics.net/pics/511177info_bulle_Alizee.jpg" alt="" border="0"><br>
<br><a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=2"><font size="2">? La contacté ?</font></a></div></span>
</div></td>
Je continue à chercher, on ne sait jamais, mais je n'ai rien vu d'autre pour le moment.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par La-Pouic-Team le Lun 6 Sep 2010 - 19:50

Bonsoir,
D'accord :S ( Il n'y a pas de changement là dans ce code, c'est ça ? Non, je demande au cas où j'aurais pas compris >.<)
J'ai peut-etre trouvé ce qui cloche, mais je ne sais pas comment le rectifier : Quand je clique par exemple dans la colonne " message" pour voir le dernier message que la personne à posté, la selection ( un p'tit cadre ... ) est beaucoup trop grande :O Est-ce que je parle chinois où vous comprenez ? Au pire essayé par vous même, vous comprendrer peut-être ce que je veux dire >.<

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par Invité le Lun 6 Sep 2010 - 20:31

Bonsoir,

A force de chercher, j'ai trouvé! C'est ce code CSS:
Code:
.gensmall {text-shadow: #000000 1px 1px 40px;}
qui pose "problème" . En remplaçant, 40 par 4, la page est de la bonne taille.

Amicalement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par La-Pouic-Team le Lun 6 Sep 2010 - 20:53

Oui x) Mais 40 c'était le seul qui m'allait mdr ya aucune autre façon d'atténué l'ombre ?

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par Invité le Lun 6 Sep 2010 - 21:13

Re,
Pour atténuer l'ombre, jouez avec sa couleur Wink.
#000000 correspond au noir, on peut essayer avec du gris ...
Code:
.gensmall {text-shadow: #383838 1px 1px 8px;}


Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par La-Pouic-Team le Mar 7 Sep 2010 - 20:24

Bonjours, Very Happy
Merci beaucoup Very Happy
J'ai encore une p'tite question, mais je n'arrive plus à retrouvé mon exemple ... Sur un forum une fois, j'ai vu un staff fait ... heumm... Il y avait de sorte de p'tite fichette qui défilait comme une sorte de page de bouquin quand on passe le curseur ... Je n'explique vraiment pas bien, mais je n'arrive pas à retrouvé mon exemple >.< je vais essayer de chercher ...

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par djassem le Mer 8 Sep 2010 - 1:30

hey

je me lance a vous

j'arrive vraiment pas a faire ce truck :S :
Pour realiser un tableau à onglet: un tuto ici .



djassem
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question au sujet de l'habillage ...

Message par Invité le Mer 8 Sep 2010 - 8:59

Bonjour;
@La-Pouic-Team a écrit:Bonjours, Very Happy
Merci beaucoup Very Happy
J'ai encore une p'tite question, mais je n'arrive plus à retrouvé mon exemple ... Sur un forum une fois, j'ai vu un staff fait ... heumm... Il y avait de sorte de p'tite fichette qui défilait comme une sorte de page de bouquin quand on passe le curseur ... Je n'explique vraiment pas bien, mais je n'arrive pas à retrouvé mon exemple >.< je vais essayer de chercher ...
Je n'ai absolument rien compris Assomé lol! , je crois qu'un exemple en image aiderait bien Very Happy

@djassem a écrit:hey
je me lance a vous
j'arrive vraiment pas a faire ce truck :S :
Pour realiser un tableau à onglet: un tuto ici .
Je suis vraiment désolée djassem, mais je n'en suis pas capable non plus, j'ai trouvé cette explication, mais je ne me suis pas encore penchée dessus pour comprendre comment cela fonctionne. Vous devriez ouvrir un nouveau sujet en précisant bien ce que vous cherchez à faire, un personne plus "calée" que moi pourra surement vous aider.

La-Pouic-Team si vous tenez toujours à mettre une image en fond de message d'accueil, Chouquette a donné le code dans un autre sujet :ici
Code:
<div style="width:100%;height:100%;background-image:url('URL_DU_FOND');background-repeat:no-repeat;background-position:top center;">CONTENU_DU_MESSAGE_D'ACCUEIL</div>


Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum