Encore, oui, je sais =) Bouton_activeEncore, oui, je sais =) Bouton_hoverEncore, oui, je sais =) Fb-hoverEncore, oui, je sais =) 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
Encore, oui, je sais =) EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Encore, oui, je sais =) EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Encore, oui, je sais =) EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Encore, oui, je sais =) EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Encore, oui, je sais =) EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Encore, oui, je sais =) EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Encore, oui, je sais =) EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Encore, oui, je sais =) EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -17%
SSD interne Crucial SSD P3 1To NVME à ...
Voir le deal
49.99 €

Partagez
 

Encore, oui, je sais =)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://angels-house.forum-actif.net/forum.htm
Livia666
Livia666
{ Membre }
{ Membre }

Féminin Messages : 82



Encore, oui, je sais =) Empty
Bonsoir =)

Oui c'est encore moi, je sais je suis pénible =) Merci en tout cas de votre gentillesse pour résoudre cette affaire !

Alors, alors, j'ai suivit l'autre jour un le tutoriel pour mettre les liens des sous-forums sous forme d'onglets. :: Ce tuto

Je me demandais par contre comment peut-on faire pour mettre ces même onglets, au lieu d'en dessous le texte de description, au dessus, juste sous le lien des titres de forums comme cela se fait parfois ? J'ai penché pour un template à déplacer, mais j'avoue ne pas savoir vraiment lequel =)

Voici les codes :
Celui du forum menant vers les sous-forums avec onglets :
Code:
<div align="right">
<a class="vignettes" href="http://themes-de-liv.forumactif.org/metaphories-contemplatives-f8/">Metaphories Contemplatives</a>
<a class="vignettes" href="http://themes-de-liv.forumactif.org/delices-sanguinolants-f9/">Délices Sanguinolants</a></div><div class="laligne"></div>
Celui du CSS en question :
Code:
.vignettes
{-moz-border-radius:6px;
background-color: #383838;
padding-right:5px;
padding-left:5px;
padding-bottom: 3px;
padding-top:3px;}

.laligne
{border-bottom : 3px solid #383838;}

J'ai également une autre question sur ce genre de code pour encadrer une description ::
Spoiler:
que l'on trouve sur Ce topic

J'aimerais pouvoir, comme dans l'exemple, placer une image (avec un rollover dessus) et que le texte de la description soit aligné par rapport à l'image, c'est à dire que toutes les phrases ne dépassent pas du dessous de cette image. J'avoue ne pas non plus comprendre comment on peut faire ça !

Tous ces essais sont visibles sur mon forum de test si besoin ::
http://themes-de-liv.forumactif.org/index.htm


Encore merci pour votre aide !
MessageSujet: Encore, oui, je sais =)   Encore, oui, je sais =) EmptyVen 22 Jan 2010, 18:23
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Encore, oui, je sais =) Empty
Coucou !

Alors les deux topics étant de moi, je me permets de t'aider xD.

Donc, pour mettre tes vignettes au dessus de ta description, c'est tout simple en fait : suffit juste de mettre le code comme ceci :

Code:
<div align="right">
<a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a>
<a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a>
</div>
<div class="description">TA DEscriptION DE FORUM</div>

Et tu ajoutes le CSS qui va avec :

Code:
 .vignettes
{-moz-border-radius:7px;
background-color: #TA COULEUR;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;}

.description
{background-color: #TA COULEUR;
border: 1px solid #TA COULEUR;}

--------
Par contre, pour faire comme sur le screen ; mettre une image à côté d'un texte, il faut faire une sorte de tableau (et associer la class "description" au tableau en entier)

Code:
<div align="right">
<a class="vignettes" href="http://">Vignette 1</a>
<a class="vignettes" href="http://">Vignette 2</a>
</div><br>
<table class="description"><tr>

<td align="center" valign="middle" width="25%">
<img src="IMAGE D'ORIGINE" onMouseOver="this.src='IMAGE AU PASSAGE DE LA SOURIS';" onMouseOut="this.src='IMAGE D'ORIGINE';">
</td>

<td width="75%" valign="top" align="justify">
TA DEscriptION
</td>

</tr></table>

Les pourcentages peuvent se modifier, et passer en pixels, selon ton forum en fait ^^.
Pour le rollover, je l'ai ajouté au code, suffit juste de modifier les images ^^. Par contre, le rollover là, ne mène vers rien ^^. Si tu veux un lien dessous, faudra modifier le code de base ^^.

Essayes, et dis moi si cela marche, et si tu as des questions Wink

Liliana
MessageSujet: Re: Encore, oui, je sais =)   Encore, oui, je sais =) EmptyVen 22 Jan 2010, 19:18
Revenir en haut Aller en bas
http://angels-house.forum-actif.net/forum.htm
Livia666
Livia666
{ Membre }
{ Membre }

Féminin Messages : 82



Encore, oui, je sais =) Empty
Bonsoir Liliana !

Tout fonctionne à merveille. Pour la première question, en effet, je cherchais midi à 14h ! XD
Finalement les codes sont parfois si bêtes...

Un grand grand merci pour ton aide, c'est tout parfait !


Bonne soirée à toi !


Problème résolu !
MessageSujet: Re: Encore, oui, je sais =)   Encore, oui, je sais =) EmptyVen 22 Jan 2010, 19:31
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Encore, oui, je sais =) Empty
De rien Wink Contente d'avoir pu t'aider ^^

Je classe alors ^^
MessageSujet: Re: Encore, oui, je sais =)   Encore, oui, je sais =) EmptyVen 22 Jan 2010, 19:32
Revenir en haut Aller en bas
Contenu sponsorisé




Encore, oui, je sais =) Empty
MessageSujet: Re: Encore, oui, je sais =)   Encore, oui, je sais =) Empty
Revenir en haut Aller en bas
 

Encore, oui, je sais =)

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

 Sujets similaires

-
» [RÉSOLU] HTML/CSS ► j'ai un petit problème de codage ! (pas assez explicite j'sais, mais j'sais pas comment dire ça, alors...)
» Je ne sais pas comment cela s'appelle.
» Je sais que je suis nulle mais ...
» Je ne sais pas comment dire !
» 3 Questions css, htlm et je sais pas! =S

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 | Forum gratuit