Image cote a cote

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image cote a cote

Message par Popy le Jeu 5 Mai 2011 - 18:54

Bonjour,

Voila ma PA actuel:
Spoiler:

Je trouve que c'est un peu trop grand pour le peu de chose qu'il y a dedans...
Quelqu'un saurais rapproché un peu le tout ?
Et comment mettre les images du staff à coté l'une l'autre au lieu de l'un en dessous de l'autre ?

Merci d'avance.


Dernière édition par Popy le Jeu 5 Mai 2011 - 21:38, édité 1 fois

Popy
***

Féminin
Messages : 151
Inscrit(e) le : 29/09/2010

http://sicret-dream.forums-actifs.com/
Popy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image cote a cote

Message par tupac le Jeu 5 Mai 2011 - 19:37

Bonsoir

Pouvez vous nous donner votre code de la page d'accueil et le css si il y en a svp pour que quelqu'un s'en occupe.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image cote a cote

Message par Popy le Jeu 5 Mai 2011 - 21:18

Bonsoir
D'accord, les voila

Code de la page d'accueil:
Code:
<table cellSpacing="8" width="95%"><tr><td></td><td class="decor"><span style="font-size: 22px; line-height: normal"><img src="http://img11.hostingpics.net/pics/274408bienvenue.png" border="0" alt="" /></span></td><td></td></tr>
<tr><td class="decor"><span style="font-size: 17px; line-height: normal"><h2 class="titre1"><span>PARTENAIRES ;3</span></h2>
<p></p></span></td><td rowspan="2"  class="decor"><div style="width: 400px; height: 80px; overflow: auto; padding-right:5px;">En ce moment tout est nouveau que Pop-graph car le forum viens d'ouvrir alors je
 vais présenter peu se qu'il y as. Vous pourrez vous détendre dans la partie jeux, concours où flood, ou alors être un peu plus sérieux en passant vos
 évaluations et en suivant les cours bien sure et penser a consulter le magazine du forum de temps en temps ;D (tenue par Popy). Et surement pleins d'autres nouveauté qui seront affiché ici ! :}</div></td><td  class="decor"><span style="font-size: 17px; line-height: normal"><h2 class="titre1"><span>STAFF PG</span></h2></span></td></tr>
<tr><td><div style="width: 300px; height: 80px; overflow: auto; padding-right:5px;">Les partenaires sont a venir.... partenaire a venir... partenaire a venir... partenaires a venir... partenaire a venir... partenaire a venir... partenaire a venir... partenaire a venir... partenaire a venir... partenaires a venir... partenaire a venir... Partenaire a venir... Partenaire a venir... Partenaire a venir... partenaire a venir... partenaire a venir... partenaire a venir... partenaire a venir...</div></td><td><div class="infobulle"><img src="http://img11.hostingpics.net/pics/528541mma.png">
<span>&mma ! Admin et fondatrice: 15ans</span></div> <div class="infobulle"><img src="http://img11.hostingpics.net/pics/923024popy.png">
<span>Popy ! Modo & Designeuse et codeuses
13 ans.</span></div></td></tr></table>

Css:
Code:
body
{background-position: top center;
}


a {
font-variant: small-caps;
}


th {
font-family:monospace; (police)
text-align: center; (pour aligner le texte)
}

a.forumlink {
font-family: monospace;
background-color: ; (couleur du fond)
display: block; (affiche sous forme de "bloc" si tu spécifies pas la largeur, il prendra toute la largeur)
font-weight: bold; (met la police en gras)
text-align: center;
border-bottom: 1px dashed #C799B8; (ajoute une bordure en dessous)
color : #B56B4F; (couleur du titre du forum)
}



.postdetails.poster-profile a img {
border:4px solid #FFFFFF;
border-left: 6px solid #FFFFFF;
border-right: 6px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

a { text-decoration: none; }

tr.post td {padding-left: 20px;}

h2.titre1 span {
  padding: 2px 10px 2px 5px; /* Dans l'ordre: padding-top padding-right padding-bottom padding-left */
  margin-left: 10px; /* Décaler le titre par rapport aux paragraphes normaux */
  border-left: 5px solid #458EFF;
  border-bottom: 2px dotted #458EFF;
  color: #be4d5d;
}
h2.titre2 {
  display: inline; /* Ne plus considérer le titre comme un bloc */
  /* Après, c'est la même chose que pour titre1 : */
  margin-left: 10px;
  padding: 2px 10px 2px 5px;
  border-left: 5px solid #458EFF;
  border-bottom: 2px dotted #458EFF;
  color: #BE4D5D;
}


.forumline{border:2px dotted #000000;
}

a {
  text-shadow: 1px 1px 1px #ffbbbf;
}

.desc {
padding: 10px;
margin: 10px;
background-color: #be94a3;
border: 1px solid #FFFFFF;
}

[table border=0][tr][td][center][img]http://img11.hostingpics.net/pics/882278uhiues.png[/img][/center][/td][td]

.decor{
border: 5px solid black;
vertical-align: top;
text-align: center;
padding: 8px;
width: 30%;}

.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}

