Code catégorie

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

Résolu Code catégorie

Message par tara62143 le Mar 31 Jan 2012 - 21:29

Bonjour,

voilà après mainte recherche j'ai trouvé comment mettre une image au dessus de mes sujets, seul petit hic, les liens se trouvent au dessus de l'image, comment faire pour les mettre dedans ?

Mon template topics_list_box:
Spoiler:
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
   var all_checked = true;
   for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
   }
   document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
   for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
   }
}
</script>
<!-- END multi_selection --><div width="100%" class="img_haut"> </div>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
      <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
      <th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
      <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
      <th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th>
      <!-- BEGIN multi_selection -->
      <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
   <!-- END multi_selection -->
   </tr>
   <!-- BEGIN pagination -->
   <tr>
      <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END pagination -->
   <!-- END header_table --><!-- BEGIN header_row -->
   <tr>
      <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
   </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <tr>
      <!-- BEGIN single_selection -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
      <!-- BEGIN icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>
         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>
         <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> 
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>

      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
      <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
      <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
<!-- BEGIN multi_selection -->
      <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
   <!-- END multi_selection -->
   </tr>
   <!-- END topic --><!-- BEGIN no_topics -->
   <tr>
      <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
   </tr>
   <!-- END no_topics --><!-- BEGIN bottom -->
   <tr>
      <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td> <span class="gensmall">{PAGINATION}</span></td>
               <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Exemple:
Spoiler:

Merci d'avance Smile.


Dernière édition par tara62143 le Jeu 2 Fév 2012 - 18:23, édité 1 fois

tara62143
***

Féminin
Messages : 109
Inscrit(e) le : 13/08/2004

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

Résolu Re: Code catégorie

Message par tara62143 le Mer 1 Fév 2012 - 18:15

Up please

tara62143
***

Féminin
Messages : 109
Inscrit(e) le : 13/08/2004

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

Résolu Re: Code catégorie

Message par tara62143 le Jeu 2 Fév 2012 - 18:23

up

tara62143
***

Féminin
Messages : 109
Inscrit(e) le : 13/08/2004

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

Résolu Re: Code catégorie

Message par SoraNoHime le Dim 5 Fév 2012 - 7:19

Bonjour

pourrai-je avoir la css associée à votre template que je suis tester le rendu et essayer des solutions ?

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code catégorie

Message par tara62143 le Lun 6 Fév 2012 - 12:25

Oui bien sur le voici :

Code:
#i_logo {
        margin-top: -18px;
        margin-bottom: 0px;
        }

#forumm {
margin-left : 200px;
padding-right : 0px;
}

.accToggler{
margin: 3px auto;
padding: 3px;
width: 400px;
background: #acc95f;
color: #f4f4f4;
border: 1px solid #fff;
cursor: pointer;
}

.accContent{
margin: 0px auto;
width: 400px;
}

body {
 
    background-color: #e3ccc9;
  background: url('http://img15.hostingpics.net/pics/986200fond2.png') top center;
  background-repeat: repeat-y;
  margin-left:8px;
  }

div#background2{
      width: 100%; height: 100%;
      margin: 0px; padding: 0px;
  margin-top: -10px;
  background: transparent url('http://img15.hostingpics.net/pics/486213fond1.png') top center no-repeat;}


.img_haut{background: url(http://img15.hostingpics.net/pics/152854hautpage2.png);
  background-position: center;
  width: 846px; height: 161px;
  background-repeat: no-repeat;
}


.forumline{
border-right:5px solid #5b3f09;
border-left:5px solid #5b3f09;
border-bottom:5px solid #5b3f09;
          -moz-border-radius:10px;
        -webkit-border-radius:10px;
        -ô-border-radius:10px;
        -khtml-border-radius:10px;
        border-radius:10px;
        }


        .eclairci
        {
        filter:alpha(opacity=70);
  -moz-opacity:0.7;opacity: 0.7;
        }
       
        .eclairci:hover
        {
        filter:alpha(opacity=100);
  -moz-opacity:1;opacity: 1;
        }

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

a.forumlink:link, a.forumlink:visited {
font-family: Palatino Linotype;
font-size:28px;
font-style: italic;
color: #492c11;
display: block;
margin-left:10px;
text-shadow: #1A1918 0px 0px 10px;
margin-bottom:-10px;
font-weight: normal;
letter-spacing:-1px;
}

#nbrmess {
  font-family: Palatino Linotype;
font-size:15px;
color: #492c11;
display: block;
margin-left:10px;
text-shadow: #a58e79 0px 0px 5px;
margin-bottom:-10px;
font-weight: normal;
letter-spacing:-1px;
}

#qeel {
  background: url(http://img11.hostingpics.net/pics/375836qeel.png);
  background-position: center;
  width: 846px; height: 475px;
}

