Page d'accueil - index.php et non vers un article ou blog

[supersaby]

Re : Page d'accueil - index.php et non vers un article ou blog

D'ailleurs, cependant que j'y pense, je vois que le site n'a pas de problème de déformation via mon ipad. Je remarque que la rubrique "actualités" est sur une ligne en bas ce qui n'est pas esthétique, tu penses que je dois faire la modification dans quel fichier exactement ? Merci

[dolmenhir]

Re : Page d'accueil - index.php et non vers un article ou blog

Sur mon tél android j'ai tjs le pb :

certainement un problème de cache car pour moi ça fonctionne :
- sur mon imac,
- sur mon macbook
- et sur mon tel (xpéria sous android)

[dolmenhir]

Re : Page d'accueil - index.php et non vers un article ou blog

tu penses que je dois faire la modification dans quel fichier exactement ? Merci

Toutes les modifications de classes css seront à faire dans le fameux fichier associationacorps.css
C'est tout l'intérêt d'avoir un fichier pour la personnalisation, ce qui évite d'avoir à toucher aux fichiers d'origine.

pour régler ce problème, plusieurs options possibles, dont (tout prendre et coller dans le fichier associationacorps.css) :

#yt_top #top-right {
margin-top:5px;
}
#yt_top #yt_mainmenu {
margin-top:60px;
}
#meganavigator li.level1 {
float:none;
display:table-cell;
}
#yt_top #yt_mainmenu #meganavigator li.level1 > .item-link {
padding:30px 0 30px 30px;
}

ça va :
- décaler le bouton de connexion vers le haut
- descendre le menu plus bas
- rendre les items de menus solidaires sur la même ligne
- réduire légèrement l'espace entre les items de menu

et si ça coince on ajoute le !important

#yt_top #top-right {
margin-top:5px !important;
}
#yt_top #yt_mainmenu {
margin-top:60px !important;
}
#meganavigator li.level1 {
float:none !important;
display:table-cell !important;
}
#yt_top #yt_mainmenu #meganavigator li.level1 > .item-link {
padding:30px 0 30px 30px !important;
}

[dolmenhir]

Re : Page d'accueil - index.php et non vers un article ou blog

pour mieux se rendre compte des petites imperfections selon le média employé :

http://responsivetest.net/

ou

http://www.responsinator.com/

[supersaby]

Re : Page d'accueil - index.php et non vers un article ou blog

Effectivement c'était le cache, tu as raison, sur mon iphone pas de problème de déformation.
Il me restera à trouver l'espace entre les menus sur ipad mais je ferai un autre post pour ne pas tout mélanger. Merci encore à toi dolmenhir (je te garde sous le coude...).

[supersaby]

Re : Page d'accueil - index.php et non vers un article ou blog

Toutes les modifications de classes css seront à faire dans le fameux fichier associationacorps.css
C'est tout l'intérêt d'avoir un fichier pour la personnalisation, ce qui évite d'avoir à toucher aux fichiers d'origine.

pour régler ce problème, plusieurs options possibles, dont (tout prendre et coller dans le fichier associationacorps.css) :


ça va :
- décaler le bouton de connexion vers le haut
- descendre le menu plus bas
- rendre les items de menus solidaires sur la même ligne
- réduire légèrement l'espace entre les items de menu

et si ça coince on ajoute le !important

Je teste tt de suite

[supersaby]

Re : Page d'accueil - index.php et non vers un article ou blog

Magnifiqueeeeeeee, ça marche j'ai bien fais ce qu tu m'as dis :
img {
height:auto !important;
}
#yt_top #top-right {
margin-top:5px;
}
#yt_top #yt_mainmenu {
margin-top:60px;
}
#meganavigator li.level1 {
float:none;
display:table-cell;
}
#yt_top #yt_mainmenu #meganavigator li.level1 > .item-link {
padding:30px 0 30px 30px;
}

T.H.A.N.K.S

- - - Mise à jour - - -

YOU ARE A KING

- - - Mise à jour - - -

pour mieux se rendre compte des petites imperfections selon le média employé :

http://responsivetest.net/

ou
http://www.responsinator.com/

Pas mal, je prends bonne note.

[dolmenhir]

Re : Page d'accueil - index.php et non vers un article ou blog

faut que tu rajoutes ça aussi, car quand on défile verticalement, c'est une autre classe qui s'active :

#yt_top.menu-fixed #top-right {
margin-top:5px;
}
#yt_top.menu-fixed #yt_mainmenu {
margin-top:40px
}

et même modifier le code suivant

#yt_top #yt_mainmenu {
margin-top:40px;
}

40px au lieu de 60px;

[supersaby]

Re : Page d'accueil - index.php et non vers un article ou blog

Finalement le slider sur pc rend moins bien maintenant, les menus sont un peu trop bas et les petits boutons pour changer les images du slider d'accueil sont trop bas et ne rentrent plus sur la même page, je vais essayer avec important. SInon il faudra que je réduise toutes les photos du slider.

[supersaby]

Re : Page d'accueil - index.php et non vers un article ou blog

faut que tu rajoutes ça aussi, car quand on défile verticalement, c'est une autre classe qui s'active :



et même modifier le code suivant

40px au lieu de 60px;

J'avais pas vu ton post ok je modifie.

[supersaby]

Re : Page d'accueil - index.php et non vers un article ou blog

Au fait, le logo est temporaire, j'attends le futur.

[dolmenhir]

Re : Page d'accueil - index.php et non vers un article ou blog

tu peux régler le placement en hauteur de ton slider en changeant la valeur de top (actuellement à -137px)

#yt_slideshow {
top: -110px;
}

[supersaby]

Re : Page d'accueil - index.php et non vers un article ou blog

tu peux régler le placement en hauteur de ton slider en changeant la valeur de top (actuellement à -137px)

Je rajoute cette ligne dans le fichier que l'on a créé ou je le modifie autre part, j'ai pas suivi

[dolmenhir]

Re : Page d'accueil - index.php et non vers un article ou blog

Je rajouter cette ligne dans le fichier que l'on a créé ou je le modifie autre part, j'ai pas suivi

Toutes tes interventions sur le style doit à présent se faire dans le fichier que tu as créé
"associationacorps.css"
Cela te permet de modifier des classes déjà existantes sans toucher à l'original, juste en modifiant ou ajoutant des attributs.
Aucune crainte de casser quoi que ce soit.
Si ton test ne marche pas, il suffit juste de l'effacer pour que la classe originale reprenne ses droits.

Idem pour l'ajout de classe.

Faut comprendre que les feuilles de style se gèrent "en cascade", d'où leur nom (cascading style sheet).
C'est linéaire. La dernière définition d'une classe et/ou d'un attribut de classe (ex : top, margin, etc...) l'emporte sur la précédente,
sauf si dans la précédente y a un "!important".
dans ce cas, on ajoute aussi un "!important" à l'attribut modifié pour le forcer à supplanter l'autre.
ça a l'air compliqué au début, mais en fait c'est extrêmement simple à comprendre.
Comme je le dis souvent, avec les feuilles de style : "c'est la dernière qui a parlé qui a raison".

[dolmenhir]

Re : Page d'accueil - index.php et non vers un article ou blog

en modifiant le top de ton slider, il te faudra sans doute aussi réajuster le margin-bottom (actuellement à -180px)

#yt_slideshow {
top:-110px
margin-bottom: -140px;
}

Tu vois, c'est un peu comme un plat de spaguetti... ou une pelote de laine...
en tirant d'un côté, faut relâcher de l'autre, jusqu'à ce que tu trouves ton point d'équilibre.