.infobulle span{
position: absolute;
background-color: #ff7f93;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}

.infobulle span img{
border: 1px;
padding: 5px;}

.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 150px ;
color:#FFFFFF;
border: 1px solid #000;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;}

Popy
***

Féminin
Messages : 151
Inscrit(e) le : 29/09/2010

http://sicret-dream.forums-actifs.com/
Popy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image cote a cote

Message par Anzu le Jeu 5 Mai 2011 - 21:26

Bonsoir,

Remplacez par ceci:

Code:
    <table cellSpacing="8" width="95%"><tr><td></td><td class="decor"><span style="font-size: 22px; line-height: normal"><img src="http://img11.hostingpics.net/pics/274408bienvenue.png" border="0" alt="" /></span></td><td></td></tr>
    <tr><td class="decor"><span style="font-size: 17px; line-height: normal"><h2 class="titre1"><span>PARTENAIRES ;3</span></h2>
    <p></p></span></td><td rowspan="2"  class="decor"><div style="width: 400px; height: 80px; overflow: auto; padding-right:5px;">En ce moment tout est nouveau que Pop-graph car le forum viens d'ouvrir alors je
    vais présenter peu se qu'il y as. Vous pourrez vous détendre dans la partie jeux, concours où flood, ou alors être un peu plus sérieux en passant vos
    évaluations et en suivant les cours bien sure et penser a consulter le magazine du forum de temps en temps ;D (tenue par Popy). Et surement pleins d'autres nouveauté qui seront affiché ici ! :}</div></td><td  class="decor"><span style="font-size: 17px; line-height: normal"><h2 class="titre1"><span>STAFF PG</span></h2></span></td></tr>
    <tr><td><div style="width: 300px; height: 80px; overflow: auto; padding-right:5px;">Les partenaires sont a venir.... partenaire a venir... partenaire a venir... partenaires a venir... partenaire a venir... partenaire a venir... partenaire a venir... partenaire a venir... partenaire a venir... partenaires a venir... partenaire a venir... Partenaire a venir... Partenaire a venir... Partenaire a venir... partenaire a venir... partenaire a venir... partenaire a venir... partenaire a venir...</div></td><td><table><tr><td width="50%"><div class="infobulle"><img src="http://img11.hostingpics.net/pics/528541mma.png">
    <span>&mma ! Admin et fondatrice: 15ans</span></div></td><td> <div class="infobulle"><img src="http://img11.hostingpics.net/pics/923024popy.png">
    <span>Popy ! Modo & Designeuse et codeuses
    13 ans.</span></div></td></td></tr></table></tr></table>

Par contre, pour la largeur, tout dépend de la largeur de votre forum aussi, car sur mon forum test, ce n'est pas large.

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image cote a cote

Message par Popy le Jeu 5 Mai 2011 - 21:32

Oh merci beaucoup ! C'est PARFAIT ! exactement se qu'il me fallait =)
Merci beaucoup !

Juste une dernière question ^^' Si personne repond c'est pas grave c'est pas important .
Est-ce que vous savez comment mettre de l'opacité au infobulle ?

Popy
***

Féminin
Messages : 151
Inscrit(e) le : 29/09/2010

http://sicret-dream.forums-actifs.com/
Popy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image cote a cote

Message par Anzu le Jeu 5 Mai 2011 - 21:34


Là c'est une autre demande, différente de celle de base. Je sais que c'est contraignant, mais pour faciliter la recherche et la résolution des problèmes, je vous invite à poster un nouveau sujet pour cette demande Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image cote a cote

Message par Popy le Jeu 5 Mai 2011 - 21:37

Ah pardon, je le fait de suite =)
Encore merci, problème résolue

Popy
***

Féminin
Messages : 151
Inscrit(e) le : 29/09/2010

http://sicret-dream.forums-actifs.com/
Popy a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum