Apparence catégories

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

Résolu Apparence catégories

Message par Clark Mercer le Ven 14 Nov 2014 - 19:57

Bien le bonjour (ou encore bonsoir tout dépendant d'où Rolling Eyes )

J'aimerais modifier l'apparence des catégories vous l'aurez deviné. Toutefois, je ne suis pas un expert (Loin de là) niveau codage et compagnie. Ce pourquoi je vous demande de l'aide é_è

Alors voilà, présentement j'ai ceci en apparence :

Spoiler:

Et j'aimerais donc avoir ceci :

Spoiler:

Soit créer un nouveau bloc pour y mettre les sous-forums plutôt que là où ils se trouvent présentement (soit dans la description)en plus de déplacer le bloc derniers message à gauche plutôt qu'à droite.

Voici le template Index_box qui a été modifié :
Spoiler:
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 -->

<center><div style=" padding: 15px; width: 780px;"><div class="cate_titre" style="vertical-align: middle;">{catrow.tablehead.L_FORUM}</div>



  <!-- END tablehead -->
  <!-- BEGIN cathead -->
 
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
 
 
  <div class="categorie">
    <table><br /><br /><tr>
  <td><div class="titrefofo"><center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center></div>
    <div class="bloc1">{catrow.forumrow.FORUM_DESC}
      <div class="lienssf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></td>
  <td><div class="last_mess"><center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    <br /><span class="gensmall" style="color: #7D2626;">{catrow.forumrow.TOPICS} sujets ★ {catrow.forumrow.POSTS} messages</span><br /><br />{catrow.forumrow.LAST_POST}</center></div></td>
  </tr></table>
   
 </div>

  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
 
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
 
 </div>  </center>
 
<!-- END tablefoot --><!-- END catrow -->
<link href='http://fonts.googleapis.com/css?family=Kite+One' rel='stylesheet' type='text/css'>

Ainsi que la partie css :
Spoiler:
Code:
/* --------------------------------- CATEGORIES --------------------------------- */

.bloc1 {
  background-color: #F0E9DB;
  width: 550px;
  height: 150px;
  position: relative;
  top: -3em;
  left: -5em;
  box-shadow: 2px 2px 15px black;
 -moz-box-shadow: 2px 2px 15px black;
  -webkit-box-shadow: 2px 2px 15px black;
  border-radius: 20px;
}

.bloc1:hover {
  border-left: 4px solid #D16969;
  border-right: 4px solid #D16969;
}

.imgillustration {
  position: relative;
  left: 2.5em;
  top: 1em;
}

/*** FONDS GENERAUX ***/

/* Contenu de l'ensembre des forum */
.categorie {
  width: 550px;
  height: 190px;
  padding: 10px;
}

/* Fond des forum */
.sous-forum {
  width: 300px;
  height: 40px;
  overflow: auto;
  top: -10em;
}

/* Fond titre catégorie */
.cate_titre {
  width: 550px;
  margin: auto;
  padding: 5px;
  background-color: #D16969;
  box-shadow: 2px 2px 15px black;
 -moz-box-shadow: 2px 2px 15px black;
  -webkit-box-shadow: 2px 2px 15px black;
}

/* Mise en forme nom de catégorie */
h2 {
  font-size: 20px;
  font-family: 'Carrois Gothic SC', sans-serif;
  color: #6F2222;
  text-align: center;
}




/*** MISE EN FORME DES FORUM ***/

/* Mise en forme du texte des titres de forum */
.forumlink {
  color: #551A1A !important;
  font-family: 'Kite One', sans-serif;
  font-size: 25px !important;
  font-weight: none !important;
  position: relative;
  top: -1.4em;
  left: -4em;
  z-index: 1;
}

.forumlink:hover {
  color: #C8AE79 !important;
  text-decoration: none !important;
}

.forumlink a {
  font-size: 16px;
  width: 500px;
}

/* Mise en forme de la description */
.description {
  width: 400px;
  height: 100px;
  font-size: 11px;
  text-align: justify;
  color: #7D2626;
  background-color: #FCFAF5;
  border-radius: 5px;
  position: relative;
  top: 1em;
  left: 3em;
  padding: 15px;
}

.imagedesc {
  position: relative;
  right: -6em;
  top: -2em;
 -moz-transform:rotate(8deg);
  -webkit-transform:rotate(8deg);
  transform:rotate(8deg);
}




/*** SOUS-FORUM ***/

.lienssf {
  width: 420px;
  max-height: 20px;
  overflow: auto;
  padding: 15px;
  position: relative;
  top: -1.5em;
}

.lienssf a {
  color: #A47B8E !important;
  text-decoration: none !important;
}

.lienssf a:hover {
  color: #CBC0C6 !important;
 text-decoration : none !important;
}




/*** DERNIERS MESSAGES ***/

.last_mess {
  width: 120px;
  height: 120px;
  position: relative;
  top: -3em;
  left: -4em;
  background-color: #F0E9DB;
  color: #7D2626;
  padding: 10px;
  font-size: 11px;
  border-radius: 20px;
}

.last_mess a {
  color: black !important;
  text-decoration: none !important;
}

.last_mess a:hover {
  color: #CAC9C7 !important;
 text-decoration : none !important;
}

.last_mess:hover {
  border-left: 4px solid #D16969;
  border-right: 4px solid #D16969;
}


/*--------------------------------- FIN CATEGORIES --------------------------------- */


Je vous remercie beaucoup de votre aide. Et vous donnerais crédit au besoin lorsque le tout seras appliqué sur le prochain forum si vous le désirez (a) (car celui-ci est un forum test)

Encore Merci (a)


Dernière édition par Clark Mercer le Sam 29 Nov 2014 - 5:10, édité 1 fois

Clark Mercer
**

Masculin
Messages : 78
Inscrit(e) le : 20/10/2013

http://schicksal-academy.forum-canada.com/
Clark Mercer a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence catégories

Message par Clark Mercer le Dim 16 Nov 2014 - 17:16

Up Rolling Eyes

Clark Mercer
**

Masculin
Messages : 78
Inscrit(e) le : 20/10/2013

http://schicksal-academy.forum-canada.com/
Clark Mercer a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence catégories

Message par Clark Mercer le Mar 18 Nov 2014 - 2:02

up

Clark Mercer
**

Masculin
Messages : 78
Inscrit(e) le : 20/10/2013

http://schicksal-academy.forum-canada.com/
Clark Mercer a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence catégories

Message par Clark Mercer le Mer 19 Nov 2014 - 5:33

up Rolling Eyes

Clark Mercer
**

Masculin
Messages : 78
Inscrit(e) le : 20/10/2013

http://schicksal-academy.forum-canada.com/
Clark Mercer a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence catégories

Message par Clark Mercer le Ven 21 Nov 2014 - 21:25

Up Zen !

Clark Mercer
**

Masculin
Messages : 78
Inscrit(e) le : 20/10/2013

http://schicksal-academy.forum-canada.com/
Clark Mercer a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence catégories

Message par Clark Mercer le Lun 24 Nov 2014 - 4:14

Up Like a Star @ heaven

Clark Mercer
**

Masculin
Messages : 78
Inscrit(e) le : 20/10/2013

http://schicksal-academy.forum-canada.com/
Clark Mercer a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence catégories

Message par Clark Mercer le Mar 25 Nov 2014 - 13:49

Up Rolling Eyes

Clark Mercer
**

Masculin
Messages : 78
Inscrit(e) le : 20/10/2013

http://schicksal-academy.forum-canada.com/
Clark Mercer a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence catégories

Message par Clark Mercer le Ven 28 Nov 2014 - 2:37

Up Very Happy

Clark Mercer
**

Masculin
Messages : 78
Inscrit(e) le : 20/10/2013

http://schicksal-academy.forum-canada.com/
Clark Mercer a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence catégories

Message par Cyn le Sam 29 Nov 2014 - 5:47

Bonsoir,

En cherchant autre chose, je suis tombée sur ce sujet. Je crois que c'est ce que tu cherches à faire, non ?

Cyn
**

Féminin
Messages : 77
Inscrit(e) le : 08/09/2006

http://cat-rpg.forumactif.org/
Cyn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence catégories

Message par Clark Mercer le Sam 29 Nov 2014 - 5:48

Oh oui je crois bien que ce sujet me sera très utile O: Merci beaucoup ::fleur::

Clark Mercer
**

Masculin
Messages : 78
Inscrit(e) le : 20/10/2013

http://schicksal-academy.forum-canada.com/
Clark Mercer 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