template pour bords rond sur phpbb2 ?

[Darighaaz]

Bonjour ! Je souhaiterais mettre des bors rond au niveau de toutes les tables de mon forum ( index, view_topic, etc.. ).... quelle modifications doit-on faire sur les templates ou quels champs doit-on ajouter pour obtenir un tel résultat ?

[Alexarbitre]

Bonsoir,

le seul moyen est de passer en phbb3

[Darighaaz]

arf... je suis sûr qu'il y a moyen de le caser en phpbb 2...

tout doit se jouer sur un code ou un détail du genre... si personne n'a de piste, je vais chercher tout seul et je vous tiendrai au courant

[Alexarbitre]

arf... je suis sûr qu'il y a moyen de le caser en phpbb 2...

Curieux de voir ça

tout doit se jouer sur un code ou un détail du genre...

Logique

si personne n'a de piste, je vais chercher tout seul et je vous tiendrai au courant

Perdu d'avance, mais bonne chance quand même

[Darighaaz]

qui ne tente rien n'a rien

[asus02]

bonjour,
pour modifier et obtenir des cadres aux bords arrondis il faut toucher a ton css et ajouter => -moz-border-radius:12px; pour obtenir un cadre arrondis.

exemple pour le cadre général du forum :

Code:

.bodyline {
background-color : #ffffff;
border : 2px double #444444;
-moz-border-radius:12px;
}

border : 2px = largeur de la bordure
#444444 = couleur de la bordure
border-radius:12px = effet arrondis du cadre

a toi de l'adapter aux templates concernées .

Attention ! l'arrondis ne serra pas visible sous internet explorer

[Darighaaz]

Voici mon template index_box

Spoiler:

<table width="100%" border="0" cellspacing="0" 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 --><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</span></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 -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="20">{L_TOPICS}</th>
<th nowrap="nowrap" width="20">{L_POSTS}</th>
<th nowrap="nowrap" width="150">{L_LASTPOST}</th>
</tr>
<!-- 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%"><span class="cattitle"><a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a></span></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"></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle" height="50"><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" onmouseover='this.className="row2"' onmouseout='this.className="row1"' colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"><span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></td>
<!-- BEGIN forum_link_no -->
<td class="row3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
<td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
<td class="row3" onmouseover='this.className="row1"' onmouseout='this.className="row3"' align="center" valign="middle" nowrap="nowrap" height="50"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
<!-- 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><img src="{SPACER}" alt="" height="5" width="1"><!-- END tablefoot --><!-- END catrow -->

où dois-je insérer le code que tu m'a fourni ? je ne trouve pas...

[bayeux]

Code:

.bodyline {
background-color : #ffffff;
border : 2px double #444444;
-moz-border-radius:12px;
}

Voici mon template index_box

Spoiler:

<table width="100%" border="0" cellspacing="0" 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 --><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</span></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 -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="20">{L_TOPICS}</th>
<th nowrap="nowrap" width="20">{L_POSTS}</th>
<th nowrap="nowrap" width="150">{L_LASTPOST}</th>
</tr>
<!-- 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%"><span class="cattitle"><a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a></span></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"></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle" height="50"><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" onmouseover='this.className="row2"' onmouseout='this.className="row1"' colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"><span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></td>
<!-- BEGIN forum_link_no -->
<td class="row3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
<td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
<td class="row3" onmouseover='this.className="row1"' onmouseout='this.className="row3"' align="center" valign="middle" nowrap="nowrap" height="50"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
<!-- 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><img src="{SPACER}" alt="" height="5" width="1"><!-- END tablefoot --><!-- END catrow -->

JE viens de vérifier et revérifié moi-même ctrl+F également), il n'y a pas de de type bodyline dans ce template, je pense que tu as pris le mauvais :p

[Darighaaz]

lequel dois-je prendre alors ?

j'ai regardé dans les deux templates de la page d'accueil et je ne trouve rien..

pitètre qu'il faut ajouter les lignes.. mais où ?

ou peut-être que ce code n'a rien à voir avec les templates...
où le rentrer alors ?

[asus02]

bonjour,
pour modifier et obtenir des cadres aux bords arrondis il faut toucher a ton css et ajouter => -moz-border-radius:12px; pour obtenir un cadre arrondis.

jamais parlé de templates ....

[Darighaaz]

et c'est où qu'on peut éditer le css ?

[Alexarbitre]

PA => Thèmes => Couleurs

A droite vous avez un onglet " Feuille de style CSS "

[Darighaaz]

merci mais j'ai un petit problème:

j'aimerais que les coins indiqués par les flèches vertes soient ronds...

de plus la flèche rouge indique le cadre que le code m'a ajouté... c'est à dire juste ce cadre et rien d'autre ... :/

Spoiler:

[lulu2006]

Moi aussi j'aimerai le faire mais je trouve pas ou mettre le code -moz-border-radius:12px;
pour arrondire les coins ou tu a mis les fleche verte

[Darighaaz]

Pour mettre le code ça se passe ici =>

PA => Thèmes => Couleurs

A droite vous avez un onglet " Feuille de style CSS "

Après je sais pas comment ça fonctionne... est- ce que ça rajoute des lignes de code aux templates ? est-ce qu'il manque des choses dans le code ? etc...

[Darighaaz]

j'ai trouvé ce site:

http://www.roundedcornr.com/

il fournit des codes pour templates ou pour CSS

Le problème reste toujours le même, j'ai beau chercher, mettre le code pour templates dans les templates du forum ( entre les lignes des tableaux, etc... ) ça ne donne rien...

Merci à un pro du codage de passer par ici

[lulu2006]

Oui ca c'est bon mais dans le css je sais pas ou le mettre ?

[Darighaaz]

bah ton css c'est un page blanche no ? ( à part si t'as déjà mis qqc dedans )

j'ai fait un copier coller et hop ! ..... mais ça marche pas >_<

[lulu2006]

non il faut cliquer sur css de base prendre tout le code le coller, puis la tu prend le code coin arrondi et le colle, mais le code va juste arrondire le contour de forum et non les barres des forums