[Résolu]Mettre le logo et le titre côte-à-côte
2 participants
Communauté francophone - Jimdo :: Utiliser Jimdo :: Structure d'une page (navigation/header/sidebar/footer) :: Header
Page 1 sur 1
[Résolu]Mettre le logo et le titre côte-à-côte
Bonjour les Jimdoïstes !
Je suis nouvelle avec Jimdo, dont un ancien membre de notre asso nous en a parlé, puisqu'il a monté un site en rapport avec sa communauté.
Pour donner un background, je fais partie du C.A d'une association de personnes handicapées visuelles (je le suis d'ailleurs), et jusqu'à récemment, nous avions un site avec nom de domaine, mais puisque c'était le genre de site monté par quelqu'un qui est externe à l'asso et que c'était géré avec un truc du genre Frontpage, et qu'il n'était plus maintenu depuis 2 ans, il était impossible pour nous de le mettre à jour. De plus, ironiquement, le site en plus d'être tristounet, n'était pas très accessible. Puis ce mois-ci, nous avons appris que le nom de domaine a été racheté par un site porno et nous n'avions eu aucun courriel pour nous avertir pour qu'on renouvelle. Donc byebye le site. Mais anyway, il faisait franchement dur. Par contre, il a fallu avertir toutes les associations locales ainsi que les regroupements et autres organisations en rapport avec la déficience visuelle, afin d'enlever le lien de leurs sites.
On pensait en premier ne garder que notre Facebook, mais puisque notre ancien membre de C.A nous a parlé de Jimdo et que je suis la seule dans le C.A à être calée en informatique, c'est donc moi qui m'occuperais de le monter, pour ensuite pouvoir montrer le fonctionnement à notre coordonnatrice, afin que la mise à jour soit faite par une personne interne au C.A cette fois-ci. Donc je viens de créer un site en prenant tout de suite le bon sous-domaine, mais pour le moment, il sert pour des tests, puisque nous aurons notre C.A dans un peu plus d'une semaine et donc nous en discuterons. Mais d'ici-là, j'aurai eu le temps de tester la bête.
Là, maintenant voici ma question : Sans devoir modifier le CSS, je n'ai pas trouver de moyen de mettre le logo à côté du titre et non au dessus, car je trouve qu'un ti-logo carré au milieu, ça fait perte d'espace. Y a-t-il un moyen de le faire sans modifier directement le CSS, car mettons que j'ai déjà pas mal fait de changements dans les couleurs et polices en misant sur la lisibilité. Pour info, le design actuel est Madrid.
Au pire des cas, admettons que je modifierais le CSS, j'espère que ça n'impactera pas trop sur le rendu sur mobile, car je sais pas si Jimdo utilise la méthode du responsive design ou celle du design séparé. Car j'ai appris HTML et CSS vers fin 2006, soit dans le temps où OpenClassrooms s'appelait encore Le Site du Zéro, et où la norme recommandée était XHTML 1.0 et CSS 2, je ne suis donc pas très à jour au niveau du CSS3, ce qui fait que je connais surtout la méthode du flottant.
Vous pouvez voir le site dans mon profil, mais ne faites pas attention au logo pixelisé à mort et aux fanarts (de mon cru) dans certaines pages, je testais avec ce que j'avais sous la main comme images. Pour le logo, si à l'asso il n'y a pas de version de meilleure qualité, je le redessinerai sous Gimp.
Excusez-là pour le roman, mais puisque je ne pouvais me présenter ailleurs, bah je me suis présentée ici avant de poser ma question.
Merci d'avance.
Je suis nouvelle avec Jimdo, dont un ancien membre de notre asso nous en a parlé, puisqu'il a monté un site en rapport avec sa communauté.
Pour donner un background, je fais partie du C.A d'une association de personnes handicapées visuelles (je le suis d'ailleurs), et jusqu'à récemment, nous avions un site avec nom de domaine, mais puisque c'était le genre de site monté par quelqu'un qui est externe à l'asso et que c'était géré avec un truc du genre Frontpage, et qu'il n'était plus maintenu depuis 2 ans, il était impossible pour nous de le mettre à jour. De plus, ironiquement, le site en plus d'être tristounet, n'était pas très accessible. Puis ce mois-ci, nous avons appris que le nom de domaine a été racheté par un site porno et nous n'avions eu aucun courriel pour nous avertir pour qu'on renouvelle. Donc byebye le site. Mais anyway, il faisait franchement dur. Par contre, il a fallu avertir toutes les associations locales ainsi que les regroupements et autres organisations en rapport avec la déficience visuelle, afin d'enlever le lien de leurs sites.
On pensait en premier ne garder que notre Facebook, mais puisque notre ancien membre de C.A nous a parlé de Jimdo et que je suis la seule dans le C.A à être calée en informatique, c'est donc moi qui m'occuperais de le monter, pour ensuite pouvoir montrer le fonctionnement à notre coordonnatrice, afin que la mise à jour soit faite par une personne interne au C.A cette fois-ci. Donc je viens de créer un site en prenant tout de suite le bon sous-domaine, mais pour le moment, il sert pour des tests, puisque nous aurons notre C.A dans un peu plus d'une semaine et donc nous en discuterons. Mais d'ici-là, j'aurai eu le temps de tester la bête.
Là, maintenant voici ma question : Sans devoir modifier le CSS, je n'ai pas trouver de moyen de mettre le logo à côté du titre et non au dessus, car je trouve qu'un ti-logo carré au milieu, ça fait perte d'espace. Y a-t-il un moyen de le faire sans modifier directement le CSS, car mettons que j'ai déjà pas mal fait de changements dans les couleurs et polices en misant sur la lisibilité. Pour info, le design actuel est Madrid.
Au pire des cas, admettons que je modifierais le CSS, j'espère que ça n'impactera pas trop sur le rendu sur mobile, car je sais pas si Jimdo utilise la méthode du responsive design ou celle du design séparé. Car j'ai appris HTML et CSS vers fin 2006, soit dans le temps où OpenClassrooms s'appelait encore Le Site du Zéro, et où la norme recommandée était XHTML 1.0 et CSS 2, je ne suis donc pas très à jour au niveau du CSS3, ce qui fait que je connais surtout la méthode du flottant.
Vous pouvez voir le site dans mon profil, mais ne faites pas attention au logo pixelisé à mort et aux fanarts (de mon cru) dans certaines pages, je testais avec ce que j'avais sous la main comme images. Pour le logo, si à l'asso il n'y a pas de version de meilleure qualité, je le redessinerai sous Gimp.
Excusez-là pour le roman, mais puisque je ne pouvais me présenter ailleurs, bah je me suis présentée ici avant de poser ma question.
Merci d'avance.
Dernière édition par Ishimaru Chiaki le Mer 27 Jan 2016 - 9:16, édité 1 fois
Re: [Résolu]Mettre le logo et le titre côte-à-côte
Bonjour
Bienvenue sur notre forum.
Madrid fait partie des design optimisés pour le responsive.
Certains designs proposent le logo et le titre alignés, et il est vraiment préférable de les choisir si cette disposition est importante. Il n'est pas possible de changer cela à moins d'insérer du code. Vous pouvez utiliser bien entendu le CSS 2.0 et les propriétés float, clear.
Dans "modifier le Head" vous pouvez insérer une nouvelle feuille de style, du javascript, des meta, des polices et tout ce qu'on met dans le Head a priori.
il faut appliquer un protocole particulier mais simple : déclarer le type de contenu par des balises de type :
Vous pouvez aussi inscrire sur une page particulière du code dans un module html, mais les css sont dans le "modifier le Head".
Soyez prudent(e) sur les codes qui pourraient ne pas satisfaire les exigences de la responsivité, à moins que vos visiteurs n'utilisent jamais de mobile. Je vois que vous avez des sous-menus qui passent par devant le texte en fenêtre étroite.
Bienvenue sur notre forum.
Madrid fait partie des design optimisés pour le responsive.
Certains designs proposent le logo et le titre alignés, et il est vraiment préférable de les choisir si cette disposition est importante. Il n'est pas possible de changer cela à moins d'insérer du code. Vous pouvez utiliser bien entendu le CSS 2.0 et les propriétés float, clear.
Dans "modifier le Head" vous pouvez insérer une nouvelle feuille de style, du javascript, des meta, des polices et tout ce qu'on met dans le Head a priori.
il faut appliquer un protocole particulier mais simple : déclarer le type de contenu par des balises de type :
- Code:
<style type="text/css">
/*<![CDATA[*/
(ici, les codes de modification CSS)
/*]]>*/
</style>
Vous pouvez aussi inscrire sur une page particulière du code dans un module html, mais les css sont dans le "modifier le Head".
Soyez prudent(e) sur les codes qui pourraient ne pas satisfaire les exigences de la responsivité, à moins que vos visiteurs n'utilisent jamais de mobile. Je vois que vous avez des sous-menus qui passent par devant le texte en fenêtre étroite.
Re: [Résolu]Mettre le logo et le titre côte-à-côte
Bonjour, et avec un peu de retard merci.
J'ai finalement opté pour un autre design et donc j'ai pris Chicago qui a la caractéristique voulue.
Et pour le menu qui embarque, cela ne semble plus être le cas avec le changement de design. Je viens de tester en réduisant la largeur de ma fenêtre et ça semble aller.
Après, il va me rester à pouvoir changer les couleurs dans la version mobile, car mettons que le fond vert pomme c'est pas ce qui a de plus aisé.
J'ai finalement opté pour un autre design et donc j'ai pris Chicago qui a la caractéristique voulue.
Et pour le menu qui embarque, cela ne semble plus être le cas avec le changement de design. Je viens de tester en réduisant la largeur de ma fenêtre et ça semble aller.
Après, il va me rester à pouvoir changer les couleurs dans la version mobile, car mettons que le fond vert pomme c'est pas ce qui a de plus aisé.
Sujets similaires
» Logo et titre côte à côte
» Projet de déplacement d'articles dans des colonnes côte à côte
» Mettre la sidebar sur le côté
» Mettre des barres verticales de couleur sur le côté du texte
» Chevauchement zones Titre et Logo (bug design Madrid résolu)
» Projet de déplacement d'articles dans des colonnes côte à côte
» Mettre la sidebar sur le côté
» Mettre des barres verticales de couleur sur le côté du texte
» Chevauchement zones Titre et Logo (bug design Madrid résolu)
Communauté francophone - Jimdo :: Utiliser Jimdo :: Structure d'une page (navigation/header/sidebar/footer) :: Header
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|