Changer l'icône portfolio de DIVI par mon logo

wp-infinity
ThemeForestElegantThemes

Merci de vous inscrire pour participer au forum
Invité

Rechercher

— Forum Scope —




— Correspondances —





— Options du forum —





La longueur minimum du terme à rechercher est 3caractère - la longueur maximum est de 84 caractères

S'inscrire Mot de passe oublié ?
forum-theme
Changer l'icône portfolio de DIVI par mon logo
100son
Corrèze
Modérateur
Membres

Modérateurs
Messages du forum : 115
Membre depuis :
27 novembre 2014
sp_UserOfflineSmall Hors ligne
1
22 mars 2015 - 20:39
sp_Permalink sp_Print sp_EditHistory

Salut,

J'aimerais personnaliser certaines icônes sur un de mes sites, notamment celle du portfolio au passage de la souris sur l'image à la une utilisée. (Le (+) orange sur l'image jointe)

zoom.jpgImage Enlarger

Je me promène dans les dossiers du thème, je ne trouve pas... C'est un truc que j'avais modifié sur le thème Port de chez themetrust, j'avais facilement trouvé les icônes utilisées pour le menu, la flèche de scroll, etc. J'avais juste à mettre le .png fait maison avec le même nom

Alors, on est peut-être sur une config différente chez Divi (JS, ou autre truc loin de mes compétences), ou simplement je suis perdu dans les sous-dossiers ^^

Merci d'avance pour vos éclaircissements ;)

sp_PlupAttachments Pièces jointes

cratylik.com Fusion, Rock Instrumental | flaviensabot.com Artiste peintre | solid-art.fr Collectif de sculpteurs à la tronçonneuse

100son
Corrèze
Modérateur
Membres

Modérateurs
Messages du forum : 115
Membre depuis :
27 novembre 2014
sp_UserOfflineSmall Hors ligne
2
22 mars 2015 - 20:45
sp_Permalink sp_Print

Ce serait pas la police ETmodules placée dans le dossier /font par hasard ?

cratylik.com Fusion, Rock Instrumental | flaviensabot.com Artiste peintre | solid-art.fr Collectif de sculpteurs à la tronçonneuse

Avatar
Sylvain
Modérateur
Membres

Modérateurs
Messages du forum : 195
Membre depuis :
6 janvier 2014
sp_UserOfflineSmall Hors ligne
3
27 mars 2015 - 14:01
sp_Permalink sp_Print

Salut 100son, si tu as toujours besoin donnes moi un lien vers une de tes pages qui présente l'image à changer, je t'indiquerais son emplacement et la marche à suivre.

Avatar
Thibaud
Administrateur
Messages du forum : 345
Membre depuis :
30 septembre 2012
sp_UserOfflineSmall Hors ligne
4
27 mars 2015 - 14:08
sp_Permalink sp_Print sp_EditHistory

Sylvain s'est un peu avancé.. Ce n'est pas une image mais tu peux modifier sa classe css : 

.et_overlay

100son
Corrèze
Modérateur
Membres

Modérateurs
Messages du forum : 115
Membre depuis :
27 novembre 2014
sp_UserOfflineSmall Hors ligne
5
29 mai 2015 - 00:23
sp_Permalink sp_Print

Hello,

Je déterre ce topic puisque le site est maintenant accessible. http://flaviensabot.com

C'est un ami pour qui je bosse régulièrement, je fais des photos de ses toiles, pas mal d'agencement photoshop (à mon niveau on ne parle pas de graphisme), et bien sûr le site.
D'ailleurs n'hésitez pas à donner votre avis, surtout sur le site en lui-même, pas spécialement sur le travail de l'artiste. J'ai essayé d'être créatif et de passer quelques caps techniques. Ca a été un travail assez costaud et long dont je suis satisfait à 74% ^^

 

Pour revenir à ce qui m'intéressait, c'était donc de remplacer l'image (+) qui s'affiche en overlay sur les thumbnails par une créée à partir du logo qu'on peut voir en page d'accueil et dans le header/footer des pages.

Comme je disais sur le 1er post, sur un autre thème (Port de chez Themetrust) j'avais pu remplacer ce genre de truc assez facilement puisqu'il s'agissait de simples .png. J'ai seulement créé mes propres images et j'ai remplacé celle de base en mettant le même nom de fichier.

Sur Divi ça me semble plus complexe. Vraisemblablement, le thème se sert de la police ETmodules_v2 qu'on trouve dans le répertoire /fonts.

Donc pourquoi pas changer aussi l'animation en ajoutant une classe css, d'autant plus que Elegant Themes donnent quelques tricks sympa, mais pour le moment ce n'est pas ce que je veux faire.
Ou alors dans cette nouvelle classe css j'y intègre une image png pour remplacer cette police, comme ça je suis tranquille. Mais ça dépasse pas mal mes compétences...

 

Voilà, c'est vraiment un détail mais qui pour moi ajouterait une touche d'originalité à ce site que je pense déjà assez peu commun pour un artiste peintre. Et c'est le genre de trick que j'aimerais maîtriser un peu. Bon, j'avoue, c'est une lubie que j'ai depuis que j'y ai pensé.

 

Merci Wink
(Je vais essayer d'être un peu plus actif sur le forum, c'est un peu en dents de scie pour le moment, ça fait plaisir de voir de l'activité régulièrement)

cratylik.com Fusion, Rock Instrumental | flaviensabot.com Artiste peintre | solid-art.fr Collectif de sculpteurs à la tronçonneuse

Avatar
Thibaud
Administrateur
Messages du forum : 345
Membre depuis :
30 septembre 2012
sp_UserOfflineSmall Hors ligne
6
30 mai 2015 - 17:44
sp_Permalink sp_Print

Salut 100son, super sympa le site.

De nouveau tu peux jouer avec ta class css. Essaye un clic droit > Inspecter. Mais pour la remplacer avec le logo ça va être un peu compliqué. Pour l'animation et quelques modifications (couleur, taille, etc) c'est facile.

.et_overlay:before {
 content: '\e050';
 position: absolute;
 top: 55%;
 left: 50%;
 margin: -14px 0 0 -14px;
 font-size: 12px;
 -moz-transition: all 0.4s;
 -webkit-transition: all 0.4s;
 transition: all 0.4s;
}
Avatar
Sylvain
Modérateur
Membres

Modérateurs
Messages du forum : 195
Membre depuis :
6 janvier 2014
sp_UserOfflineSmall Hors ligne
7
30 mai 2015 - 18:04
sp_Permalink sp_Print

Hello 100son, pas trop le temps juste là mais tu peux essayer d'ajouter ton logo en superposition. Voilà une piste (on voit déjà ton logo dépasser à droite du signe + de cette façon) :

et_overlay:before 

content: '\e050';
position: absolute;
top: 55%;
left: 50%;
margin: -14px 0 0 -14px;
font-size: 50px;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
background-image: url("http://flaviensabot.com/wp-content/uploads/2015/05/logo-flavien-sabot-accueil-130.png");

}

100son
Corrèze
Modérateur
Membres

Modérateurs
Messages du forum : 115
Membre depuis :
27 novembre 2014
sp_UserOfflineSmall Hors ligne
8
2 juin 2015 - 23:47
sp_Permalink sp_Print

Salut Sylvain,

Merci beaucoup, très bonne piste ! ^^

Je vais potasser tout ça. Il faut vraiment que je fasse une formation en CSS, ça doit être cool quand on maîtrise un peu.

cratylik.com Fusion, Rock Instrumental | flaviensabot.com Artiste peintre | solid-art.fr Collectif de sculpteurs à la tronçonneuse

100son
Corrèze
Modérateur
Membres

Modérateurs
Messages du forum : 115
Membre depuis :
27 novembre 2014
sp_UserOfflineSmall Hors ligne
9
3 juin 2015 - 01:20
sp_Permalink sp_Print

J'ai trouvé, super ! Smile

Le logo est content: '\e050';
Il suffit de remplacer par une image puis d'adapter sa position en fonction de sa taille

L'image est pas parfaite, j'y reviendrais. En tout cas ça a l'air de fonctionner nickel.
Je ne pensais pas y arriver si facilement.

Merci !

Donc mon code donne :

.et_overlay:before { 
content: url("http://flaviensabot.com/wp-content/uploads/2015/06/icone-overlay-logo-orange-35.png");
position: absolute;
margin: -18px 0 0 -17px;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;

cratylik.com Fusion, Rock Instrumental | flaviensabot.com Artiste peintre | solid-art.fr Collectif de sculpteurs à la tronçonneuse

Avatar
Sylvain
Modérateur
Membres

Modérateurs
Messages du forum : 195
Membre depuis :
6 janvier 2014
sp_UserOfflineSmall Hors ligne
10
3 juin 2015 - 19:08
sp_Permalink sp_Print

Super, bravo 100son. Et merci pour le partage.

Avatar
Thibaud
Administrateur
Messages du forum : 345
Membre depuis :
30 septembre 2012
sp_UserOfflineSmall Hors ligne
11
3 juin 2015 - 19:09
sp_Permalink sp_Print

Très beau rendu !

Avatar
SPITI
lyon
Modérateur
Membres

Modérateurs
Messages du forum : 62
Membre depuis :
6 janvier 2015
sp_UserOfflineSmall Hors ligne
12
4 juin 2015 - 15:54
sp_Permalink sp_Print

Bravo 100son, ton site est magnifique, beau boulot..

Fuseau horaire du forum :Europe/Paris

Nb max. d'utilisateurs en ligne :574

Actuellement en ligne :
6 Invité(s)

Actuellement sur cette page :
1 Invité(s)

Auteurs les plus actifs :

BrunoT: 52

vKr_Onii: 42

bosschris: 39

athox: 26

Martine677: 25

monchihuahua: 25

Dan: 24

regisbor33: 23

monblogestunroman: 23

Nouveaux membres :

josehartsock1

Talisker25

maziecrocker

barbpaulk0349

Djiman

sherrillv03

latashaflagg556

jefferybustamant

niklasm62431705

Statistiques du forum :

Groupes :3

Forums :9

Topics :702

Posts :2782

 

Statistiques des membres :

Invités: 23

Membres : 8655

Modérateurs : 27

Admins: 1

Administrateurs :Thibaud

Modérateurs :Sylvain, bruno, david, Catherine0614, zapps, soborne, Mojiezuo, Soufian Ait Tirite, Jeff, redwhirl, sigridregnier, Jess, Malles, spleen13, Alain2choeur, kaepaul, negativenetwork, Pictures4events, 100son, Ben 44, Ailpp84, joecab, SPITI, Fatalys, Therese, P-x3l, Gayraud Marina