Image qui remplit le forum en onglet

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

Résolu Image qui remplit le forum en onglet

Message par Aventurine le Ven 1 Juil 2011 - 13:15

Coucou a tous,

Mon forum est crée avec des sous forums en onglets.J'ai commencé a y insérer des images,mais ca ne donne pas le rendu que j'esperais.J'aimerai,mais je ne sais pas si cela est possible que l'image du centre prenne tout le cadre,j'ai mis une petite impression ecran :

Spoiler:

Est ce possible?Faut il "bidouiller" un code pour que l'image y prenne place?

Bien a vous

Aventurine Wink


Dernière édition par Aventurine le Mer 6 Juil 2011 - 17:51, édité 1 fois (Raison : Merci beaucoup pour votre aide)

Aventurine
***

Féminin
Messages : 138
Inscrit(e) le : 10/07/2010

http://existenciel.pro-forum.fr/forum
Aventurine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui remplit le forum en onglet

Message par Anzu le Ven 1 Juil 2011 - 15:53


Bonjour ^^

Oui c'est tout à fait possible. Il me faudrait votre css et votre index box.

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui remplit le forum en onglet

Message par Aventurine le Ven 1 Juil 2011 - 18:27

Oh mais c'est super ca si c'est faisable!!!!!

Voici mon css:

Code:
 /*--- Fonds ---*/
    td.row1, td.row1.over:hover {
              background-repeat: repeat;
              background-image: url('http://img696.imageshack.us/img696/1395/blanc560.gif');
              background-position: center;}
    td.row2 {
              background-repeat: repeat;
              background-image: url('http://img696.imageshack.us/img696/1395/blanc560.gif');
              background-position: center;}
    td.row3, td.row3.over:hover {
              background-repeat: repeat;
              background-image: url('http://img696.imageshack.us/img696/1395/blanc560.gif');
              background-position: center;}
    td.row3Right {
              background-repeat: repeat;
              background-image: url('http://img696.imageshack.us/img696/1395/blanc560.gif');
              background-position: center;}



a {text-decoration: none !important;}

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      border: 3px solid #000000;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #000000;
      border-right: 3px solid #000000;
      border-top: 3px solid #000000;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #000000;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      font-size: 11px;
}

.forumline {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.postdetails.poster-profile a img { width: 150px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
border: 3px solid #000000;
}

L'index_box:

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}

        {CURRENT_TIME}

        </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>

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><span class="titrecategorie">{catrow.tablehead.L_FORUM}</span><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

  <!-- 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"> </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>

            </span>
        </h{catrow.forumrow.LEVEL}>

<!-- [ DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->

      <div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div>
<div class="forum-description">
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->

        </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <td class="row3 over" align="center" valign="middle" height="50"><div style="width: 150px">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td>
     

<!-- [ FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->

      <!-- 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></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Merci beaucoup cheers

Aventurine
***

Féminin
Messages : 138
Inscrit(e) le : 10/07/2010

http://existenciel.pro-forum.fr/forum
Aventurine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui remplit le forum en onglet

Message par Anzu le Ven 1 Juil 2011 - 21:10


Bonsoir,

J'ai oublié de vous demander le lien de l'une des images Smile

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui remplit le forum en onglet

Message par Aventurine le Ven 1 Juil 2011 - 21:37

je viens d'en heberger une que j'aimerai installer,voici le lien:

Code:
[URL=http://www.casimages.com][img]http://nsa28.casimages.com/img/2011/07/01/110701094355230818.jpg[/img][/URL]
Wink

Aventurine
***

Féminin
Messages : 138
Inscrit(e) le : 10/07/2010

http://existenciel.pro-forum.fr/forum
Aventurine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui remplit le forum en onglet

Message par Aventurine le Dim 3 Juil 2011 - 12:31

up svp Wink

Aventurine
***

Féminin
Messages : 138
Inscrit(e) le : 10/07/2010

http://existenciel.pro-forum.fr/forum
Aventurine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui remplit le forum en onglet

Message par Anzu le Dim 3 Juil 2011 - 14:49

Bonjour,

Remplacez votre css par celle ci:

Code:
    /*--- Fonds ---*/
        td.row1, td.row1.over:hover {
                  background-repeat: repeat;
                  background-image: url('http://img696.imageshack.us/img696/1395/blanc560.gif');
                  background-position: center;}
        td.row2 {
                  background-repeat: repeat;
                  background-image: url('http://img696.imageshack.us/img696/1395/blanc560.gif');
                  background-position: center;}
        td.row3, td.row3.over:hover {
                  background-repeat: repeat;
                  background-image: url('http://img696.imageshack.us/img696/1395/blanc560.gif');
                  background-position: center;}
        td.row3Right {
                  background-repeat: repeat;
                  background-image: url('http://img696.imageshack.us/img696/1395/blanc560.gif');
                  background-position: center;}



    a {text-decoration: none !important;}

    /*--- Cette partie correspond à la description du forum ---*/
    .forum-description {
          margin: auto;
          padding: 10px;
          color: #000000;
          width: 80%;
          border: 3px solid #000000;
          -moz-border-radius: 14px;
          -webkit-border-radius: 14px;
          font-size: 12px;
background-image: url('http://nsa28.casimages.com/img/2011/07/01/110701094355230818.jpg');
    }

    /*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
    .forum-stats {
          -moz-border-radius-topleft: 20px;
          -moz-border-radius-topright: 20px;
          -webkit-border-top-right-radius: 20px;
          -webkit-border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          border-top-left-radius: 20px;
          border-bottom: 0 none !important;
          border-left: 3px solid #000000;
          border-right: 3px solid #000000;
          border-top: 3px solid #000000;
          color: #000000;
          font-size: 11px;
          font-style: italic;
          height: 14px;
          left: 280px;
          padding: 3px;
          position: relative;
          text-align: center;
          width: 200px;
    }

    /*--- Cette partie correspond à l'affichage des sous-forums ---*/
    .forum-sousforum {
          color: #000000;
          border: 3px solid #000000;
          border-top: 0px !important;
          -moz-border-radius-bottomleft: 14px;
          -moz-border-radius-bottomright: 14px;
          -webkit-border-bottom-right-radius: 14px;
          -webkit-border-bottom-left-radius: 14px;
          border-bottom-right-radius: 14px;
          border-bottom-left-radius: 14px;
          margin: auto;
          padding: 4px;
          color: #000000;
          width: 50%;
          text-align: center;
          font-size: 11px;
    }

    .forumline {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    }

    .postdetails.poster-profile a img { width: 150px;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    border: 3px solid #000000;
    }

L'image est trop petite, on peut toujours la centrer mais ca ne changera pas grand chose.

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui remplit le forum en onglet

Message par Aventurine le Dim 3 Juil 2011 - 16:57

Merci de m'avoir repondu.J'ai tenté en effet elle est coupée,mais a la limite je pourrai en changer ce n'est pas tres grave

Par contre ce que je me demandais c'est de savoir s'il etait possible de mettre une image différente pour chaque forum?

Merci d'avance Wink

Aventurine
***

Féminin
Messages : 138
Inscrit(e) le : 10/07/2010

http://existenciel.pro-forum.fr/forum
Aventurine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui remplit le forum en onglet

Message par Aventurine le Lun 4 Juil 2011 - 16:19

up svp Wink

Aventurine
***

Féminin
Messages : 138
Inscrit(e) le : 10/07/2010

http://existenciel.pro-forum.fr/forum
Aventurine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui remplit le forum en onglet

Message par Aventurine le Mar 5 Juil 2011 - 15:56

up svp

Aventurine
***

Féminin
Messages : 138
Inscrit(e) le : 10/07/2010

http://existenciel.pro-forum.fr/forum
Aventurine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui remplit le forum en onglet

Message par tupac le Mer 6 Juil 2011 - 0:14

Bonsoir

Je me permet de vous donner la solution.
Pour commencer placer ce code dans la description de votre catégorie.
Code:
<div class="descrip_1"></div>

Puis dans votre feuille de style css remplacer le code "forum-description" par celui-là.
Code:
    /*--- Cette partie correspond à la description du forum ---*/
    .forum-description {
          margin: auto;
          padding: 0px;
          color: #000000;
          width: 80%;
          height: 215px;
          border: 3px solid #000000;
          -moz-border-radius: 14px;
          -webkit-border-radius: 14px;
          font-size: 12px;
    }

rajouter aussi ce code.
Code:
.descrip_1{
    background-image: url('http://nsa28.casimages.com/img/2011/07/01/110701094355230818.jpg');
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    height: 215px;
}

Pour chaque catégorie rajouter ce code.
Code:
[code]<div class="descrip_2"></div>[/code]

et celui-là.
Code:
.descrip_2{
    background-image: url(' votre image ici ');
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    height: 215px;
}

et ainsi de suite pour chaque catégorie.

EDIT: si vous voulez rajouter du contenu sur votre image il vous suffi de faire comme ceci.
Code:
<div class="descrip_1"> texte texte texte texte</div>

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

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

Résolu Re: Image qui remplit le forum en onglet

Message par Aventurine le Mer 6 Juil 2011 - 17:50

Merci infiniment!!!J'ai passé la journée a placer des images et je trouve le rendu magnifique

Merci beaucoup pour votre aide tres precieuse,tous les codes fonctionnent parfaitement,c'est genial

Aventurine cheers

Aventurine
***

Féminin
Messages : 138
Inscrit(e) le : 10/07/2010

http://existenciel.pro-forum.fr/forum
Aventurine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui remplit le forum en onglet

Message par tupac le Mer 6 Juil 2011 - 20:40

Mais de rien je vous en pris se fut avec plaisir et je trouve aussi le rendu pal mal du tout thumleft

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

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

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