modifier la taille de l'ecriture du titre de la categorie

Tout ce qui concerne le squelette d'un site.
Trouver toute l'aide sur le graphisme, Xhtml, Html, Css...

modifier la taille de l'ecriture du titre de la categorie

Messagede max-affaires » Sam 16 Mai 2009 12:30

bonjour a tous

je souhaite modifier la taille de l'ecriture de la categorie dans la page d'accueil de l'annuaire mais uniquement le titre de la categorie j'ai fais une modif de fichier template/categorie/list.tpl

comme ceci mais sa modifie aussi l ecriture quand on rentre dans la categorie choisi

Code: Tout sélectionner
{if !empty($categoriesList)}
<div class="column_in">
{for start=0 stop=2 step=1 value=columnNr}
{if $categoriesList|@count > $columnNr}
    <div class="menucategories">
    <ul>
{for start=$columnNr stop=$categoriesList|@count step=2 value=i}{assign var=category value=$categoriesList[$i] }
      <li>
        <a href="{"/site/category/$category.categoryId/%s/1"|url:$category.name}" title="{$category.name}">
{if $setting.categoriesImages}
        <img src="{"/uploads/images_categories/$category.imageSrc"|resurl}" alt="{$category.name}" class="category_image"/>
{/if}
<u><font size="6">{$category.name}</font></u></a>
        <span class="text_numbers">({$category.validatedSitesCount})</span>
      </li>
{if !empty($category.subcategories)}
      <li class="subcat">
{foreach from=$category.subcategories value=subcategory}
        <a href="{"/site/category/$subcategory.categoryId/%s/1"|url:$subcategory.name}" title="{$subcategory.name}">
        <img src="{"/uploads/images_categories/$subcategory.imageSrc"|resurl}" alt="{$subcategory.name}" class="subcategory_image"/></a>
{/foreach}
      </li>
{/if}

{/for}
    </ul>
    </div>
{/if}
{/for}
</div>
{/if}


est ce que y a une autre solution notament par le biais du fichier css

merci
http://www.annuairedesmarques.fr hébergeur mutualisé amen version arfooo 1.9 template studiopressgreen
http://annuaire.max-affaires.com hébergeur dédié ovh version arfooo 1.9
max-affaires
 
Messages: 78
Inscription: Ven 17 Oct 2008 21:39
Localisation: marseille


Re: modifier la taille de l'ecriture du titre de la categorie

Messagede kalymero » Dim 17 Mai 2009 09:35

Bonjour,

La solution est dans : css/style.css

Cherche la class qui correspond au changement que tu veux faire, copies la et donne lui un nouveau nom avec les modifs que tu veux faire par exemple :

.menucategories li a, .menucategories li a:link, .menucategories li a:visited {
margin:0;
padding:0;
padding-right:3px;
display:inline;
padding-left:3px;
color:#000000;
background-color:#ffffff;
font-size:1.2em;
text-decoration:none;
line-height:20px;
height:20px;
width:378px;
voice-family:inherit;
}

une fois modifié tu changes menucategories en menucategories_1 et dans le fichier list.tpl tu fais de meme, mais laisse la version original, elle gene pas et peut etre utilisé ailleurs.

j'espère que j'ai été clair

