Page d'Accueil :) - Page 2 Bouton_activePage d'Accueil :) - Page 2 Bouton_hoverPage d'Accueil :) - Page 2 Fb-hoverPage d'Accueil :) - Page 2 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
Page d'Accueil :) - Page 2 EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Page d'Accueil :) - Page 2 EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Page d'Accueil :) - Page 2 EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Page d'Accueil :) - Page 2 EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Page d'Accueil :) - Page 2 EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Page d'Accueil :) - Page 2 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Page d'Accueil :) - Page 2 EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Page d'Accueil :) - Page 2 EmptySam 11 Fév 2023, 06:04 par Krager

-28%
Le deal à ne pas rater :
-28% Machine à café avec broyeur à grain MELITTA Purista
229.99 € 318.99 €
Voir le deal

Partagez
 

Page d'Accueil :)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2
Illadon
Illadon
{ Membre }
{ Membre }

Masculin Messages : 126



Page d'Accueil :) - Page 2 Empty
Voilà, si ma page de test ne correspond toujours pas, il va falloir être plus précise.
MessageSujet: Re: Page d'Accueil :)   Page d'Accueil :) - Page 2 EmptyLun 19 Juil 2010, 08:36
Revenir en haut Aller en bas
http://cocoetmango.mescops.com/forum.htm
Bull'
Bull'
{ Membre }
{ Membre }

Féminin Messages : 100



Page d'Accueil :) - Page 2 Empty
Bonjour,

Ça m'a l'air bon. Peux tu me donne le CSS pour que je test tout ça ?

Merci
MessageSujet: Re: Page d'Accueil :)   Page d'Accueil :) - Page 2 EmptyLun 19 Juil 2010, 08:58
Revenir en haut Aller en bas
Illadon
Illadon
{ Membre }
{ Membre }

Masculin Messages : 126



Page d'Accueil :) - Page 2 Empty
Code:
<div>
<div pos="top left tableau no"><div pos="sub">Staff</div><span class="hover">Un gars<span class="infobulle">lol</span></span></div>
<div pos="top midl no tableau">banniére</div>
<div pos="top right tableau no"><div pos="sub">Nouveautés</div>des nouveautés</div>
<div pos="left middle no tableau">espace texte</div>
<div pos="bottom left no tableau"><div pos="sub">Partenaires</div>hop là</div>
<div pos="bottom right tableau">Bloc note</div>
<div pos="bottom right tableau">Espace texte</div>
<div pos="bottom right no tableau"><div pos="sub">Liens utiles</div>Mon texte</div>
</div>

Code:
div[pos~=tableau] {
   padding:5px;
   margin:2%;
   float:left;
   border:#000 solid 3px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   height:147px;
   }

div[pos~=top] {
   width:25%;
   }
div[pos~=bottom] {
   width:18%;
   }

div[pos~=left] {
   clear:left;
   }
div[pos~=top][pos~=midl] {
   width:403px;
   height:147px;
   }

div[pos~=middle] {
   float:none;
   margin-left: auto;
     margin-right: auto;
   width:200px;
   text-align: center;
   }
   
div[pos~=no] {
   border:none;
   -webkit-border-radius: none;
   -moz-border-radius: none;
   border-radius: none;
   }
.infobulle {
   display:none;
   }
   
.hover:hover .infobulle {
   display:inline;
   border: 3px #000 solid;
   position:relative;
   top:10px;
   left:10px;
   background:#685266;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   }
   
   div[pos~=sub] {
      border-bottom:solid #000 2px;
      }
   div[pos~=top][pos~=right] {
   overflow:auto;
   }

Voilà ^^
MessageSujet: Re: Page d'Accueil :)   Page d'Accueil :) - Page 2 EmptyLun 19 Juil 2010, 10:06
Revenir en haut Aller en bas
http://cocoetmango.mescops.com/forum.htm
Bull'
Bull'
{ Membre }
{ Membre }

Féminin Messages : 100



Page d'Accueil :) - Page 2 Empty
Ça fait ça :

http://test-bull.bbactif.com/index.htm

:/
MessageSujet: Re: Page d'Accueil :)   Page d'Accueil :) - Page 2 EmptyLun 19 Juil 2010, 13:52
Revenir en haut Aller en bas
Contenu sponsorisé




Page d'Accueil :) - Page 2 Empty
MessageSujet: Re: Page d'Accueil :)   Page d'Accueil :) - Page 2 Empty
Revenir en haut Aller en bas
 

Page d'Accueil :)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 2 sur 2Aller à la page : Précédent  1, 2

 Sujets similaires

-
» Page d'Accueil.
» Footer toujours en bas de page et à la largeur de la page
» [Page d'accueil] Un cadre déformé par le Message sur la page d'accueil [RÉSOLU]
» Ma page d'accueil
» Page D'accueil.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

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