L'annuaire des forums Forumactif
votre référence en terme de référencement et de développement de forums.
 


Aller à la page : Précédent  1, 2


 Commande de catégories [Théoz]

Théoz
Messages : 209
Re. Smile
Honnêtement, je ne savais pas pour les @font-face sur Forumactif... Je l'ai trouvé en faisant des recherches. ^^
C'est dû à quoi ?

Du coup, tu pourrais regarder si une police te plaît sur Google Fonts ? Smile
LixyrAdministratriceavatar
Messages : 12506

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
En ligne
Je ne sais pas, surement au fait que ForumActif ne gère pas tout. Hier j'ai trouvé un code CSS3 pour faire des rotations sympas et ça ne fonctionnait pas mis directement dans la feuille de style. J'imagine qu'autrement ça fonctionnerait.

Ouep j'aime bien celle-là :
Citation :
https://www.google.com/fonts#QuickUsePlace:quickUse/Family:Julee
Théozavatar
Messages : 209
Ah, tu vois, sous la dernière version de Chrome, les rotations fonctionnent sous Forumactif... Par contre, pas les attributs data- (mais ça, c'est logique puisque Fa n'est pas sous HTML5). Wink

Bref. x)
On va tenter de faire ainsi : Ajoute
Code:
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Julee" />
Dans le template overall_header, entre les balises head. J'ai pris l'habitude par soucis d'organisation de placer les déclarations de feuilles de style juste avant la fermeture de la balise head (soit la ligne 208 lorsque le template n'est pas modifié).

Maintenant, on modifie le CSS :
Code:
/* Commande de Lixyr */
a {
    color: #4d5e69;
}
ul#onglets {
    text-align: center;
    font-size: 12px;
}
ul#onglets li {
    list-style-type: none;
    padding: 0px;
    display: inline;
    text-align: center;
}
ul#onglets li {
    display: inline-block;
}
ul#onglets a {
    text-decoration: none;
    margin: 0px 30px;
}
.categorie_perso {
    width: 100%;
}
td.categorie {
    border: 2px solid #5a5636;
    border-radius: 25px;
    -o-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    padding: 3px;
    background-color: #B7A9A9;   
    display: none;
    font-size: 12px;
}
h1.titre_cat {
    font-family: Julee, Arial;
    text-align: center;
    font-size: 40px;
    color: #431414;
}
h2.titre_fofo {
    letter-spacing: 5px;
    font-size: 15px;
    font-variant: small-caps;
    color: #431414;
    text-indent: 20px;
}
div.image_illustration {
    width: 100px;
    height: 100px;
    border: 2px solid #5a5636;
    margin: -17px 10px 2px 20px;
    float: left;
    background-color: #8D8789;
    overflow: hidden;
    border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    color: transparent;
}
.image_illustration img {
    width: 100px;
    height: 100px;
}
div.description_fofo {
    float: left;
    height: 100px;
    width: 400px;
    border: 2px solid #5a5636;
    margin: -17px 10px 2px 20px;
    background-color: #8D8789; 
    padding: 2px;
    text-indent: 25px;
    text-align: justify; 
    border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
.description_fofo img:first-child {
    display: none;
}
div.description_fofo:first-letter {
    font-size: 15px;
    color: #431414;
    font-weight: bold;
    font-style: italic;
}
div.infos_fofo {
    text-align: center;
    margin: -12px 10px 2px 20px;
    float: left;
}
p.last_message {
    min-width: 135px;
    border: 2px solid #5a5636;
    background-color: #8D8789; 
    padding: 2px;
    text-indent: 25px;
    border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    margin-top: -2px;
}
.sous_fofo {
    font-size: 12px;
    font-variant: small-caps;
    padding-left: 20px;
    margin-top: 0px;
}
/* Fin des catégories */
Et voila ! Smile

Ca fonctionne ? Smile
____
EDIT : Si jamais il faut que je réalise une autre commande en guise de test, c'est sans soucis, au contraire. Wink
LixyrAdministratriceavatar
Messages : 12506

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
En ligne
Merci bien, je passe en résolu. /ooo/
Théozavatar
Messages : 209
Super, merci. :*

Aller à la page : Précédent  1, 2,
 Sujets similaires
-
» Commande modification des catégories
» [Nocturne] Demande: les catégories
» [Annulée] Demande de description des catégories.
» ['Christa] Regrouper les catégories en Onglet
» Niveau des catégories...

Répondre au sujet


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

Modérer

Trames

  • Nos services
  • Prés. obligatoire
  • Référencé
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Evaluation