Larges et Fines Bordures

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

Résolu Larges et Fines Bordures

Message par N0izette13 le Mer 7 Avr 2010 - 7:47

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


Dernière édition par N0izette13 le Dim 11 Avr 2010 - 9:48, édité 1 fois

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Larges et Fines Bordures

Message par Invité le Mer 7 Avr 2010 - 9:17

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 ?

Invité
Invité


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

Résolu Re: Larges et Fines Bordures

Message par N0izette13 le Mer 7 Avr 2010 - 22:26

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

Pourtant le Code semble Bon ._.

Mais Merci quand Même :')


N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Larges et Fines Bordures

Message par Invité le Jeu 8 Avr 2010 - 6:30

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

Invité
Invité


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

Résolu Re: Larges et Fines Bordures

Message par N0izette13 le Jeu 8 Avr 2010 - 7:43

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 ~

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Larges et Fines Bordures

Message par Invité le Jeu 8 Avr 2010 - 10:10

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

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

Invité
Invité


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

Résolu Re: Larges et Fines Bordures

Message par N0izette13 le Jeu 8 Avr 2010 - 22:27

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

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Larges et Fines Bordures

Message par Invité le Ven 9 Avr 2010 - 6:49

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


Dernière édition par Final-Blond le Ven 9 Avr 2010 - 8:03, édité 1 fois

Invité
Invité


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

Résolu Re: Larges et Fines Bordures

Message par N0izette13 le Ven 9 Avr 2010 - 7:09

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

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Larges et Fines Bordures

Message par Invité le Ven 9 Avr 2010 - 7:50

@N0izette13 a écrit: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;

Invité
Invité


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

Résolu Re: Larges et Fines Bordures

Message par N0izette13 le Ven 9 Avr 2010 - 8:00

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 :')

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Larges et Fines Bordures

Message par Invité le Ven 9 Avr 2010 - 8:53

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.

Invité
Invité


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

Résolu Re: Larges et Fines Bordures

Message par N0izette13 le Ven 9 Avr 2010 - 22:03

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

Merci quand Même :')

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Larges et Fines Bordures

Message par Invité le Ven 9 Avr 2010 - 22:22

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

Invité
Invité


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

Résolu Re: Larges et Fines Bordures

Message par N0izette13 le Ven 9 Avr 2010 - 22:34

Final-Blond a écrit: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 :')

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Larges et Fines Bordures

Message par Invité le Ven 9 Avr 2010 - 22:53

Je peux avoir le lien du forum en question ?

Invité
Invité


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

Résolu Re: Larges et Fines Bordures

Message par N0izette13 le Ven 9 Avr 2010 - 23:01

Bien Sûr :')

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

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


N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Larges et Fines Bordures

Message par Invité le Sam 10 Avr 2010 - 14:08

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" Confused
Eh oui, ça change tout.

Invité
Invité


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

Résolu Re: Larges et Fines Bordures

Message par N0izette13 le Sam 10 Avr 2010 - 17:22

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~


Dernière édition par N0izette13 le Sam 10 Avr 2010 - 17:32, édité 1 fois

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Larges et Fines Bordures

Message par Invité le Sam 10 Avr 2010 - 17:28

Erf !
Dans ton CSS tu n'as pas mis de point avant les intitulés, alors fais un copier-coller steuplé Mr. Green
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;
}

Invité
Invité


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

Résolu Re: Larges et Fines Bordures

Message par N0izette13 le Sam 10 Avr 2010 - 17:35

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

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Larges et Fines Bordures

Message par Invité le Sam 10 Avr 2010 - 17:44

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

Invité
Invité


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

Résolu Re: Larges et Fines Bordures

Message par N0izette13 le Sam 10 Avr 2010 - 17:53

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

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Larges et Fines Bordures

Message par Invité le Sam 10 Avr 2010 - 18:20

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.

Invité
Invité


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

Résolu Re: Larges et Fines Bordures

Message par N0izette13 le Sam 10 Avr 2010 - 22:33

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 ~

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Larges et Fines Bordures

Message par Invité le Dim 11 Avr 2010 - 9:37

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

Invité
Invité


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

Résolu Re: Larges et Fines Bordures

Message par N0izette13 le Dim 11 Avr 2010 - 9:47

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

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 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