[Résolu] Style perso border-radius sur version mobile
Forums des sujets résolus ou archivés de l'entraide phpBB 3.3.x
Les sujets restent ouverts, un certain temps, dans le but d'apporter des informations complémentaires, au besoin.
L'entraide n'est pas autorisée.
-
- Messages : 248
- Enregistré depuis : 3 ans 4 mois
- Prénom : Rudy
- Forum phpBB : https://www.leforumrecifal.com/
- Localisation : Jurbise - Belgique
- Emploi : Retraité
Style perso border-radius sur version mobile
MessageJ'utilisais le style SE_Square qui se caractérise par des cadres aux angles droits alors qu'ils sont arrondis avec Prosilver, et avec des couleurs différentes.
Avec l'aide d'Origin j'ai finit par faire un style perso qui devrait avoir les angles arrondis, comme Prosilver, avec les couleurs de SE_Square.
Sur PC ça fonctionne très bien comme à gauche, par contre sur portable, à droite, les couleurs sont bien celles de mon style perso (= SE_Square) mais les angles sont droits comme SE_Square


D'où cela peut-il venir ?
Voici l'intégralité de mon stylesheet perso
Code : Tout sélectionner
/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
html, body {
background-image: url("images/Fond.webp"); /* Test avec Fond.webp : 400 kB ipv 2 MB */
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center center;
color: #536482;
background-color: #708090;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar, .forumbg {
background-color: #0084C4;
background-image: -webkit-linear-gradient(top, #003F5E 0%, #005C8A 2px, #0084C4 92px, #0084C4 100%);
background-image: linear-gradient(to bottom, #003F5E 0%,#005C8A 2px,#0084C4 92px,#0084C4 100%);
background-repeat: repeat-x;
border: 1px solid #4f91b6;
}
.forabg {
background-color: #0084C4;
background-image: -webkit-linear-gradient(top, #003F5E 0%, #005C8A 2px, #0084C4 92px, #0084C4 100%);
background-image: linear-gradient(to bottom, #003F5E 0%,#005C8A 2px,#0084C4 92px,#0084C4 100%);
background-repeat: repeat-x;
border: 1px solid #4f91b6;
}
.navbar {
background-color: #e5eef5;
border: 1px solid #bcd4e3;
}
.post:target .content {
color: #000080;
}
.site_logo {
background-image: url("./images/site_logo.gif");
}
/* Content container styles
----------------------------------------*/
.content {
color: #000080;
}
/* Content container styles
----------------------------------------*/
.content ul, .content ol {
margin: 0 0 0 3em;
}
/* Post-profile avatars */
.online {
background-image: url("./images/icon_user_online.gif");
}
.offline {
background-image: none;
}
-
- Messages : 2992
- Enregistré depuis : 3 ans 11 mois
- Identité : Fred Rimbert
- Forum phpBB : https://caforum.fr
- Localisation : Le Lude - Pays de la Loire
- Intérêt : GitHub
Re: Style perso border-radius sur version mobile
MessageJusqu'à présent, la plupart des styles affichent des coins à angle droit sur smartphone.
Mettre à jour son forum | Mettre à jour son style perso | Sauvegarde des fichiers du forum | Extra CSS
- Richard Stallman
-
- Messages : 203
- Enregistré depuis : 3 ans 8 mois
- Forum phpBB : https://forumgeneraliste.net/forum
- Intérêt : Forum des BBCodes
Le forum et vous
Re: Style perso border-radius sur version mobile
Message
-Gandhi
-
- Messages : 248
- Enregistré depuis : 3 ans 4 mois
- Prénom : Rudy
- Forum phpBB : https://www.leforumrecifal.com/
- Localisation : Jurbise - Belgique
- Emploi : Retraité
Re: Style perso border-radius sur version mobile
Message-
- Messages : 2992
- Enregistré depuis : 3 ans 11 mois
- Identité : Fred Rimbert
- Forum phpBB : https://caforum.fr
- Localisation : Le Lude - Pays de la Loire
- Intérêt : GitHub
Re: Style perso border-radius sur version mobile
MessageJe viens de modifier le titre du sujet afin qu'il soit en rapport avec le sujet, afin de faciliter des recherches futures.
Mettre à jour son forum | Mettre à jour son style perso | Sauvegarde des fichiers du forum | Extra CSS
- Richard Stallman
Inscrivez-vous pour participer au forum ou Connecter-vous à votre compte.