------{@
kalymero
 
Messages: 77
Inscription: Dim 3 Mai 2009 12:11
Localisation: France

Re: modifier la taille de l'ecriture du titre de la categorie

Messagede max-affaires » Dim 17 Mai 2009 13:17

je v tester sa merci de ton aide
http://www.annuairedesmarques.fr hébergeur mutualisé amen version arfooo 1.9 template studiopressgreen
http://annuaire.max-affaires.com hébergeur dédié ovh version arfooo 1.9
max-affaires
 
Messages: 78
Inscription: Ven 17 Oct 2008 21:39
Localisation: marseille

Re: modifier la taille de l'ecriture du titre de la categorie

Messagede max-affaires » Dim 17 Mai 2009 13:51

mais en fait la modif concerne cette partie de code mais les seul class que j'ai son:
column_in
menucategories




Code: Tout sélectionner
{if !empty($categoriesList)}
<div class="column_in">
{for start=0 stop=2 step=1 value=columnNr}

{if $categoriesList|@count > $columnNr}
    <div class="menucategories">
    <ul>
{for start=$columnNr stop=$categoriesList|@count step=2 value=i}{assign var=category value=$categoriesList[$i] }
      <li>
        <a href="{"/site/category/$category.categoryId/%s/1"|url:$category.name}" title="{$category.name}">
{if $setting.categoriesImages}
        <img src="{"/uploads/images_categories/$category.imageSrc"|resurl}" alt="{$category.name}" class="category_image"/>
{/if}
<u>{$category.name}</u></a>
        <span class="text_numbers">({$category.validatedSitesCount})</span>
      </li>




dans la class .menucategories {
float:left;
width:360px;
margin:0;
padding:0;
padding-left:2px;
font-size:1.2em;
}

j ai fais la modif avec cet class et sa ne change pas la taille de l écriture
http://www.annuairedesmarques.fr hébergeur mutualisé amen version arfooo 1.9 template studiopressgreen
http://annuaire.max-affaires.com hébergeur dédié ovh version arfooo 1.9
max-affaires
 
Messages: 78
Inscription: Ven 17 Oct 2008 21:39
Localisation: marseille

Re: modifier la taille de l'ecriture du titre de la categorie

Messagede kalymero » Dim 17 Mai 2009 13:59

Parce que tu n'as pas sélectionné la bonne class, tu as plusieurs "menucategories" cherche celle qui modifie la taille des caractères avec font-size

------{@
kalymero
 
Messages: 77
Inscription: Dim 3 Mai 2009 12:11
Localisation: France

Re: modifier la taille de l'ecriture du titre de la categorie

Messagede max-affaires » Dim 17 Mai 2009 14:07

j'ai ces 4 class

Code: Tout sélectionner
.menucategories li a, .menucategories li a:link, .menucategories li a:visited {
   margin:0;
   padding:0;
   padding-right:3px;
   display:inline;
   padding-left:3px;
   color:#222;
   background-color:#ffffff;
   font-size:1.2em;
   text-decoration:none;
   line-height:20px;
   height:20px;
   width:314px;
   voice-family:inherit;
}

.menucategories li a:hover, .menucategories li a:active {
   margin:0;
   padding:0;
   padding-right:3px;
   padding-left:3px;
   color:#537d53;
   background-color:#ffffff;
   font-size:1.2em;
   text-decoration:none;
   line-height:20px;
   height:20px;
   width:314px;
}

.menucategories li.subcat a, .menucategories li.subcat a:link, .menucategories li.subcat a:visited {
   margin:0;
   padding:0;
   padding-right:3px;
   padding-left:3px;
   color:#222222;
   background-color:#ffffff;
   font-size:1em;
   text-decoration:none;
   line-height:20px;
   height:20px;
   width:314px;
   voice-family:inherit;
}

.menucategories li.subcat a:hover, .menucategories li.subcat a:active {
   margin:0;
   padding:0;
   padding-right:3px;
   padding-left:3px;
   color:#545454;
   background-color:#ffffff;
   font-size:1em;
   text-decoration:none;
   line-height:20px;
   height:20px;
   width:314px;
}
http://www.annuairedesmarques.fr hébergeur mutualisé amen version arfooo 1.9 template studiopressgreen
http://annuaire.max-affaires.com hébergeur dédié ovh version arfooo 1.9
max-affaires
 
Messages: 78
Inscription: Ven 17 Oct 2008 21:39
Localisation: marseille

Re: modifier la taille de l'ecriture du titre de la categorie

Messagede max-affaires » Dim 17 Mai 2009 14:16

j'ai modifier c class

Code: Tout sélectionner
.menucategories_1 li a:hover, .menucategories_1 li a:active {
   margin:0;
   padding:0;
   padding-right:3px;
   padding-left:3px;
   color:#537d53;
   background-color:#ffffff;
   font-size:2.2em;
   text-decoration:none;
   line-height:20px;
   height:20px;
   width:314px;
}

.menucategories li.subcat a, .menucategories li.subcat a:link, .menucategories li.subcat a:visited {
   margin:0;
   padding:0;
   padding-right:3px;
   padding-left:3px;
   color:#222222;
   background-color:#ffffff;
   font-size:1em;
   text-decoration:none;
   line-height:20px;
   height:20px;
   width:314px;
   voice-family:inherit;
}


Code: Tout sélectionner
{if !empty($categoriesList)}
<div class="column_in">
{for start=0 stop=2 step=1 value=columnNr}
{if $categoriesList|@count > $columnNr}
    <div class="menucategories_1">
    <ul>
{for start=$columnNr stop=$categoriesList|@count step=2 value=i}{assign var=category value=$categoriesList[$i] }
      <li>
        <a href="{"/site/category/$category.categoryId/%s/1"|url:$category.name}" title="{$category.name}">
{if $setting.categoriesImages}
        <img src="{"/uploads/images_categories/$category.imageSrc"|resurl}" alt="{$category.name}" class="category_image"/>
{/if}
<u>{$category.name}</u></a>
        <span class="text_numbers">({$category.validatedSitesCount})</span>
      </li>
{if !empty($category.subcategories)}
      <li class="subcat">
{foreach from=$category.subcategories value=subcategory}
        <a href="{"/site/category/$subcategory.categoryId/%s/1"|url:$subcategory.name}" title="{$subcategory.name}">
        <img src="{"/uploads/images_categories/$subcategory.imageSrc"|resurl}" alt="{$subcategory.name}" class="subcategory_image"/></a>
{/foreach}
      </li>
{/if}

{/for}
    </ul>
    </div>
{/if}
{/for}
</div>
{/if}


et sa le fait pas l'affichage n est plus comme avant et des point noir apparaissen entre les titre
http://www.annuairedesmarques.fr hébergeur mutualisé amen version arfooo 1.9 template studiopressgreen
http://annuaire.max-affaires.com hébergeur dédié ovh version arfooo 1.9
max-affaires
 
Messages: 78
Inscription: Ven 17 Oct 2008 21:39
Localisation: marseille

Re: modifier la taille de l'ecriture du titre de la categorie

Messagede kalymero » Dim 17 Mai 2009 14:23

as tu remis le fichier original ? template/categorie/list.tpl

de plus il faut vider le cache pour voir les modifs, tu le trouves dans la partie admin, a chaque modif que tu fais il faut le vider pour voir le resultat.

Et pour les modif du fichier style.css il faut faire plusieurs test avant de trouver la bonne formule et je suis pas une experte, je bidouille beaucoup, mais c'est comme ca que l'on apprend ;)

------{@
kalymero
 
Messages: 77
Inscription: Dim 3 Mai 2009 12:11
Localisation: France

Re: modifier la taille de l'ecriture du titre de la categorie

Messagede max-affaires » Dim 17 Mai 2009 14:27

ok je te remercie je vais un peu faire du bidouillage
http://www.annuairedesmarques.fr hébergeur mutualisé amen version arfooo 1.9 template studiopressgreen
http://annuaire.max-affaires.com hébergeur dédié ovh version arfooo 1.9
max-affaires
 
Messages: 78
Inscription: Ven 17 Oct 2008 21:39
Localisation: marseille

Re: modifier la taille de l'ecriture du titre de la categorie

Messagede effi » Lun 18 Mai 2009 06:03

Bonjour,
j'ai vu dans tes réponses
J'ai modifié ces classes ; .menucategories_1 li a:hover, .menucategories_1 li a:active { {

il faut aussi modifier celles ci
Code: Tout sélectionner
.menucategories_1 li a, .menucategories_1 li a:link, .menucategories li a:visited  {

Il faut sans doute adapter la hauteur des lignes (line-height qui est de 20px).
d'une façon générale, il est préférable d'utiliser la même unité de taille pour les caractères et pour les lignes...
effi
 
Messages: 323
Inscription: Sam 25 Avr 2009 11:47
Localisation: Paris

Suivante

Retourner vers Xhtml, Html, Css, Graphisme

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

 
Copyright © arfooo.com  2007 - 2011  -  Tous droits réservés  -  Partenaires de confiance
Sites du groupe: petites annonces gratuites   voyance en direct - tirage tarot   Consultant en référencement
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group | phpBB SEO Traduction par: phpBB-fr.com
cron