Adaptation d'un code pour tous les navigateurs [RESOLU] Bouton_activeAdaptation d'un code pour tous les navigateurs [RESOLU] Bouton_hoverAdaptation d'un code pour tous les navigateurs [RESOLU] Fb-hoverAdaptation d'un code pour tous les navigateurs [RESOLU] Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Adaptation d'un code pour tous les navigateurs [RESOLU] EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Adaptation d'un code pour tous les navigateurs [RESOLU] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Adaptation d'un code pour tous les navigateurs [RESOLU] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Adaptation d'un code pour tous les navigateurs [RESOLU] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Adaptation d'un code pour tous les navigateurs [RESOLU] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Adaptation d'un code pour tous les navigateurs [RESOLU] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Adaptation d'un code pour tous les navigateurs [RESOLU] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Adaptation d'un code pour tous les navigateurs [RESOLU] EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -38%
Ecran PC gaming 23,8″ – ACER KG241Y P3bip ...
Voir le deal
99.99 €

Partagez
 

Adaptation d'un code pour tous les navigateurs [RESOLU]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Dodixe
Dodixe
{ Membre }
{ Membre }

Féminin Messages : 17



Adaptation d'un code pour tous les navigateurs [RESOLU] Empty

    Bonjour les rois du code I love you J'ai besoin de votre aide pour démêler mes petits soucis et en apprendre un peu plus sur le codage Smile

    Dans mon cas, le problème se pose sur la barre de navigation. Voilà, entre moi (sous firefox) et mon autre admin (sous chrome), on ne voit pas la barre de navigation pareil, surtout parce que la police que j'ai décidé d'utiliser ne s'applique pas pour elle, alors j'aimerais savoir comment avoir la même police pour tous les navigateurs. Ma co-admin pense qu'il faut soit mettre un code dans le template avec une "google police" pour que tout le monde la voit sans obligatoirement l'avoir dans son ordinateur, ou sinon changer le css pour mettre des balises -moz- et -webkit- mais j'y comprends rien à ça et elle non plus alors je viens vous demander des explications.

    Voilà mon css:
    Code:
    /*modification barre de navigation*/
    a.mainmenu{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 40px;
    padding-right: 3px;
    font-family: brain flower;
      
       }
    a.mainmenu:hover{
    text-decoration: none;
    color : #A67C69;
    text-transform: uppercase;
    font-size: 30px;
    cursor: crosshair;
    font-family: brain flower;

        }
    Ce qu'elle voit: https://2img.net/r/hpimg11/pics/232935cap1415.png
    Ce que je vois: https://2img.net/r/hpimg11/pics/225408Sanstitre1.jpg


    Merci d'avance à celles ou ceux qui prendront le temps de venir m'aider, et oubliez pas, je suis une novice en code I love you

    Et si possible, m'aider aussi pour le code "météo" qui correspond à ce tuto: http://www.css-actif.com/t71-cadres-de-chaque-cote-du-forum


Dernière édition par Dodixe le Jeu 24 Oct 2013, 12:30, édité 1 fois
MessageSujet: Adaptation d'un code pour tous les navigateurs [RESOLU]   Adaptation d'un code pour tous les navigateurs [RESOLU] EmptyDim 06 Oct 2013, 13:12
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Adaptation d'un code pour tous les navigateurs [RESOLU] Empty
Le problème ne vient pas du navigateur normalement Wink, mais des polices installées sur l'ordinateur ^^. Si la personne n'a pas installé la police, elle ne verra pas la bonne police. Je suis sur Firefox, mais en allant sur le forum j'ai la même chose que ta co-admin.

Le plus facile :
Changer de police, en choisissant une sur http://www.google.com/fonts. Normalement il y en a beaucoup. Voici un tuto : http://forum.forumactif.com/t343855-utiliser-des-polices-personnalisees-avec-google-web-fonts

Sinon, si tu as la possibilité d'héberger la police sur internet, il y a une autre méthode.
MessageSujet: Re: Adaptation d'un code pour tous les navigateurs [RESOLU]   Adaptation d'un code pour tous les navigateurs [RESOLU] EmptyDim 06 Oct 2013, 14:12
Revenir en haut Aller en bas
Dodixe
Dodixe
{ Membre }
{ Membre }

Féminin Messages : 17



Adaptation d'un code pour tous les navigateurs [RESOLU] Empty
J'ai essayé mais ça ne change rien, j'ai essayé avec le CSS et le javascript et ça veut pas marcher oo

EDIT :CA Y EST J'AI TROUVEEE Smile
Merci énormément pour ton aide Adaptation d'un code pour tous les navigateurs [RESOLU] 73120010 Je te vénère Adaptation d'un code pour tous les navigateurs [RESOLU] 577704309 Adaptation d'un code pour tous les navigateurs [RESOLU] 577704309 Adaptation d'un code pour tous les navigateurs [RESOLU] 577704309

Non, mais j'ai posté la même demande autre part et on m'a donné toutes les explications, en tout cas merci de venir m'aider Smile.
Maintenant j'aimerais avoir de l'aide car c'est la même chose sauf que là, c'est le placement du "météo":

https://2img.net/r/hpimg11/pics/232935cap1415.png
https://2img.net/r/hpimg11/pics/225408Sanstitre1.jpg

Je vous donne le CSS:

Code:
/*cadres des deux côtés du forum*/
img.sidebar {
padding:1px; -moz-opacity: 0.6; margin:2px; -moz-border-radius: 4px; border: 1px solid #6e8d90;
background-color:#d4cec9
}
img.sidebar:hover {
padding:2px; -moz-opacity: 1; margin:2px; -moz-border-radius: 4px; border: 1px solid #a63f43;
}

.boxtoproundtitle {
color:#A67C69;
    font-family: times new roman;
  font-style:italic;
text-decoration:none;
-moz-border-radius:10px;
font-size:25px;
margin:0px 0px 5px 0px; padding: 3px 10px 3px 10px;
display:block;
text-align : center;
}
.box {
    background-color: #CFB1A3;
font-family: arial;
-moz-border-radius:50px;
font-size:7px;
margin:0px; padding: 3px 10px 3px 10px;
color:#FCF4F4;
}
.boxmenu {
  background-color: #CFB1A3;
-moz-border-radius:50px;
  font-family: arial;
font-size:10px;
margin:0px; padding: 3px 10px 3px 10px;
color:#FCF4F4;
}
Et voilà mon template dans overall_footer_begin:
Code:

<!-- BEGIN html_validation -->
<div>
 <div>
 <table>
 <tbody>
 <tr>
 <td>
<!-- END html_validation -->
 </td>
 <td valign="top" width="{C3SIZE}">
 <div id="{ID_RIGHT}">
 <!-- BEGIN giefmod_index2 -->
 {giefmod_index2.MODVAR}
 <!-- BEGIN saut -->
 <div style="height: {SPACE_ROW}px"></div>
 <!-- END saut -->
 <!-- END giefmod_index2 -->
 </div>
 </td>
 </tr>
 </tbody>
 </table>
 </div>
</div>
<div style="position: absolute; top: 800px; right: 320px; "><span class="boxtoproundtitle">Météo time.</span>
<div style="width: 200px; text-align: center;" class="boxmenu"><center><div style="float: left; padding-left: 0px; padding-right:3px;"> <img src="http://img4.hostingpics.net/pics/315085iconsoleil.png" style="width:50px;"></div><div style="width: 400px;  font-family: ARIAL; font-size: 10px; line-height: 10px; text-align: justify; padding: 3px 10px;"></center></div><div style="width: 200px;  font-family: ARIAL; font-size: 10px; line-height: 10px; text-align: justify; padding: 3px 10px;"><b>EN DIRECT DE GOLD COAST, AUSTRALIA. ~ Octobre 2013.</b>
<hr>Température minimale 12°C et maximale 22°C. Entrée dans l'été australien, grand soleil et quelques éclaircies par endroits.</div></div></div>

<!-- close div id="page-body" -->
<div id="page-footer">
 <div align="center">
 <div class="gen">
<!-- BEGIN html_validation -->
 </div>
 </div>
</div>
<!-- END html_validation -->
J'ai suivi ce tuto pour le faire: www.css-actif.com/t71-cadres-de-chaque-cote-du-forum
MessageSujet: Re: Adaptation d'un code pour tous les navigateurs [RESOLU]   Adaptation d'un code pour tous les navigateurs [RESOLU] EmptyDim 06 Oct 2013, 14:57
Revenir en haut Aller en bas
Contenu sponsorisé




Adaptation d'un code pour tous les navigateurs [RESOLU] Empty
MessageSujet: Re: Adaptation d'un code pour tous les navigateurs [RESOLU]   Adaptation d'un code pour tous les navigateurs [RESOLU] Empty
Revenir en haut Aller en bas
 

Adaptation d'un code pour tous les navigateurs [RESOLU]

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [résolu]Demande d'aide pour un code
» Problème Code Html pour le Profil [Résolu]
» Problème avec un code pour modifer l'avatar [Résolu]
» [RESOLU] Compatibilité entre les différents navigateurs
» Problème pour la Chatbox, et besoin d'aide pour un code

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit