Comment faire ceci ? Bouton_activeComment faire ceci ? Bouton_hoverComment faire ceci ? Fb-hoverComment faire ceci ? Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Comment faire ceci ? EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Comment faire ceci ? EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Comment faire ceci ? EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Comment faire ceci ? EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Comment faire ceci ? EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Comment faire ceci ? EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Comment faire ceci ? EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Comment faire ceci ? EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Code promo Nike : -25% dès 50€ ...
Voir le deal

Partagez
 

Comment faire ceci ?

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Comment faire ceci ? Empty
Bonjour, j'aurais besoin de vos services.

# L'adresse de votre forum: http://twilight-rpg.forumotion.com
# Explications du problème: Comment arrondir le sur-lignage des titres de forums comme sur ce forum =>*
# Le navigateur utilisé: Firefox
# Les codes ajoutés avant le problème:
Code:
/*barre titre*/

a.forumlink{
display:block;
text-align: center;
background-color: #6EA0CC;
border-bottom: 4px double #C2C2C2;
}

/*titre*/

a.forumlink {font-family:georgia; text-align: center;}
# La version du forum: phpBB2
# Problème de CSS ou HTML: avec le CSS

# L'adresse de votre forum: http://twilight-rpg.forumotion.com
# Explications du problème: Comment mettre les mots X sujets & X messages en bas des descriptions lorsque l'on a supprimé les colonnes Sujets et Messages ??
# Le navigateur utilisé: Firefox
# Les codes ajoutés avant le problème:
Code:
<table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td><td align="right"><span class="gensmall"><i>{catrow.forumrow.TOPICS} Sujets & {catrow.forumrow.POSTS} Messages</i></span>
# La version du forum: phpBB2
# Problème de CSS ou HTML: avec le CSS


Dernière édition par .Little Lady le Mar 26 Jan 2010, 14:35, édité 2 fois
MessageSujet: Comment faire ceci ?   Comment faire ceci ? EmptySam 23 Jan 2010, 11:56
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Comment faire ceci ? Empty
Pour ton premier souci, je ne vois pas l'exemple de ton forum car il n'y a pas d'explication. Mais je pense, d'après ce que j'ai compris, qu'il suffit d'ajouter dans ton CSS, dans "a.forumlink"

Code:
-moz-border-radius: 10px ;

Pour la deuxième chose, il faut que tu suives le tutoriel de sNipe_sCk [Here].
MessageSujet: Re: Comment faire ceci ?   Comment faire ceci ? EmptyDim 24 Jan 2010, 14:20
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Comment faire ceci ? Empty
Merci beaucoup pour le premier problème. Mais pour le deuxième problème, le tuto que tu m'as proposé ne change rien du tout.
MessageSujet: Re: Comment faire ceci ?   Comment faire ceci ? EmptyLun 25 Jan 2010, 07:22
Revenir en haut Aller en bas
http://juices-graph.nice-theme.com
Ocelline
Ocelline
{ Membre }
{ Membre }

Féminin Messages : 52



Comment faire ceci ? Empty
Hello !

Es tu sur d'avoir fait ceci :
Ensuite, il faut faire une petite modification dans les configurations du PA. Rendez-vous dans " affichage ", puis " structure et hiérarchie ", et enfin " Hiérarchie ". Dans " Lien vers les niveaux inférieurs ", sélectionner " Non ".

Maintenant, il faut ajouter les sous forums avec le css que l'on a ajouté précédemment ( grâce à une div et la class " vignettes " ).
Panneau admin >> Général >> Catégories & forums >> Description du forum

Copier/coller cela et remplacer Smile

Code:
MessageSujet: Re: Comment faire ceci ?   Comment faire ceci ? EmptyLun 25 Jan 2010, 07:27
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Comment faire ceci ? Empty
Je ne croit pas qu'elle demandais les liens vers les sous forum mais plutôt l'endroit ou serai le nombre de message et de sujet.
Pour le mettre en bas de la case il suffit de changer d'endroit dans les template. Tu va donc dans index_box et à la place de ton (que tu as donner au debut) tu met ça:
Code:
<table width="100%"><tbody><tr> <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><br />
            </span>
        </h{catrow.forumrow.LEVEL}></tr>

<tr>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span></tr>
<tr><td style="padding-left: 40px; text-align: right; font-weight:bold;" class="gensmall"> sujets : {catrow.forumrow.TOPICS} |  messages : {catrow.forumrow.POSTS}.</td> </tr></tbody></table>
MessageSujet: Re: Comment faire ceci ?   Comment faire ceci ? EmptyLun 25 Jan 2010, 10:29
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Comment faire ceci ? Empty
Merci beaucoup Thalie.
MessageSujet: Re: Comment faire ceci ?   Comment faire ceci ? EmptyLun 25 Jan 2010, 11:16
Revenir en haut Aller en bas
http://juices-graph.nice-theme.com
Ocelline
Ocelline
{ Membre }
{ Membre }

