Css pour bordure
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Css pour bordure
Bonsoir^^
je sais il est très tard =/ j'espère que je ne vous réveilles pas =P
Voila j'aimerais savoir quel serait le code css associé pour modifié la couleur et la taille des bordures intérieures de la page d'accueil de mon forum comme représenté sur mon image...
J'aimerais aussi savoir s'il est possible de différencier ces bordures pour avoir par exemple une couleur différentes pour les bordure horizontales et verticales...
Un immense merci d'avance =)
EDIT: Après réflexion j'aurais du poster cette demande dans la partie des codes =/ je suis navrée...
je sais il est très tard =/ j'espère que je ne vous réveilles pas =P
Voila j'aimerais savoir quel serait le code css associé pour modifié la couleur et la taille des bordures intérieures de la page d'accueil de mon forum comme représenté sur mon image...
J'aimerais aussi savoir s'il est possible de différencier ces bordures pour avoir par exemple une couleur différentes pour les bordure horizontales et verticales...
Un immense merci d'avance =)
EDIT: Après réflexion j'aurais du poster cette demande dans la partie des codes =/ je suis navrée...
Dernière édition par Lunathiel le Dim 13 Mar 2011 - 19:43, édité 4 fois (Raison : faute d'orthographe)
Re: Css pour bordure
Bonsoir Lunathiel
Cela est impossible si vous ne passez que par la css.
A la rigueur, il faudrait donner à cet espace une nouvelle class dans votre template index_box puis mettre dans votre css
.nom choisi pour la class
{
border-left : 1px solid #couleur choisie;
border-bottom : 1px solid #couleur choisie;
border-right : 1px solid #couleur choisie;
}
Je vais faire un essai de mon coté. Cordialement.
Cela est impossible si vous ne passez que par la css.
A la rigueur, il faudrait donner à cet espace une nouvelle class dans votre template index_box puis mettre dans votre css
.nom choisi pour la class
{
border-left : 1px solid #couleur choisie;
border-bottom : 1px solid #couleur choisie;
border-right : 1px solid #couleur choisie;
}
Je vais faire un essai de mon coté. Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Css pour bordure
Je cherche un peu de mon côté aussi... Mais je ne trouve pas facilement ce qui correspond à la bordure =/
Ce serait même peut-être intéressant d'en faire un tuto par la suite? Non?
Ce serait même peut-être intéressant d'en faire un tuto par la suite? Non?
Re: Css pour bordure
Pourrai-je avoir votre template index_box (Je me souviens que vous l'aviez déjà modifiée ^^) ?
Je vais voir si je peux travailler directement dessus.
Cordialement.
Je vais voir si je peux travailler directement dessus.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Css pour bordure
Bien sur... Le voila =)
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="150" class="dersuj"><div style="width:150px;"> </div></th>
</tr>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- 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%">
<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>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<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>
</span>
</h{catrow.forumrow.LEVEL}>
<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 over" align="center" valign="middle" height="50"><div class="cadrederniermessage">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td>
<!-- END forum_link_no -->
</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 -->
Re: Css pour bordure
Edit j'ai trouvé la section
Remplacez dans votre template en vous repérant aux balises du début et de fin, ceci :
et dans votre css à personalisé par la suite :
Cordialement.
Remplacez dans votre template en vous repérant aux balises du début et de fin, ceci :
- Code:
<!-- END inc -->
<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="bordureperso" 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>
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
et dans votre css à personalisé par la suite :
- Code:
.bordureperso
{
border-left : 2px solid #ff0000;
border-bottom : 2px solid #00ff00;
border-right : 2px solid #0000ff;
background-color : #votre couleur de fond habituelle
}
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Css pour bordure
Edit j'ai parlé un peu trop vite
Hum... le soucis comme ça c'est que cette bordure s'additionne a la précédente mais ne la remplace pas =/
Hum... le soucis comme ça c'est que cette bordure s'additionne a la précédente mais ne la remplace pas =/
Re: Css pour bordure
Bonjour
j'ai tester en enlevant la couleur des bordures de mon pa puis en mettant une couleur de fond mais ça ne donne pas un super rendu car le bord droit du fond apparait SUR le bord arrondis du contour..
J'ai modifié provisoirement le CSS comme ceci (les bordures ne sont pas encore mise)
et
Et le soucis avec cette technique c'est qu'en plus de ne pas rendre super bien ça s'applique partout sur le forum alors que je ne souhaitais n'avoir ceci que sur la page d'accueil =/
Merci de votre aide encore
j'ai tester en enlevant la couleur des bordures de mon pa puis en mettant une couleur de fond mais ça ne donne pas un super rendu car le bord droit du fond apparait SUR le bord arrondis du contour..
J'ai modifié provisoirement le CSS comme ceci (les bordures ne sont pas encore mise)
- Code:
.bordureperso
{
border-left : 2px solid #36587D;
border-bottom : 2px solid #2E77AA;
border-right : 2px solid #2E77AA;
background-color : #2E77AA;}
et
- Code:
.forumline{
background-color: #2E77AA;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-top:5px solid #36587D;
border-bottom:5px solid #36587D;
border-left:8px solid #36587D;
border-right:8px solid #36587D;
}
Et le soucis avec cette technique c'est qu'en plus de ne pas rendre super bien ça s'applique partout sur le forum alors que je ne souhaitais n'avoir ceci que sur la page d'accueil =/
Merci de votre aide encore
Re: Css pour bordure
La seule solution serait de remplacer le forumline entièrement sur le template index_body pour enlever les autres, mais avec une bordure un peu plus large elle se noie dans la masse. Ou alors faire un tableau dans le tableau.
Exemple :
Par contre, il ne faut pas oublier que cela s'appliquera dans tous ce qui possède une catégorie ou forum. Tant que vous nêtes pas sur le sujet ça apparaitra. ça peut aussi décaler un chouia les espacement de chaque coté.
Je tente un essai demain, je ne puis avant.
Cordialement.
Exemple :
- Code:
<table class="forumline"><tr><td>
Contenu normal des catégories en enlevant le forumline
</td><tr></table>
Par contre, il ne faut pas oublier que cela s'appliquera dans tous ce qui possède une catégorie ou forum. Tant que vous nêtes pas sur le sujet ça apparaitra. ça peut aussi décaler un chouia les espacement de chaque coté.
Je tente un essai demain, je ne puis avant.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Css pour bordure
Si jamais vous n'arriviez à rien d'ici demain, je tiens a précisez que je serais absente de vendredi à lundi (je part en vacance) mon sujet restera bien entendu d'actualité...
Sur ce je vais tout de même continuer à chercher dans mon coin, merci beaucoup à toi de te pencher sur mon problème =)
Sur ce je vais tout de même continuer à chercher dans mon coin, merci beaucoup à toi de te pencher sur mon problème =)
Re: Css pour bordure
^^ Je suis de retour un peu plus tôt, j'en profite.
Essayer ceci, car mes images dans les bords ne me permettent qu'un petit aperçu :
Rajout dans votre css (class du nouveau tableau en fait):
et ce ci :
Après :
Rajoutez ceci :
Et après ceci :
Rajoutez ceci :
Cordialement.
Essayer ceci, car mes images dans les bords ne me permettent qu'un petit aperçu :
Rajout dans votre css (class du nouveau tableau en fait):
- Code:
.round{
background-color: #2E77AA;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-top:0px solid #36587D;
border-bottom:0px solid #36587D;
border-left:0px solid #36587D;
border-right:0px solid #36587D;
}
et ce ci :
Après :
- Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
Rajoutez ceci :
- Code:
<tr><td><table class="round" width="100%" border="0" cellspacing="1" cellpadding="0">
Et après ceci :
- Code:
<!-- BEGIN tablefoot -->
Rajoutez ceci :
- Code:
</table></td></tr>
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Css pour bordure
Bonjour, Attention, cela fait 7 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, dans ce cas, votre premier message et cochez l'icône A bientôt sur ForumActif |
Re: Css pour bordure
Oh je suis désolé oui ma demande est toujours bien d'actualité
ayant quelques soucis de connexion je m'attelle dés demain matin à tester ce code
ayant quelques soucis de connexion je m'attelle dés demain matin à tester ce code
Re: Css pour bordure
j'ai commencer à mettre en place votre code mais je ne trouve pas le
J'ai essayé comme ceci :
- Code:
<!-- BEGIN tablefoot -->
J'ai essayé comme ceci :
- Code:
{JAVAscript}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><td><table class="round" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN message_admin_titre -->
<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<tr>
<td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
</td>
</tr>
<!-- END message_admin_txt --></table></td></tr>
</table>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="100%" valign="top" align="center" class="row1">
<label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
</td>
</tr>
</table>
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
</span>
</td>
<td width="50%" align="right">
<span class="gensmall">
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
<!-- END switch_on_index -->
</span>
</td>
</tr>
</table>
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="100%" valign="top" align="center" class="row1">
<span class="genmed">{L_USERNAME}:</span>
<input class="post" type="text" size="10" name="username"/>
<span class="genmed">{L_PASSWORD}:</span>
<input class="post" type="password" size="10" name="password"/>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<span class="gensmall">{L_AUTO_LOGIN}</span>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
</td>
</tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline -->
<center><table cellspacing="2" cellpadding="2" width="800px" border="0" class="statistiques">
<tr>
<td width="5px"></td>
<td widht="150px"><img src="http://i79.servimg.com/u/f79/14/59/60/98/qui_es10.png"></td>
<td width="640px">
<br><center>
<span class="groupes"> <a href="http://www.thoawin.com/groupcp.forum?g=1"><font color=#A16BB8 size="2"><b>Grand Créateur</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://www.thoawin.com/groupcp.forum?g=2"><font color=#4281FF size="2"><b>Mages protecteurs</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://www.thoawin.com/groupcp.forum?g=8"><font color=#FFFFFF size="2"><b>PNJ</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><br><br>
<span class="groupes"> <a href="http://www.thoawin.com/groupcp.forum?g=6"><font color=#FC971C size="2"><b>Universitaires</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://www.thoawin.com/groupcp.forum?g=5"><font color=#03AB68 size="2"><b>VIP</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://www.thoawin.com/groupcp.forum?g=12"><font color=#0A0909 size="2"><b>Thoawien</b></font></a></span><br> <img src="http://i31.tinypic.com/mugck1.jpg">
<div style="margin-top: 6px"></div>
<span class="gensmall"><font size=1> {TOTAL_USERS}. <br><br>
{NEWEST_USER}. <br>
{TOTAL_POSTS}<br>
</font><br>
<span class="gensmall">{TOTAL_USERS_ONLINE} <br>
{LOGGED_IN_USER_LIST} </td></center></span></td>
<td width="5px"></td>
</tr>
</table>
<table width="70%" align="center" style="text-align: justify">
<tr><td><span style=">{L_CONNECTED_MEMBERS}</div></td></tr>
</table>
<table width="58%" align="center" style="text-align: justify">
<tr><td><span style=">{L_WHOSBIRTHDAY_TODAY}<br>
{RECORD_USERS}</span></td></tr>
</table></center>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NEW_POSTS}</span></td>
<td></td>
<td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td> </td>
<td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>
<!-- END switch_legend -->
{AUTO_DST}
Re: Css pour bordure
le
reprenez le template que vous m'avez fourni (sauf si changements, dans ce cas enlever seulement ce que vous avez changer sur ce sujet)
Et essayez en ré effectuant les changements que je vous ai donné.
Cordialement.
- Code:
<!-- BEGIN tablefoot -->
reprenez le template que vous m'avez fourni (sauf si changements, dans ce cas enlever seulement ce que vous avez changer sur ce sujet)
Et essayez en ré effectuant les changements que je vous ai donné.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Css pour bordure
bonsoir,
au risque de me répéter ... ( voir -->ce sujet <-- )
si vous voulez garder le CSS du "forumline" , mais rajouter des styles seulement sur
la page d'accueil et de catégorie , il faut rajouter un identifiant unique pour la table ...
ceci évite de surcharger par des tables , ou on risque de s'y perdre rapidement ...
en clair , trouvez cette ligne :
au risque de me répéter ... ( voir -->ce sujet <-- )
si vous voulez garder le CSS du "forumline" , mais rajouter des styles seulement sur
la page d'accueil et de catégorie , il faut rajouter un identifiant unique pour la table ...
ceci évite de surcharger par des tables , ou on risque de s'y perdre rapidement ...
en clair , trouvez cette ligne :
- Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
- Code:
<table class="forumline" id="category_table" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
- Code:
#category_table { /* le "dièse" indique un identifiant unique */
border-spacing:0px; /* supprime les espaces des cellules seulement sur la page d'accueil */
}
Re: Css pour bordure
SUPER
merci beaucoup 1er étape faite =)
merci beaucoup 1er étape faite =)
Sujets similaires
» Code CSS pour bordure sur les images postées
» css pour large bordure de forum
» Tableau Sans Bordure pour PA
» Bordure pour séparer les forums et les sujets
» Cherche code CSS pour bordure catégorie
» css pour large bordure de forum
» Tableau Sans Bordure pour PA
» Bordure pour séparer les forums et les sujets
» Cherche code CSS pour bordure catégorie
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum