Emplacement dossier content [resolu]

[thomas767]

Bonjour,

 

je ne trouve pas le dossier ou sont stocké certains logos, certaines images.

Dans le css on voit souvent  ex: " content : "f058";   je cherche ou sont stocké ces données.

 

Merci

thomas

Edited August 29, 2014 by thomas767 (see edit history)

[ventesites]

ce ne sont pas des images, c'est une police d'icones : FontAwesome et les codes comme content:"f058" servent a appeller des icones

 

donc la police FontAwesone est dans ton dossier theme>font

 

tu les as toutes sur cette page

 

http://fortawesome.github.io/Font-Awesome/icons/

 

cette police est appelle sur ta page global.css vers la ligne 3817

 

@font-face {
  font-family: 'FontAwesome';
  src: url("../font/fontawesome-webfont.eot?v=3.2.1");
  src: url("../font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../font/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("../font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal; }
 

tu peux ajouter d'autres fontes de la meme facon si tu veux les utiliser sur tes pages

 

http://www.fontsquirrel.com/

Edited August 27, 2014 by ventesites (see edit history)

[thomas767]

Merci beaucoup pour vos précisions, Elles m'ont beaucoup aidé.

[ventesites]

le systeme est pratique car ca permet d'utiliser les polices que tu veux par exemple pour les titres SANS avoir a utiliser les fonts Google...

 

perso j'ai aucune confiance la dedans, a tout moment Google peut rendre ca payant vu que les gens utilisent leur bande passante et que de toute facon ca finit quasiment toujours comme ca avec les produits Google utiles, c'est gratuit jusqu'a ce que ca ne le soit plus....

 

vaut mieux etre independant avec ses polices installées sur son serveur.

 

par exemple j'ai installe le dossier "lobster" sur mon serveur, dans global.css je la declare comme ca:

 

@font-face
{
  font-family: 'Lobster';
  src: url("../css/Lobster/Lobster_1.3.otf");
}
 

et ensuite dans ma classe de titre je l'appelle comme n'importe quelle autre police

 

font-family:"Lobster";

 

voili voilou

[thomas767]

En effet, je vais faire comme toi alors. Merci du tuyau

 

Dis moi, j'ai posé cette question pour le content car à la base je voulais remplacer les logo facebook; twitter etc dans le social block par des images à moi ( ce serait toujours des liens vers facebok et twitter ).

 

Donc le code css pour facebook ou twitter c'est juste cette ligne à chaque fois

content : "fo58";

j'ai essayé de remplacer par

background : url(.....le chemin de mon image )

( j'ai essayé le code dans une autre partie du site et l'image s'affiche, donc la ligne de code est correct l'image est bien )

Mais rien ne s'affiche si je le met à la place du content dans le social block, tu as une idée ?

 

ps il  aurait une image pour twitter une pour facebook une pour youtube etc

version 1.6

Edited August 30, 2014 by thomas767 (see edit history)

[ventesites]

j'en suis pas encore la mais je vais modifier ca aussi par des photos, voila comment je vais faire, je pense qu'il faut modifier le template

 

blocksocial->blocksocial.tpl

 

exemple pour twitter tu as ca :

 

{if $twitter_url != ''}
            <li class="twitter">
                <a target="_blank" href="{$twitter_url|escape:html:'UTF-8'}">
                    <span>{l s='Twitter' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}

 

mets ton image twitter dans ton dossier img et remplace par

 

{if $twitter_url != ''}
            <li class="">
                <a target="_blank" href="{$twitter_url|escape:html:'UTF-8'}">
                   <img src="../img/montwitter.jpg" width="" height="" alt="">
                </a>
            </li>
        {/if}

 

logiquement si tu n'appelles pas la classe CSS twitter qui elle ne sert qu'a appeller l'icone de Fontawesome, tu en es debarrassé, d''ailleurs meme le <li class=""> c'est possible que ca ne serve pas a grand chose

Edited August 30, 2014 by ventesites (see edit history)

[thomas767]

.footer-container #footer #social_block ul li.facebook a:before {    /*block social test*/
            content: "\f09a"; }

code css supprimé

{if $twitter_url != ''}
            <li class="">
                <a target="_blank" href="{$twitter_url|escape:html:'UTF-8'}">
                   <img src="../../img/twitter.png" width="291px" height="122px" alt="">
                </a>
            </li>
        {/if}

tpl modifié

 

 

et sa affiche le cadre en pointillé de 291px par 122px  et au mileu genre une toute petite image ( celle qui te dis que ce que tu essaie a pas marché :-p ) c'est ps mon image mais une image beug par défault

 

dans le code je t'ai montré facebook et twitter mais j'ai bien modifié et supprimé le meme quand j'ai testé

Edited August 30, 2014 by thomas767 (see edit history)

[ventesites]

tu n'as pas une image ou quelque chose car j'ai pas franchement idée du problème sans rien voir....