 Kreature 
{ Membre }
 Messages : 10
 | Bonjour à tous ! Voilà mon problème, j'ai utilisé un tutoriel pour personnaliser ses sous-forums, mais je n'en ai pas trouvé pour encadrer le rendu. Je m'explique. Voici le rendu : - Spoiler:
J'aimerais encadrer la description du sous-forum et y intégrer une image ! Merci d'avance (Voilà le Tuto que j'ai utilisé : Ici ) |
Dernière édition par Kreature le Sam 26 Fév 2011, 17:42, édité 1 fois | |
|
Invité Invité
| Hop'
Pourrais-tu nous fournir le code? | | |
|
Kreature
{ Membre }
Messages : 10
| Voici le code dans la feuille Css : - Spoiler:
- Code:
-
.descr_scroll
{
height: 60px;
overflow-y: auto;
overflow-x: hidden;
border: 5px solid #6F1309;
}
et un exemple de code dans une catégorie : - Spoiler:
- Code:
-
<table> <tr> <td> <a href="http://vampire-knight-rpg.forumgratuit.org/f10-reglement">♣.Règlement</a> <a href="http://vampire-knight-rpg.forumgratuit.org/f11-histoire">♣.Histoire</a> </td> <td><div class="desc_scroll"> <span style="font-size: 13px; line-height: normal">Nouvel arrivant ? Venez donc regarder les règles du Forum ! La lecture du règlement est obligatoire et deux codes vous seront demandés dans votre fiche de présentation, merci de votre compréhension ♥</span> </div> </td> </tr> </table>
| | |
|
Invité Invité
| Hello Kreature! Remplace juste .descr_scroll par .cadre dans ton CSS et donc dans ta description: - Code:
-
<div class="desc_scroll"> par - Code:
-
<div class="cadre"> Ca devrait marcher  | | |
|
Kreature
{ Membre }
Messages : 10
| Oui, ça marche !
Mais comment y intégrer une image ? | | |
|
Invité Invité
| Il suffit de rajouter un petit code dans ton CSS: - Code:
-
.cadre {
height: 60px;
overflow-y: auto;
overflow-x: hidden;
border: 5px solid #6F1309;
background-image: url('lien-de-ton-image');
} Garde bien les guillemets entre les parenthèses | | |
|
Kreature
{ Membre }
Messages : 10
| Oui c'est génial, ça marche très bien !
Je le permet juste de t'embeter une dernière fois:
Comment augmenter le palier entre la bordure et le texte ? | | |
|
Invité Invité
| Tu ne m'embêtes pas du tout  Au contraire! Pour la marge entre la bordure et le texte, il te suffit d'ajouter une ligne à ton CSS "cadre". - Code:
-
padding: 5px; Je te laisse augmenter ou diminuer selon tes besoins. Tu peux également régler différemment la marge gauche et celle de droite avec padding-left et padding-right. | | |
|
Kreature
{ Membre }
Messages : 10
| Eh bien c'est parfait !
Tout marche a merveille, je te remercie ~ | | |
|
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Okay, je classe alors | | |
|
Sam 30 Mar 2024, 22:07 par 
