Membres connectés récemment
[EDGE] Ajouter une bannière
2 participants
Page 1 sur 2
Page 1 sur 2 • 1, 2
- Version du forum :EDGE
- Templates modifiés :oui
- Navigateur :Firefox
Bonjour
J'ai une petite requête , je sais pas si c'est faisable .
J'essaie d'améliorer l'aspect visuel de mon forum et je voudrais ajouté cette bannière . Mais garder les couleurs sur le bandeau . j'ai fais une image png transparente mais je sais pas comment faire pour quelle utilise toutes la largeur de la page .
https://i.imgur.com/dy2HvmE.png
Si vous pouviez me dire où je peux ajouter ou modifier un peu de code . Merci beaucoup
J'ai une petite requête , je sais pas si c'est faisable .
J'essaie d'améliorer l'aspect visuel de mon forum et je voudrais ajouté cette bannière . Mais garder les couleurs sur le bandeau . j'ai fais une image png transparente mais je sais pas comment faire pour quelle utilise toutes la largeur de la page .
https://i.imgur.com/dy2HvmE.png
Si vous pouviez me dire où je peux ajouter ou modifier un peu de code . Merci beaucoup
Le résultat est dégueulasse si je laisse directement l'image https://imgur.com/bRgOzd7.png
Milouze14 aime ce message
Coucou ren,
très joli avatar .
Alors, pourquoi ne déposes tu pas cette image à la place de ton logo actuel ?
Test avec le lien de cette image:
https://i.servimg.com/u/f20/20/11/87/27/linux10.png
très joli avatar .
Alors, pourquoi ne déposes tu pas cette image à la place de ton logo actuel ?
Test avec le lien de cette image:
https://i.servimg.com/u/f20/20/11/87/27/linux10.png
ren aime ce message
Ça ne s'adapte pas . Ça fait pas beau . On voit le bord de l'image . Je voudrais que ça occupe toutes la partie colorée mais sans augmenter la hauteur ( je peux adapter l'image après )
Actuellement j'ai une image " Linux > Windows " qui est centré , mais elle ne fait pas toute la largeur de l'écran . Elle est plus petite .
Actuellement j'ai une image " Linux > Windows " qui est centré , mais elle ne fait pas toute la largeur de l'écran . Elle est plus petite .
Milouze14 aime ce message
Hum, cela risque d'être compliqué ren, mais on va essayer.
Dans un premier temps.
On va dire que l'image doit être à 100% de la largeur.
Ou as tu déposé le lien des 2 images stp ?
Ajoutes ceci dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajoutes ceci:
Penser a cliquer sur le bouton
Dans un premier temps.
On va dire que l'image doit être à 100% de la largeur.
Ou as tu déposé le lien des 2 images stp ?
Ajoutes ceci dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajoutes ceci:
- Code:
#logo img{width:100%;}
Penser a cliquer sur le bouton
ren aime ce message
Tu n'as pas ajouté la c.s.s/
https://www.milouze14.com/t33033-edge-ajouter-une-banniere#630131
Ensuite en yant les deux mêmes formats d'image on peut faire un hover car le reste me parait compromis si tu désires avoir les deux images!!
https://www.milouze14.com/t33033-edge-ajouter-une-banniere#630131
Ensuite en yant les deux mêmes formats d'image on peut faire un hover car le reste me parait compromis si tu désires avoir les deux images!!
il est là : https://imgur.com/pL9A7lN.png
pas de soucis , c'est pas urgent . Merci beaucoup très cher :)
pas de soucis , c'est pas urgent . Merci beaucoup très cher :)
Milouze14 aime ce message
Coucou ren,
merci pour les ids,
alors j'ai modifié le padding de la div qui englobe le logo(bannière) :
Auparavant
Désormais modifié ainsi, tu n'auras plus ce soucis.
L'image de ton ancien lolo:
https://i.imgur.com/Ahk9x9y.png
J'en ai profité pour mettre des commentaires pour que ce soit plus explicite.
Alors pour ton image, c'est pas très chouette mais j'ai ajouté un height de 180px à l'image afin de te faire voir le rendu :
Donc si la hauteur te convient, il faut donc avoir une image qui fasse aussi 180px.
Une fois l'image créée il faudra supprimer le height dans la css
Juste une question!!
Tu as crée une class element ?
Je t'ai donc créé une page html ou tu pourras déposer de la c.s.s
Si tu veux en ajouter d'autres, il faudra cliquer sur le petit engrenage qui au survol t'affiche une petite infobulle mentionnant "Modification en mode avancé (HTML)" .
J'ai déjà placé une bonne partie dans cette page afin de libérer de place dans la feuille de style:tatatff: .
Si tu as d'autres questions, n'hésites pas ren .
merci pour les ids,
alors j'ai modifié le padding de la div qui englobe le logo(bannière) :
Auparavant
- Code:
#logo-desc{padding:60px 30px 30px 30px}
Désormais modifié ainsi, tu n'auras plus ce soucis.
- Code:
#logo-desc{padding:60px 0px 30px 0px}
L'image de ton ancien lolo:
https://i.imgur.com/Ahk9x9y.png
J'en ai profité pour mettre des commentaires pour que ce soit plus explicite.
Alors pour ton image, c'est pas très chouette mais j'ai ajouté un height de 180px à l'image afin de te faire voir le rendu :
Donc si la hauteur te convient, il faut donc avoir une image qui fasse aussi 180px.
Une fois l'image créée il faudra supprimer le height dans la css
- Code:
/*LE LOGO*/
#logo img{width: 100%;height: 180px;}
Juste une question!!
Tu as crée une class element ?
- Code:
.element {font-family: 'Ubuntu', sans-serif;}
Je t'ai donc créé une page html ou tu pourras déposer de la c.s.s
Si tu veux en ajouter d'autres, il faudra cliquer sur le petit engrenage qui au survol t'affiche une petite infobulle mentionnant "Modification en mode avancé (HTML)" .
J'ai déjà placé une bonne partie dans cette page afin de libérer de place dans la feuille de style:tatatff: .
Si tu as d'autres questions, n'hésites pas ren .
ren aime ce message
whaou ! mais comment t'es un chou !
Merci beaucoup , je vais travailler sur l'image maintenant .
oui j'avais lu sur le fofo officiel , qu'il fallait la rajouter pour avoir la police d'installer , mais je n'utilise plus ubuntu directement maintenant . Je l'a vire ?
EDIT : Bon j'ai tout essayé , mais rien ne fonctionne . j'ai créé une image 180px de haut , j'ai enlevé la partie du code 180px , j'ai remis , retiré à nouveau . Mais c'est toujours pareil .l'image ne remplie pas toutes la partie colorée .
https://imgur.com/jrQJ1BC.png
regarde en dessous de l'image il y a une partie sans . Je penses que l'on peu pas en mettre là .
Merci beaucoup , je vais travailler sur l'image maintenant .
- Code:
.element {font-family: 'Ubuntu', sans-serif;}
oui j'avais lu sur le fofo officiel , qu'il fallait la rajouter pour avoir la police d'installer , mais je n'utilise plus ubuntu directement maintenant . Je l'a vire ?
EDIT : Bon j'ai tout essayé , mais rien ne fonctionne . j'ai créé une image 180px de haut , j'ai enlevé la partie du code 180px , j'ai remis , retiré à nouveau . Mais c'est toujours pareil .l'image ne remplie pas toutes la partie colorée .
https://imgur.com/jrQJ1BC.png
regarde en dessous de l'image il y a une partie sans . Je penses que l'on peu pas en mettre là .
Alors, tout d'abord merci pour le compliment chère amie.
Ah non, ne l'a vire pas , testes avant ceci:
Pour avoir la police Unbuntu il faut changer .element par body:
Je dois être idiot mais je ne comprend pas réellement ce que tu souhaites ren?
L'image pour moi prend bien toute la largeur 100% .
Peux tu m'éclairer avec une capture ce que tu souhaites réellement?
Ah non, ne l'a vire pas , testes avant ceci:
Pour avoir la police Unbuntu il faut changer .element par body:
- Code:
.element {font-family: 'Ubuntu', sans-serif;}
- Code:
body{font-family: 'Ubuntu', sans-serif;}
Je dois être idiot mais je ne comprend pas réellement ce que tu souhaites ren?
L'image pour moi prend bien toute la largeur 100% .
Peux tu m'éclairer avec une capture ce que tu souhaites réellement?
ren aime ce message
Pour la police d'écriture en faite j'ai choisie une autre . Est ce que je dois ajouter l'élément de cette nouvelle police ?
Oui je vais te faire un montage de ce que je souhaite . Merci vraiment beauuuuuucouuuup pour ton aide .
EDIT : Dans le FA Controle de EDGE :
J'ai mis ca 'Ubuntu', sans-serif,'Lato', sans-serif, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif dans Police Principal
Ca dans Police de titre : 'Ruda', sans-serif,'Ubuntu', sans-serif,'Lato', sans-serif, Trebuchet MS, Arial, Verdana, Sans-serif
et ca dans police de code : Source Code Pro', monospace',Lato', sans-serif, Monaco, DejaVu Sans Mono, Bitstream Vera Sans Mono, Lucida Console, monospace
ce sont des polices ( pour les premieres , les autres étaient déjà là ) spécialement pour Linux.
Du coup je dois ajouter les éléments dans le css pour chaque polices que j'ai ajouté et désire voir installer directement sur le forum pour ceux qui ne les ont pas sur leur pc ?
Re Edit : https://i.imgur.com/vuC4adE.jpg voila l'image . Toutes la partie verte doit être rempli par cette image https://i.imgur.com/5bdMCyQ.png
ou une équivalent ( en fonction de la hauteur ) .
Les textes Linux & Me + description doivent rester puisque çà s'affiche via les informations .
Voila j'espère que c'est plus claire .
Oui je vais te faire un montage de ce que je souhaite . Merci vraiment beauuuuuucouuuup pour ton aide .
EDIT : Dans le FA Controle de EDGE :
J'ai mis ca 'Ubuntu', sans-serif,'Lato', sans-serif, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif dans Police Principal
Ca dans Police de titre : 'Ruda', sans-serif,'Ubuntu', sans-serif,'Lato', sans-serif, Trebuchet MS, Arial, Verdana, Sans-serif
et ca dans police de code : Source Code Pro', monospace',Lato', sans-serif, Monaco, DejaVu Sans Mono, Bitstream Vera Sans Mono, Lucida Console, monospace
ce sont des polices ( pour les premieres , les autres étaient déjà là ) spécialement pour Linux.
Du coup je dois ajouter les éléments dans le css pour chaque polices que j'ai ajouté et désire voir installer directement sur le forum pour ceux qui ne les ont pas sur leur pc ?
Re Edit : https://i.imgur.com/vuC4adE.jpg voila l'image . Toutes la partie verte doit être rempli par cette image https://i.imgur.com/5bdMCyQ.png
ou une équivalent ( en fonction de la hauteur ) .
Les textes Linux & Me + description doivent rester puisque çà s'affiche via les informations .
Voila j'espère que c'est plus claire .
Milouze14 aime ce message
Je suis très prudente avec ma vie privée , je partage le stricte minimum , mais comme j'avais sur d'autre forum divulgué mon prénom , je peux donc le faire ici également .
Enchantée Phil , moi c'est Marie
Edit : Phil dis voir , la fonction des Hashtags que j'avais ajouté ne fonctionne plus . J'ai vu que tu l'avais déplacé et arrangé dans un nouveau css . Tu pourrais y jeter un oeil ? C'est une fonction trés importante pour le classement et retrouver des tutos pour moi :)
Enchantée Phil , moi c'est Marie
Edit : Phil dis voir , la fonction des Hashtags que j'avais ajouté ne fonctionne plus . J'ai vu que tu l'avais déplacé et arrangé dans un nouveau css . Tu pourrais y jeter un oeil ? C'est une fonction trés importante pour le classement et retrouver des tutos pour moi :)
Milouze14 aime ce message
Concernant le # oui
Concernant la Bannière à 90% , mais je penses que l'on ne pourra pas faire mieux , que la partie du titre et information est dans un cadre à part . Je vais bidouiller une image avec un fondu vers le bas pour éliminer la délimitation .
Si tu veux je passe le sujet à résolu ?
Concernant la Bannière à 90% , mais je penses que l'on ne pourra pas faire mieux , que la partie du titre et information est dans un cadre à part . Je vais bidouiller une image avec un fondu vers le bas pour éliminer la délimitation .
Si tu veux je passe le sujet à résolu ?
Milouze14 aime ce message
Page 1 sur 2 • 1, 2
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum