[Réglé] Les bordures !

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.3

Modérateur : Équipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !
Répondre
Avatar du membre
Nicole k
Posteur néophyte
Posteur néophyte
Messages : 20
Enregistré le : 22 oct. 2020 à 13:13
Localisation : Paris
Contact :

Les bordures !

Message par Nicole k »

Bonjour,
Encore de l'aide, j'ai codé il y a longtemps, j'me souviens plus très bien :D

Comment ne plus générer la bordure blanche et les arrondis ?

Code : Tout sélectionner

border-style: none;

Code : Tout sélectionner

border-radius: none;
comment je les introduits dans la page du style enfant ?

Et je veux toucher aux couleurs mais je n'ai pas le nom des parties (Catégorie, forum). des ID ?

Merci
Modifié en dernier par Nicole k le 24 oct. 2020 à 12:51, modifié 1 fois.
Avatar du membre
Nicole k
Posteur néophyte
Posteur néophyte
Messages : 20
Enregistré le : 22 oct. 2020 à 13:13
Localisation : Paris
Contact :

Re: Les bordures !

Message par Nicole k »

Pour les arrondis

sur style parent je trouve :

Code : Tout sélectionner

ul ul, ol ul { list-style-type: circle; }
Style enfant, je place :

Code : Tout sélectionner

ul ul, ol ul { list-style-type: none; }
?

et sur parent il y a

Code : Tout sélectionner

ul {
	list-style-type: disc;
}
je place sur le style enfant

Code : Tout sélectionner

ul {
	list-style-type: none;
}
:?:
Avatar du membre
Nicole k
Posteur néophyte
Posteur néophyte
Messages : 20
Enregistré le : 22 oct. 2020 à 13:13
Localisation : Paris
Contact :

Re: Les bordures !

Message par Nicole k »

j'ai trouvé ça aussi dans le parent :

Code : Tout sélectionner

/* Main blocks
---------------------------------------- */
.wrap {
	border: 1px solid transparent;
	border-radius: 8px;
	margin: 0 auto;
	max-width: 1152px;
	min-width: 625px;
	padding: 15px;
}

@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
	.wrap {
		margin: 0 12px;
	}
}
Avatar du membre
Sylveretour
Maître des floodeurs
Maître des floodeurs
Messages : 2130
Enregistré le : 21 nov. 2017 à 18:24
Localisation : West Coast
Contact :

Re: Les bordures !

Message par Sylveretour »

Bonjour,

Pour commencer, met l'url de ton forum dans ton profil -> http://forums.phpbb-fr.com/ucp.php?i=164
Ainsi, cela ne te sera plus demandé dans chaque sujet 8)
https://forumerveilles.les-unis-vers.com

Pour trouver très simplement le css appliqué dans les parties voulues, je te conseille d'utiliser les outils de développement fournis dans tous les navigateurs modernes.
Tu clique droit sur la zone recherchée puis "Examiner l'élément"
Dans la partie gauche, tu voit le code html généré puis dans la partie droite le css chargé et actif pour l'endroit voulu.
Tu peut y tester en live les changements et ainsi te faciliter les modifications css.

Pour les arrondis, la règle est border-radius, pour les bordures, c'est border et ses dérivés...

Tu met les nouvelles règles modifiée dans le fichier css de ton style afin qu'elles prennent le pas sur prosilver.
Ne pas oublier de vider le cache du forum pour faire les prises en compte ou tout simplement un refresh du cache navigateur (ctrl + F5) quand tu est en développement.
Avatar du membre
Nicole k
Posteur néophyte
Posteur néophyte
Messages : 20
Enregistré le : 22 oct. 2020 à 13:13
Localisation : Paris
Contact :

Re: Les bordures !

Message par Nicole k »

Merci infiniment !
Je ne connaissais pas les modifications en live via l'inspecteur du navigateur.
Merci, Silveretour.
Avatar du membre
Sylveretour
Maître des floodeurs
Maître des floodeurs
Messages : 2130
Enregistré le : 21 nov. 2017 à 18:24
Localisation : West Coast
Contact :

Re: Les bordures !

Message par Sylveretour »

Tu a donc bien fait ce que tu souhaitait 8)
Par contre, tout le contenu totalement collé aux bord, c'est pas trop top :shock:
Je te conseille d'ajouter une légère marge pour rendre cela plus harmonieux, met padding: 5px; dans ta classe wrap...
Avatar du membre
Nicole k
Posteur néophyte
Posteur néophyte
Messages : 20
Enregistré le : 22 oct. 2020 à 13:13
Localisation : Paris
Contact :

Re: Les bordures !

Message par Nicole k »

oui j'ai fini par trouver toute seule... :P
par contre pour les forums, je n'arrive pas à centrer à la verticale dans leur cellule les noms "sujets" "messages" et "dernier message"...
Avatar du membre
Sylveretour
Maître des floodeurs
Maître des floodeurs
Messages : 2130
Enregistré le : 21 nov. 2017 à 18:24
Localisation : West Coast
Contact :

Re: Les bordures !

Message par Sylveretour »

Les invités n'ayant pas le moindre forum visible, impossible de voir tout cela :?
Avatar du membre
Nicole k
Posteur néophyte
Posteur néophyte
Messages : 20
Enregistré le : 22 oct. 2020 à 13:13
Localisation : Paris
Contact :

Re: Les bordures !

Message par Nicole k »

Rectifié.
Avatar du membre
Steph
Administrateur
Administrateur
Messages : 21340
Enregistré le : 29 déc. 2008 à 15:48
Localisation : Alsace / Bas-Rhin / France
Contact :

Re: Les bordures !

Message par Steph »

Salut,

Attention à respecter la règle d’un sujet par demande différente. Nous fonctionnons sur la base d’un sujet = une demande = un auteur
Avatar du membre
Sylveretour
Maître des floodeurs
Maître des floodeurs
Messages : 2130
Enregistré le : 21 nov. 2017 à 18:24
Localisation : West Coast
Contact :

Re: Les bordures !

Message par Sylveretour »

Sujets et Messages sont bien centrés en origine.
Pour centrer "Dernier message", ajoute cette règle :

Code : Tout sélectionner

dd.lastpost {
	text-align: center;
}
Répondre

Retourner vers « [3.3.x] Modifications et recherche de styles »

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 2 invités