|
 Sayuri 
{ Membre }
 Messages : 179
 | Bonjour; j'ai un problème par rapport au template (j'ai perdu mon code). Comment fait-on pour mettre l'image bien en fond sur le texte du qui est en ligne comme sur ce forum ici ? Ainsi que comment fait-on pour mettre un cadre sur le rangs (contour arrondis ou rectangulaires), avec pointillés ou non, coloré ou blanc comme sur ce forum : ici D'ailleurs comment on t'ils fait pour aligner l'image à gauche et le texte à droite vu le template oO Pour finir comment fait on pour arriver à ce résultat là ici Couleurs des images qui change lorsqu'on passe dessus (barre de navigation). Comment fait-on pour obtenir une image en faond de sa page d'accueil et avoir une barre de navigation similaire à ce forum ici Concernant l'infobulle j'ai utilisé le tuto mais moi j'en obtient une avec le cadre en pointillé est-ce par rapport à mes autres codes CSS ? Y a t-il des logiciels de codage vu que j'ai entendu certains noms ? si oui en quoi consiste t-il réellement s'il vous plaît ? Merci d'avance à ceux qui me répondront !  Et désolé pour toutes ces questions  |
Dernière édition par Sayuri le Ven 18 Déc 2009, 17:04, édité 1 fois | |
|
 | |
Invité Invité
| Bonjour! Je pense pouvoir répondre au moins à trois de tes questions =) Pour le "Qui est en ligne", il suffit de suivre la démarche suivante: https://css-actif.forumactif.org/templates-f39/phpbb2-qui-est-en-ligne-t1063.htmLa meilleure largeur de l'image est de 900 pixels, la longueur peut varier mais atteint tout de même une certaine limite qui est, je crois, de 250 pixels. Attention, entre l'image du haut et l'image du bas, il y a une séparation! Mais tu as la possibilité d'insérer seulement l'image du haut, si tu le souhaites =) Ensuite, pour l'image de la page d'accueil, la question a été posée il y a peu, il suffit de suivre la démarche suivante: https://css-actif.forumactif.org/resolu-f18/texte-sur-image-t1160.htmEt pour ce qui est du cadre en pointillé autour de tes infobulles, je pense que c'est en raison d'un code CSS que tu as inséré, mais montre-moi tout de même le code utilisé de tes infobulles, j'ai peut-être ma petite idée pour remédier au problème =) | | |
|
| | |
Sayuri
{ Membre }
Messages : 179
| Pour l'infobulle j'ai utilisé le code donné par Lilypad sur ce forum : - Code:
-
a.infobulle {
position: relative;
}
a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
a.infobulle:hover span {
display: inline; /* ceci 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: 5px; /* on positionne notre infobulle */
left: 15px;
background: #ebebeb; /* arrière-plan de l'infobulle */
color: #6B416A; /* texte dans l'infobulle */
padding: 3px;
/* bordures de votre infobulle*/
border: 1px dotted #6B416A;
border-left: 1px dotted #6B416A;
}
Mais c'est vrai que j'ai mis un autre CSS en même temps pour avoir les cadres des forums en pointillés donc peut être qu'il y a un rapport... oO Merci beaucoup pour les réponses aux questions ! =D J'espère qu'on pourra répondre aux autres également x) | | |
|
| | |
Invité Invité
| Voilà, je crois avoir trouvé =) C'est à l'extrême fin de ton code CSS: - Code:
-
/* bordures de votre infobulle*/
border: 1px dotted #6B416A;
border-left: 1px dotted #6B416A;
} Remplace les deux mots "dotted" par "solid" et je pense que tu auras le résultat désiré =) | | |
|
| | |
Sayuri
{ Membre }
Messages : 179
| Oui voilà c'est parfait merci beaucoup =) | | |
|
| | |
Basil Hawkins
{ Membre hyper-actif }
 Messages : 2912
