Changer de place les icônes "New", "No new", "Lock"

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

Résolu Changer de place les icônes "New", "No new", "Lock"

Message par Maître d'Earthland le Mer 14 Mai 2014 - 21:39

Bonjour, j'ai un petit problème lié à l'apparence de mon forum dont voici le lien: http://cabaret-black-rose.forumactif.org/

•Mon poblème est en relation avec les catégories. Je voudrais que le bouton "No new/New/Lock" soit à gauche et non dans le cadre à droite. Mais seulement ces boutons, sans que le forum ne soit déformé.

Le CSS:
Code:
body { cursor: crosshair }
a:hover { cursor:ne-resize; }

u{border-bottom: 1px double;border-color:#7d0213;
-moz-border-radius:6px;}

I{border-bottom:none; color:#7d0213;text-decoration: none
}

a:hover{text-transform:uppercase;}
a {font-variant: small-caps;}


a.mainmenu {
font-family:  serif;
text-align: center;
font-size: 70%;
background-color: #8a3242;
border: 1px Dashed #47030f;
color: #000000;
-moz-border-radius:6px;
}
a.mainmenu:hover {
background-image: url("http://i89.servimg.com/u/f89/12/59/83/69/urban110.jpg");
text-align: center;
border: 1px Dashed #910a23;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }


.quote{
font-family: Tahoma;
font-size: 12px;
color: #000000;
line-height: 125%;
background-color: #b84a72;
border: #b84a72;
border-style: solid;
border: 1px #b84a72;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #000000;
background-color: #b84a72;
border: #b84a72;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #b84a72;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}
a.mainmenu:link, a.mainmenu:visited{
font-family :Georgia;
text-align:left;}


.statistiques{
border:0px;
background-image: url("http://up4u.free.fr/images/uhv6z939htgj9tjti7id.png");
background-repeat: no-repeat;
background-position: center;
height:400px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}


.boxtitle{
font-family:  serif;
text-align: center;
background-image: url("http://up4u.free.fr/images/w6mvtsfxfgr9at4rx4d2.png");
font-size:15px;
border-bottom: 3px double #590823;
color: #690505;
display: block;}

.box {
background-color:#8a666d;
color:#5e0925;
font-size:11px;
margin:0;
padding:3px 10px;
}

.main
{font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
background-color: #9e5665;
border-bottom: 1px solid #590823;
color: #000000;
letter-spacing: 1px;
display: block;}

.main:hover
{background-color: #4f0b18;
text-align: center;
display: block;
border-bottom: 1px solid #826572;
}

a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid;
}

a.imginfo span {
  display: none;
}
a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 5px;
  left: 15px;
  background: #78556B;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #b6b6b6;
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}


.abc {border-bottom: 5px solid #ffffff}
.def {
background-color: #ffffff;
-moz-border-radius:10px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 3px;
text-transform:uppercase;}

.bodyline {-moz-border-radius:10px;}

.bodyline{border:10px solid #732e3b;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #570720;
}

-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }


th {
-moz-border-radius-topleft: 20%;
-moz-border-radius-topright: 20%;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}


/* --------------------------------- 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-left: 4px solid #D16969;
  border-right: 4px solid #D16969;
}

.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: 50px;
  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: 90px;
  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: 15px;
  overflow: auto;
  padding: 15px;
  position: relative;
  top: -1.5em;
}

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

.lienssf a:hover {
  color: red !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: 0px;
  font-size: 11px;
  border-radius: 5px;
  border-left: 4px solid #D16969;
  border-right: 4px solid #D16969;
}

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

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

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


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


Et le template:
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="background-color: #B03636; 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 et {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'>



Je vous remercie si vous pouvez m'apporter une aide concernant l'apparence de mon forum.
Bonne soirée! o/


Dernière édition par Maître d'Earthland le Sam 17 Mai 2014 - 12:44, édité 1 fois

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer de place les icônes "New", "No new", "Lock"

Message par Maître d'Earthland le Sam 17 Mai 2014 - 9:49

Personne ne sait? Si il vous manque quelque chose pour comprendre mon problème, demandez moi :3

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer de place les icônes "New", "No new", "Lock"

Message par Tech le Sam 17 Mai 2014 - 11:00

Bonjour,

Afin de faciliter les recherches ultérieures, merci de respecter les règles concernant le titre de votre sujet. En effet, votre titre :

    - doit être explicite (qui explique brièvement le problème),
    - ne doit pas être en majuscules,
    - ne doit pas contenir de mots trop généralistes : "aide" ; "help" ; "besoin d'aide" ; "problème"...
Merci de le modifier en cliquant sur le bouton :editer: de votre premier message. Wink

A bientôt sur ForumActif Smile
Bonjour,

Je rappelle qu'une seule question par sujet est autorisée, afin de favoriser les recherches ultérieures. Je verrouille donc ce sujet, vous reposterez la ou les questions restantes dans des sujets distincts.

Je vous invite à lire :

A bientôt sur ForumActif Smile



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21122
Inscrit(e) le : 01/12/2007

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

Résolu Re: Changer de place les icônes "New", "No new", "Lock"

Message par Maître d'Earthland le Sam 17 Mai 2014 - 12:45

J'ai modifié o/
J'ai juste laissé le problème avec les boutons New/No New/Lock ^^

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer de place les icônes "New", "No new", "Lock"

Message par Tech le Sam 17 Mai 2014 - 14:21

Voici la partie qui nous intéresse :
Code:
  <!-- 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 et {catrow.forumrow.POSTS} messages</span><br /><br />{catrow.forumrow.LAST_POST}</center></div></td>
      </tr></table>
   
 </div>
 
  <!-- END forumrow -->

On peut remarquer la structure d'une table :
Code:
<table><tr><td>colonne 1</td><td>colonne 2</td></tr></table>
Actuellement la colonne 1 correspond au forum et la colonne 2 aux derniers messages + icône.
Il suffit d'inverser les 2 colonnes pour avoir l'affichage voulu. A savoir que dans ce cas là, les informations concernant le dernier message seront aussi à gauche.

Si vous désirez les garder à droite, il faudra faire un système à 3 colonnes.

En espérant vous avoir mis sur une piste,
Cordialement.


Dernière édition par Tech le Dim 18 Mai 2014 - 11:25, édité 1 fois (Raison : > à la place d'un ])



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21122
Inscrit(e) le : 01/12/2007

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

Résolu Re: Changer de place les icônes "New", "No new", "Lock"

Message par Maître d'Earthland le Sam 17 Mai 2014 - 18:15

Je suis parvenu à séparer comme je voulais en trois colonnes mais maintenant je voudrais que le tout soit décalé un peu plus vers la gauche... Est-ce que par rapport à mon CSS c'est possible?

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer de place les icônes "New", "No new", "Lock"

Message par Maître d'Earthland le Dim 18 Mai 2014 - 20:51

C'est bon, en fait j'y suis parvenu, je vous remercie ♪

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland 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