Sujets similaires

Sujet: Organisation des sous-forums Dim 12 Sep 2010, 14:01

Bonjour ! =)

Après maintes manip' et foirages mémorables, je viens implorer un peu d'aide sur quelques petits détails du design x) Je vous explique. J'aimerais arriver à cet effet:

Spoiler:

Et voici un screen de ce que j'ai déjà sur mon forum:

Spoiler:

J'aimerais remplacé l'encadré noir de mon screen par l'encadré noir de la première images, et j'ai beau chercher, je ne m'en sort pas :/

Mon CSS:

Code:: .forumline{
-moz-border-radius:15px;
border : solid 7px #E4CEA9 ;
}
.bodyline{
-moz-border-radius:15px;
border : solid 10px #E4CEA9 ;
}

.tableauqueel{
-moz-border-radius : 10px 10px 10px 10px}

a.mainmenu {
text-transform: uppercase;
color : #814D28;
text-shadow: white 0px 0px 5px ;
font-size: 12px;
font-family: Georgia;
-moz-border-radius : 5px 5px 5px 5px;
}

a.mainmenu:hover{
text-transform: uppercase;
color : #814D28;
font-size: 12px;
font-family: Georgia;
background-color: white;
-moz-border-radius : 5px 5px 5px 5px;
}

u {
text-decoration: none;
border-bottom: 2px #E4CEA9 solid;
-moz-border-radius: 6px;
}

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

.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 #E6D1AC;
}

a.forumlink:link, a.forumlink:visited {
border-bottom: 10px solid #F5E2BC;
display: block;
-moz-border-radius:10px;
text-transform: none;
text-align: center;
}

a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://img7.hostingpics.net/pics/453237background.jpg");
border-bottom: 10px solid #F5E2BC;
display: block;
-moz-border-radius:10px;
text-transform: none;
text-align: center;
}

.upbottom {
position: fixed;
bottom : 0px ;
margin-left : 85% }

.catégoz {
text-align : center ;
position : relative ;
top : 23px ;
text-transform : uppercase ;
text-shadow : 0px 0px 2px #E1C99F ;
}

Mon template index-box:

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><div style="background-image : url(http://img11.hostingpics.net/pics/560335categoz_2.jpg) ; background-repeat : no-repeat ; width : 400px ; height : 50px"><div class="catégoz">{catrow.tablehead.L_FORUM}</div></div></tr>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <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>


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <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">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </span>
   </td>
   

   <td class="row3 over" align="center" valign="middle" height="50">
      <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
   </td>
   
   
   <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
   
</tr>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

Un effet que j'aime beaucoup aussi, c'est comme celui du forum, où les zones de saisie et boutons sont arrondis dans les coins... Si quelqu'un pouvait m'éclairer là dessus aussi, j'aimerais beaucoup =D

Merci d'avance =)

Sujet: Re: Organisation des sous-forums Dim 12 Sep 2010, 14:12

Bonsoir =)
Pour ton premier problème, je suis désolé mais nous ne t'aiderons pas. Il est bien stipulé dans les règles que les screens d'autres forums sont interdits. Car cela s'appelle tout bonnement du plagiat (même si ton intention n'est pas de plagier)

En ce qui concerne les coins arrondis des zones de saisie, essaye ceci :

Code:: textarea {
-moz-border-radius: NOMBREDEPIXELSpx;
-webkit-border-radius: NOMBREDEPIXELSpx;
border-radius: NOMBREDEPIXELSpx;
}

Sujet: Re: Organisation des sous-forums Dim 12 Sep 2010, 14:16

Ah =X Autant pour moi =S

Le code pour arrondir les zones de saisies marche, mais seulement pour la zone de saisie du texte lorsque on écrit un message. Là ou l'ont écrit le texte etc... Et les boutons, ça ne s'arrondit pas =/

Sujet: Re: Organisation des sous-forums Dim 12 Sep 2010, 14:20

Oops j'avais pas lu jusqu'à la fin désolé ^^"

Et là ?

Code:: .liteoption {
-moz-border-radius: NOMBREDEPIXELSpx;
-webkit-border-radius: NOMBREDEPIXELSpx;
border-radius: NOMBREDEPIXELSpx;
}

.mainoption {
-moz-border-radius: NOMBREDEPIXELSpx;
-webkit-border-radius: NOMBREDEPIXELSpx;
border-radius: NOMBREDEPIXELSpx;
}

Sujet: Re: Organisation des sous-forums Dim 12 Sep 2010, 14:26

Sa marche pour les boutons =D Et avec le code précédent, sa arrondis la zone de saisie d'un message, mais pas le titre et le reste.

Sujet: Re: Organisation des sous-forums Dim 12 Sep 2010, 14:37

Tu as demandé les zones de saisies et les boutons. Pas les titres x)
D'ailleurs "les titres et le reste" c'est vague

Sujet: Re: Organisation des sous-forums Dim 12 Sep 2010, 14:47

En fait, c'était les titres & les descriptions ^^

Sujet: Re: Organisation des sous-forums Sam 18 Sep 2010, 06:46

Bonjour,

Votre problème est-il résolu ?
Si oui, merci de cocher dans "icône du sujet" l'icône Organisation des sous-forums 87671resolu3

en éditant votre 1er post.

Sujet: Re: Organisation des sous-forums Ven 24 Sep 2010, 19:12

Bonjour,
Est-ce que le problème est résolu ? Si oui merci de le signaler avec la balise "résolu" en étant ton premier poste
Sinon, ce sujet risque sinon de partir à la corbeille, si nous devons encore relancer

Organisation des sous-forums

Organisation des sous-forums

Sujets similaires

Sujets similaires

Partenaires Or