#groupe {
        margin-top: 198px;
        margin-left: 65px;
}

#message {
  margin-top: 15px;
  margin-left: 65px;
  text-align: center;
}

a.mainmenu img {
display:none;
}

a.mainmenu{
    text-decoration:none;
        padding: 5px 5px;
        margin: 5px;
        background: #604b39;
  font-family: Palatino Linotype;
  letter-spacing:1px;
        color: #301c0a;
        border: 1px solid #735c47;
        -moz-border-radius: 15px 0 15px 0;
        -webkit-border-radius: 15px 0 15px 0;
        border-radius: 15px 0 15px 0;
}

a:hover.mainmenu{
    text-decoration:none;
        padding: 5px 5px;
        margin: 5px;
        background: #000;
  font-family: Palatino Linotype;
  letter-spacing:1px;
        color: #301c0a;
        border: 1px solid #87694e;
background: url(http://img11.hostingpics.net/pics/338431pattern.png);
}

#page-body {
margin-top:15px;
}

        /*poster-profile*/
/*pseudo*/
div.post-pseudo, span.name a {
font-size: 12px;
margin-bottom: 0px; /*positionnement du pseudo par rapport au haut du cadre-avatar*/
padding: 4px 7px 0px 0px; /*dans le sens des aiguilles d'une montre : top > right > bottom > left*/
font-family: Palatino Linotype;
font-size:18px;
text-shadow: #1A1918 0px 0px 10px;
letter-spacing:1px;
text-align: center;
}
/*avatar*/
div.post-avatar img {
width: 200px;
height: 300px;
border: 2px solid #5c410a;
background: #5a3e08;
-moz-border-radius: 5px; /*arrondis pour FF*/
-webkit-border-radius: 5px; /*arrondis pour autres navigateurs*/
border-radius: 5px; /*arrondis pour Opera*/
padding: 5px;
}
/*rang*/
div.post-rank {
font-family: Palatino Linotype;
font-size: 12px;
margin-top: -4px; /*positionnement du rang par rapport au bas du cadre-avatar*/
propriétés couleurs de fond, texte, etc;
padding: 6px;
margin-top: 4px;
border: 2px solid #5c410a;
background: #614c22;
-moz-border-radius: 5px; /*arrondis pour FF*/
-webkit-border-radius: 5px; /*arrondis pour autres navigateurs*/
border-radius: 5px; /*arrondis pour Opera*/
}
/*infos-profil*/
div.post-profil-infos {
  font-family: Palatino Linotype;
  margin-top: 4px;
border: 2px solid #5c410a;
background: #614c22;
-moz-border-radius: 5px; /*arrondis pour FF*/
-webkit-border-radius: 5px; /*arrondis pour autres navigateurs*/
border-radius: 5px; /*arrondis pour Opera*/
}
/*bouton show-mask*/
.rpgbutton {
propriétés couleurs de fond, radius, texte, espacement (padding), etc;
}
/*contenu-feuille-rpg*/
.rpgcontent {
text-align: center;
font-size: ?px;
}

a.nav img
{
width: 200px;
}

tara62143
***

Féminin
Messages : 109
Inscrit(e) le : 13/08/2004

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

Résolu Re: Code catégorie

Message par SoraNoHime le Mer 8 Fév 2012 - 0:16

En fait ces liens se trouvent dans un autre template : viewforum_body

il s'agit de cette partie :
Code:
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" width="50">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
         <!-- END switch_user_authpost -->
      </td>
      <td class="nav" valign="middle" width="100%"><div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div></td>
      <td class="gensmall" align="right" valign="bottom" nowrap="nowrap">
         <span class="nav">
            <script type="text/javascript">//<![CDATA[
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
               insert_plus_menu('f{FORUM_ID}&amp;f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
         </span>
      </td>
   </tr>
</table>

il vous suffit de placer une div autour de cette partie. <div id="linkreply"> la partie concernée</div>

puis de mettre dans votre css :
Code:
#linkreply {
position : relative ;
top : 150px;
max-width : 500px;
}

position : relative permet le déplacement.

top : 150px indique qu'on le déplace de 150 pixel d'en haut à partir de sa position initiale

max-width ; 500 px, vous permet de réduire la taille que prend cette partie en largeur.

Je vous laisse régler les détails du positionnement. Wink

Cordialement


Dernière édition par Macema le Mer 8 Fév 2012 - 14:16, édité 1 fois

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code catégorie

Message par tara62143 le Mer 8 Fév 2012 - 14:04

Je pouvais chercher longtemps. Merci beaucoup pour ta réponse Very Happy

tara62143
***

Féminin
Messages : 109
Inscrit(e) le : 13/08/2004

tara62143 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