Larges et Fines Bordures

[N0izette13]

Bonjour :'D

Bon Bah J'aimerais Savoir Comment Obtenir un Cadre avec, à l'Honrizontal une Large Bordure et à la Vertical de Fine Bordure ._. Une Image ? Ew Bien un Peu Comme Ceci :

Spoiler:

J'sais qu'il y un Code mais celui-la Fait de Large (Dépendant des Pixels) Bordure tout Autour du Forum et Non un Fin & un Large Cadre :')

Milleuw Merci à l'Avance ~

N0izette13

[Invité]

Bonjour,

Si tu mets dans le CSS là où tu voudrais ce cadre :

Code:

border-top: 2px;
border-right: 8px;
border-bottom: 2px;
border-left: 8px;

ça devrait le faire, non ?

[N0izette13]

Eww Bien je l'ai mis dans le CSS mais Sans Succès O.-

Pourtant le Code semble Bon ._.

Mais Merci quand Même :')

[Invité]

Peux-tu donner le code CSS que tu as mis en entier ?

[N0izette13]

Aww Merci de m'Aider :'D

Voici Tout mon CSS

Code:

.statistiques{
border:0px;
background-image: url("http://moe.mabul.org/up/moe/2010/03/24/img-045048ruc5v.png");
background-repeat: no-repeat;
background-position: left;
height:270px;}

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

#fonddeco {
background-color: #ABB5C7;
-moz-border-radius:8px 8px 8px 8px;
border: 3px double #ABB5C7;}

fonddeco {
background-color: #ABB5C7;
-moz-border-radius:6px;
border: 2px double #ABB5C7;
display:block;}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

table.spoiler td.quote { display: none; }
table.spoiler td.spoiler_content { display: block; }
.spoiler_content { display: block !important; }
.hidden .spoiler_content { display: none !important; }

body {
background-repeat : no-repeat;
background-position: top center;
}

a.mainmenu {
-moz-border-radius:2px;
background-color:#aaaaaa;
border-left:3px solid #444444;
border-right:3px solid #444444;
color:##777777;
font-size:12px;
font-variant:small-caps;
padding-right:5px;
text-align:center;}

border-top: 2px;
border-right: 8px;
border-bottom: 2px;
border-left: 8px;

Sinon pour le Code c'est Exactement le même ._. Pour les Valeurs même quand je change les Pixels il y a Aucun Changement ~

[Invité]

Arf, c'est pas pratique du tout cette manie de centrer les codes...

Tu as mis des border d'une largeur hors identification :

Code:

border-top: 2px;
border-right: 8px;
border-bottom: 2px;
border-left: 8px;

Donc ces bordures vont pourquoi ?
Il faut qu'il y ait un identifiant avant comme "a.mainmenu" ou ".groupe", ou je ne sais pour quel cadre tu veux cet effet...

Ensuite, si tu donnes juste une largeur à une bordure sans couleur et le style, elle ne se verra pas (je ne l'ai pas mis plus haut, sorry), donc il faut à chacune d'elle lui spécifier cela, comme par exemple :

Code:

.identifiant {border-top: 3px solid #444444;
border-right: 8px solid #444444;
border-bottom: 3px solid #444444;
border-left: 8px solid #444444;
}

[N0izette13]

Aww Désolé pour le Center car j'ai l'Habitude de Toujours Centrer mon Texte D':

Aww sinon si J'désire avoir les Bordures dans l'Ensemble de mon Forum, J'mets Quoi comme Code ._.

J'ai tout de même Essayé votre Code est Sans Succès et Puisqu'il y avait ".Identifiant" J'ai pensé que la Bordure se Placerait Quelque Part ._. Mais Non

Merci Encore de m'Aider :'D

[Invité]

Pour l'ensemble du forum, c'est à dire pour le cadre du forum ?
Et je suppose que tu voudrais les coins arrondis ? (si tu n'en veux pas, tu peux juste supprimer les 3 lignes "border-radius")...

Si oui, essaie avec :

Code:

.bodylinewidth {border-top: 3px solid #444444;
border-right: 8px solid #444444;
border-bottom: 3px solid #444444;
border-left: 8px solid #444444;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}

[N0izette13]

Aww Merci :'D

Donc J'sens qu'on y est Presque (Le Code Fonctionne !) xD Mais cela me Fait Ça :

Spoiler:

Alors on a Bien les Bordures Fines & Larges :') Mais quand J'disais dans l'Ensemble du Forum c'était en Faite "Collé" dans Chaque Catégorie ._. Puisque j'ai Rendu le Fond Transparent ~

J'me suis Peut-être Mal Exprimée ._. Sorry D':

Pour les Bordures Arrondies, Explorer ne les Aimes Pas xD

Mais Merci :'D

[Invité]

Pour les Bordures Arrondies, Explorer ne les Aimes Pas

Ce n'est pas qu'il ne les aime pas, c'est plutôt qu'il ne les lit pas alors que presque tous les autres les voient maintenant.
C'est ça de naviguer avec un navigateur qui reste à la traîne ! XD
Bon y a de l'espoir, puiqu'on dit que IE9 les verra aussi, wait and see....

Pour coller ton cadre au contenu du forum, si ce n'est que pour les côtés gauche et droite, ajoute ces lignes dans le même code précédent :

margin-left: 0px!important; margin-right: 0px!important;
padding-left: 0px!important; padding-right: 0px!important;

Si c'est pour toutes les bordures sans espace, alors ajoute simplement ces deux lignes :

margin: 0px!important;
padding: 0px!important;

[N0izette13]

Aww Bah Merci de l'Info pour EI9 xD

Bon Sinon pour mon Problème, j'ai Rajouté vos Lignes dans le Code Donné à l'Extérieur du { Sans Succès, j'ai Réessayé à l'Intérieur et Sans Résultat ._. Moi et le CSS ~

Cela me fait comme sur le ScreenShot de mon Forum D':

Mais Merci Quand Même :')

[Invité]

Ah oui, ce n'est pas tout à fait le même identifiant.
On reprend tout + un code, ce qui donne :

Code:

.bodylinewidth {border-top: 3px solid #444444;
border-right: 8px solid #444444;
border-bottom: 3px solid #444444;
border-left: 8px solid #444444;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.bodylinewidth table {padding: 0px!important;
}

Là ce devrait être bon.

[N0izette13]

Toujours Rien ._. Cette Fois-ci les Bordures N'Apparaisent Pas

Merci quand Même :')

[Invité]

Alors que ça te retire les bordures c'est que tu as dû faire une erreur, parce qu'il est bon et il fonctionne sur mon FT.

Sinon pour l'espace, remplace le deuxième code par :

bodyline {padding: 0px!important;}

[N0izette13]

Ah oui, ce n'est pas tout à fait le même identifiant.
On reprend tout + un code, ce qui donne :

Code:

.bodylinewidth {border-top: 3px solid #444444;
border-right: 8px solid #444444;
border-bottom: 3px solid #444444;
border-left: 8px solid #444444;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.bodylinewidth table {padding: 0px!important;
}

Là ce devrait être bon.

J'ai Exactement Collé Cela dans mon CSS ._. Donc il ne Peut y avoir d'Erreur ~ Sinon J'ai Remplacé l'Espace par le Code Donné et Toujours Rien D':

En tout Cas Merci Énormément de m'Aider :')

[Invité]

Je peux avoir le lien du forum en question ?

[N0izette13]

Bien Sûr :')

Je n'ai Pas Enlevé le Code ;')

http://ryuuku-gakuen.forumactif.com/forum.htm

[Invité]

Euh, si tu ne recopies pas le code à l'oeil, un copier-coller est bien plus simple !
... Il y a un point avant les deux identifiants ".bodylinewidth" et ".bodyline"
Eh oui, ça change tout.

[N0izette13]

Eww Merci :') mais J'comprend ce que vous Dîtes mais J'ne le vois pas ce Point ._. Vous pouvez le Montrez ? S'il vous Plait :')

Espérons que cela soit Ça :'D


Edit: J'ai Finalement Trouvé pour les Points, cela me fait la Bordure mais pas tout Autour :

Spoiler:

Merci à l'Avance~

[Invité]

Erf !
Dans ton CSS tu n'as pas mis de point avant les intitulés, alors fais un copier-coller steuplé

Code:

.bodylinewidth {border-top: 3px solid #444444;
border-right: 8px solid #444444;
border-bottom: 3px solid #444444;
border-left: 8px solid #444444;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.bodyline {padding: 0px!important;
}

[N0izette13]

Aww Bah Zut vous avez Été plus vite Moi :') J'ai Édité mon Post ~

Bon sinon Oui J'ai trouvé pour les Points mais cela me fait bien la Bordure Collé mais cela ne le fait pas Autour des Catégorie :

Spoiler:

Voila ce que cela me Fait ._.

Merci Beaucoup pour votre Patience xD

[Invité]

Ben pour le cadre des catégories ce n'est en effet pas la même chose, mais ça risque de vraiment faire lourd, non ?
Si je comprends bien il ne te manque que la bordure du haut et la bordure du bas :

Code:

.forumline {border-top: 3px solid #444444;
border-bottom: 3px solid #444444;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}

Je ne sais pas ce que ça donnera avec les coins arrondis...

[N0izette13]

Aww Enfin tout Semble être Presque Parfait :'D

Sauf il y a t-il un Moyen d'Enlever la Bordure qui Dépasse (Cela est Sûrement dû que mon Fond est Trans ._. )

Spoiler:

La Flèche du Bas est Seulement pour Montrer que cela Fonctionne :') La Flèche sur le Côté c'est celle là que J'aimerais enlever mais Juste ce que Dépasse ~

Merci Encore Final-Blond :'D

[Invité]

Hello...
Pour cela, il va falloir sortir le logo du cadre.

Commençons donc : Rends toi dans la partie Affichage/Templates/Général.
Ouvre le template overall_header_new en cliquant sur le rouage, et dedans, cherche cette partie (pour trouver plus facilement, fait "Ctrl+F" et entre "bodyline" dans la recherche) :

<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0">

Et rajoute la partie rouge au même endroit :

<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="montons">

Ensuite, valide, puis confirme la modification en cliquant sur le "+" vert.

» Maintenant, direction le CSS. Ajoutes y ceci :

.montons {position: absolute; top: 0px; z-index: 9; margin-left: auto; margin-right: auto; width: 75%;}
.bodylinewidth {margin-top: 475px; width: 75%;}

Confirme, et enregistre.

[N0izette13]

Aww Merci :'D

Mais Là la Bordure est au Dessus de ma Barre de Navigation ._.

Spoiler:

Donc voilà si il y a un Moyen de "Baisser" cette Bordure en Dessous de la Barre de Navigation :')

Étrangement la Description du Forum est Chevauché par ma Barre ._. Comme vous pouvez le Voir sur le ScreenShot alors s'il y a une Solution xD

Dernière Chose J'aimerais aussi Enlever un Bout du Cadre pour Passer de ça :

Spoiler:

À :

Spoiler:

Je vous Remercie Énormement ~

[Invité]

Attends, là tu demandes encore tout autre chose :
On ne peut pas donner un cadre à tout le forum est ensuite couper des bouts...
Ce que tu demandes maintenant c'est un cadre autour des catégories (qui contiennent les forums,les sections et là, ce n'est plus "bodylinewidth" mais UNIQUEMENT "forumline" :

Code:

.forumline {border-top: 3px solid #444444;
border-right: 8px solid #444444;
border-bottom: 3px solid #444444;
border-left: 8px solid #444444;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
padding: 0px!important;
}
.bodyline {padding: 0px!important;
}

Ensuite on peut encadrer le message d'accueil...

[N0izette13]

Aww Merci Final-Blond :'D

Tout Fonctionne :') J'suis Désolée de ne Pas avoir Été plus Explicite ._. En tout cas J'en Aurais Apprit sur le Code CSS pour les Bordures :'P

Merci Encore ~

N0izette13