| Oki, je classe donc  | | |
|
| | |
Sayuri
{ Membre }
Messages : 179
| Non on n'a pas répondu à toutes mes questions ! - Citation :
- Pour finir comment fait on pour arriver à ce résultat là ici
Couleurs des images qui change lorsqu'on passe dessus (barre de navigation).
et avoir une barre de navigation similaire à ce forum ici
Y a t-il des logiciels de codage vu que j'ai entendu certains noms ? si oui en quoi consiste t-il réellement s'il vous plaît ? | | |
|
| | |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Si je ne me trompe pas, c'est un bidouillage du CSS. Cependant, je n'ai aucune idée de comment ça fonctionne =/ | | |
|
| | |
Invité Invité
| Tu as voulu une barre de navigation spécifique... je n'en connais pas le code, mais je connais le code d'un autre style de barre de navigation: http://testouw.forumactif.org/forum.htm Si ce style de barre de navigation te plaît, je peux t'en fournir le code =) Sinon, je viens peut-être de trouver le code que tu recherches pour ta barre de navigation et qui a été donné sur ce forum même. Je ne te promets pas le résultat désiré mais tu peux toujours essayer! https://css-actif.forumactif.org/autres-f40/rollover-t432.htmEt il existe effectivement un logiciel de codage mais seulement pour les codes HTML, qui a été donné par un membre de ce Forum: https://css-actif.forumactif.org/ressources-css-html-f9/csstxt-t426.htm | | |
|
| | |
Sayuri
{ Membre }
Messages : 179
| Bonjour; Pour les logiciels je connaissais déjà ces sites je parlais plutôt de logiciels proprement dits genre pour faire des tableaux en html plus rapidement...ou capable de mettre en place des CSS... Pour le code de la barre de Testouw je veux bien s'il tôt plaît à mon avis il ne faudra que bidouiller pour enlever les pointillés, le fond, le rendre plus arrondi x) Merci pour ton aide =){ me reste plus que les logiciels ! } | | |
|
| | |
Invité Invité
| Voilà le code CSS pour la barre de navigation, je l'ai modifié afin que tu n'aies pas les contours en pointillés =) - Code:
-
a.mainmenu
{
font-family: georgia;
font-size: 13px;
text-align: center;
padding-left: 0xp;
color: #COULEUR D'ÉCRITURE NON-SURVOLÉE;
font-variant: small-caps;
background-image: url('Lien de votre image'); *Facultatif, c'est une image de fond si tu ne souhaites pas de couleur*
background-repeat: no-repeat;
background-color: #COULEUR DE FOND;
text-decoration: none;
border: 1px solid #COULEUR DU BORD;
border-left: 6px solid #COULEUR DU BORD GAUCHE;
border-right: 6px solid #COULEUR DU BORD GAUCHE;
-moz-border-radius: 3px;
} Si tu souhaites faire un tableau HTML, rien de plus simple! Il te suffit de te rendre dans le Panneau d'Administration > Affichage > Page d'Accueil > GénéralitésEnsuite, tu suis simplement les conseils donnés: - Spoiler:
- Spoiler:
Tu modifies les données à ta guise afin d'obtenir le tableau que tu souhaites puis: - Spoiler:
N'oublies surtout pas d'enregistrer! Tu cliques ensuite sur le bouton HTML comme dans la première image et il te suffit ensuite de copier le code et de le coller. Le tour est joué, tu as ton tableau! ^^ | | |
|
| | |
Sayuri
{ Membre }
Messages : 179
| Merci x) Ah mais je sais faire un tableau xDD ! Non je parlais de rajouter des choses plus compliqués dedans genre des défilements, des cases rondes, un logiciel qui t'insère tout directement quoi mais je crois que j'ai rêvé ^^ C'est que j'avais entendu des noms genre Noreva je crois et je me demandais ce que ça faisait ! =) | | |
|
| | |
Invité Invité
| Pour des cases "rondes types" comme sur le Forum Testouw que je t'ai montré, il faut insérer un code CSS, mais je n'ai suivi cette démarche seulement car je voulais avoir une page d'accueil organisée, donc tous les codes avaient été fournis à l'avance... Je peux te les donner mais si l'organisation ne te plaît pas je serai dans l'incapacité de modifier cela en fonction de tes envies, n'ayant pas assez d'expertise dans les domaines du CSS, HTML et Templates. Et pour les défilements... Il te suffit d'utiliser le code suivant: - Code:
-
<marquee direction="up">Texte ou image</marquee> Mais c'est en continue. Si tu souhaites arrêter ou démarrer le défilement en plaçant ton curseur une image quelconque lors du défilement, voici le code: - Code:
-
<marquee direction="right" scrolldelay="170" onmouseover="this.stop();" onmouseout="this.start();"> <a href="image"><img src="http://..." /> <img src="http://..." /> ETC</marquee> Et si c'est pour un texte et non une image, voici le code: - Code:
-
<marquee scrolldelay="80" onmouseover="this.stop();" onmouseout="this.start();">TEXTE</marquee> | | |
|
| | |
Tech
{ Membre actif }
Messages : 1378
| Bonsoir,
Est-ce que la demande est toujours d'actualité ?
Merci d'avance pour ta réponse. | | |
|
| | |
Sayuri
{ Membre }
Messages : 179
| |
| | |
Sayuri
{ Membre }
Messages : 179
| Désolé du double post; je voulais juste dire que pour la barre de navigation j'ai essayé sur mon forum test et ça donne pas un rendu super en fait avec les modif's je voudrais plutôt savoir comment faire pour avoir la même qu'ici actuellement s'il vous plaît !? oO | | |
|
| | |
Tech
{ Membre actif }
Messages : 1378
| Bonjour,
Demande toujours d'actualité ?
Merci d'avance pour la réponse. | | |
|
| | |
Sayuri
{ Membre }
Messages : 179
| |
| | |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Bonjour,  Problème toujours d'actualité ? | | |
|
| | |
Sayuri
{ Membre }
Messages : 179
| Ouii s'il vous plaît si vous me pouviez dire comment faire pour une barre de navigation telle que celle-ci svp | | |
|
| | |
Thalie
{ Membre actif }
Messages : 317
| Je me suis un peu embrouiller dans tout ce que tu demande lol. Que veux tu exactement ? | | |
|
| | |
Sayuri
{ Membre }
Messages : 179
| Je voudrais avoir le CSS pour avoir une barre de navigation comme sur ce forum car je sais comment faire pour avoir cette forme arrondi, liens en maj...mais je ne sais pas le code exactement pour le mettre en barre de navigation Donc si on pouvez me le passer svp ? x) | | |
|
| | |
Thalie
{ Membre actif }
Messages : 317
| - Code:
-
a.mainmenu{
-moz-border-radius: 3px;
font-variant: small-caps;
} C'est ça que tu veux ? | | |
|
| | |
Sayuri
{ Membre }
Messages : 179
| c'est bon j'ai réussi merci problème résolu  | | |
|
| | |
Contenu sponsorisé
| |
| | |
|