Féminin Messages : 52



Comment faire ceci ? Empty
Excuse moi alors.
MessageSujet: Re: Comment faire ceci ?   Comment faire ceci ? EmptyLun 25 Jan 2010, 12:34
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Comment faire ceci ? Empty
Re,

c'est encore moi, je n'ai pas compris grand chose au tuto sur les infobulles. J'ai juste compris la partie CSS. Est-ce que quelqu'un peut m'aider pour faire une infobulle un peu comme celle de CSSActif ??

EDIT: Nouveau problème
    Adresse url : http://twilight-rpg.forumotion.com/
    Exemples : http://www.fascination-rpg.com , http://best-rpg.forumpro.fr/
    Explications: J'aimerais avoir un code pour pouvoir mettre une ou plusieurs cellule(s) sur le côté droit et gauche. Pour voir un exemple, voir liens donnés dans Exemples


Dernière édition par .Little Lady le Mar 26 Jan 2010, 13:48, édité 1 fois
MessageSujet: Re: Comment faire ceci ?   Comment faire ceci ? EmptyLun 25 Jan 2010, 16:23
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Comment faire ceci ? Empty
Si tu veux, je te passe ma façon de faire.

Pour le html:
Code:
<a class="imginfo">
         <font color="burlywood">
         <img src="IMAGE DEHOR"/>
         </font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody>
         <tr>
         <td style="text-align: center;">
         <font size="1">
         TEXTE PRINCIPAL<br/>
         </font>
         </td>
         </tr>
         <tr>
         <td style="text-align: center;">
         <a class="imginfo">
         <img src="IMAGE INTERRIEUR"/>
         </a>
         </td>
         </tr>
         <tr>
         <td style="text-align: center;">
         <font size="1">
         TEXTEDANSBULLE<br/>
         </font>
         </td>
         </tr>
         <tr align="center"/>
         </tbody>
         </table>
         </span>
         </a>

Pour le CSS:
Code:
    a.imginfo {     
position: relative;     
color: #7d7d7d;     
text-decoration: none;     
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */   
}     

a.imginfo span {     
display: none; /* on masque l'infobulle */   
}   

a.imginfo:hover {     
background: none; /* correction d'un bug IE */     
z-index: 500; /* on dÈfinit une valeur pour l'ordre d'affichage */     
cursor: help; /* on change le curseur par dÈfaut en curseur d'aide */   
}   

a.imginfo:hover span {     
display: inline; /* on affiche l'infobulle */     
position: absolute;     
white-space: nowrap; /* on change la valeur de la propriÈtÈ white-space pour qu'il n'y ait pas de retour ‡ la ligne non-dÈsirÈ */     
top: 30px; /* on positionne notre infobulle */     
left: 20px;     
background: white;     
color: 7d7d7d;     
padding: 3px;     
border: 0px solid grey;     
border-left: 5px solid #b6b6b6;     
border-right: 3px solid #b6b6b6;     
border-top: 3px solid #b6b6b6;     
border-bottom: 5px solid #b6b6b6;   
}


Et pour ton deuxième problème, j'ai pas vraiment compris ce que tu voulais
MessageSujet: Re: Comment faire ceci ?   Comment faire ceci ? EmptyMar 26 Jan 2010, 12:05
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Comment faire ceci ? Empty
Merci Thalie pour le premier problème.
Pour le 2ème, sur les 2 forums, tu peux remarquer des widgets sur le côté pour Fascination - RPG et en haut sur Best RPG; En fait, j'aimerais savoir comment faire ces widgets.
MessageSujet: Re: Comment faire ceci ?   Comment faire ceci ? EmptyMar 26 Jan 2010, 12:59
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Comment faire ceci ? Empty
Ben en faite le lien de fascination ne marche pas enfin pas chez moi en tous cas.
Mais sinon je cherche la solution de ton problème.
MessageSujet: Re: Comment faire ceci ?   Comment faire ceci ? EmptyMar 26 Jan 2010, 13:46
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Comment faire ceci ? Empty
merci beaucoup Thalie.

EDIT: Problème résolu.
MessageSujet: Re: Comment faire ceci ?   Comment faire ceci ? EmptyMar 26 Jan 2010, 13:49
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Comment faire ceci ? Empty
Ok je classe alors .
MessageSujet: Re: Comment faire ceci ?   Comment faire ceci ? EmptyJeu 28 Jan 2010, 09:30
Revenir en haut Aller en bas
Contenu sponsorisé




Comment faire ceci ? Empty
MessageSujet: Re: Comment faire ceci ?   Comment faire ceci ? Empty
Revenir en haut Aller en bas
 

Comment faire ceci ?

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Comment faire ceci ?!
» Page d'accueil comment faire ceci
» Serait-il possible de faire ceci ?
» Comment obtenir ceci
» Comment faire sa ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit