petite aide pour quelques détails d'une PA.

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

Résolu petite aide pour quelques détails d'une PA.

Message par angepandora le Jeu 3 Juin 2010 - 11:15

Bonjours à vous.

Voilà j'aimerais faire quelque petites choses sur ma PA. Je n'arrive pas à trouver les bons mots pour faire une recherche qui puisse m'aider, alors je tente cette solution.

Mon panneau d'accueil se présente ainsi.

Spoiler:

Pour le haut du menu no soucy c'est déjà posé, c'est pour la suite que je bugue un peu.

1/J'aimerais positionner un cadre autours de la PA comme vous pouvez le constater.
2/ j'aimerais insérer une ligne sous la première partie du panneau.
3/La zone de texte correspondrait à un encadré soit qui défile, soit une sorte de bulle qui ressortirait pour que je puisse y insérer la vidéo de mon forum et un petit paragraphe de présentation de l'intrigue ou autre.
4/ La mise en place du tableau de base je sais la faire, je sais meme calculer l'espace, mais je n'ai aucune idée exact de quelle maniére je peux faire une grande colone(zone de texte) et deux petites à cotés comme sur le shéma.

Je sais que j'en demande beaucoup, donc si vous pouviez m'aider, je vous en remercie, je vais continuer à chercher en attendant des réponses. Je vous remercie par avance des réponses que vous pourriez me donner

angepandora
***

Messages : 174
Inscrit(e) le : 24/04/2008

http://xmhorizon.forumactif.org/
angepandora a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite aide pour quelques détails d'une PA.

Message par Anzu le Jeu 3 Juin 2010 - 11:38

Bonjour ^^,

Vous avez déjà testé un code ? Une base au moins ? Histoire que je puisse vous montrer quoi modifier/rajouter et où.

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: petite aide pour quelques détails d'une PA.

Message par angepandora le Jeu 3 Juin 2010 - 11:39

Je suis en train de travailler dessus, donc j'ai la base de ce que je veux faire qui est la suivante, j'essaye petit à petit de mon coté de rajouter des trucs. Mais pour le moment j'en suis à ceci

Spoiler:
<span class="genmed"><span class="postbody"></span><table class="forumline table1 bg3" width="100%" cellspacing="1"><tbody><tr><th colspan="1" rowspan="1" class="thTop forabg" width="50%"><form>
<select style="width: 268px;" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Navigation
</option>


<option value="http://ambrosia.forums-actifs.com/reglement-f3/reglement-t1.htm">
Règlement
</option>

<option value="http://ambrosia.forums-actifs.com/contexte-f4/l-histoire-t3.htm">
L’Histoire
</option>

<option value="http://ambrosia.forums-actifs.com/contexte-f4/intrigue-n1-en-memoire-de-merimin-t4.htm">
Intrigue n°1
</option>

<option value="http://ambrosia.forums-actifs.com/contexte-f4/les-groupes-t5.htm">
Les Groupes
</option>

<option value="http://ambrosia.forums-actifs.com/contexte-f4/details-pour-le-jeu-t6.htm">
Détails pour le jeu
</option>
<option value="http://ambrosia.forums-actifs.com/contexte-f4/les-groupes-t5.htmhttp://ambrosia.forums-actifs.com/avatars-f11/">
Les Avatars</option>


</select>
</form></th><th colspan="1" rowspan="1" class="thTop forabg" width="50%"><form>
<select style="width: 268px;" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Top partenaires
</option>


<option value="http://earth-playground.forumactif.org/forum.htm">
Earth Playground
</option>

<option value="http://gehinnom.forumactif.com/forum.htm">
Gehinnom
</option>

<option value="http://immortalgame-newborn.forumsactifs.net/forum.htm">
Immortal Game
</option>

<option value="http://liaisonsdangereuses.vampire-legend.net/">
Les liaisons Dangereuses
</option>


<option value="http://perdition.forumactif.com/">
Perdition
</option>
<option value="http://vampires-kingdom.forumactif.com/forum.htm">
Vampire Kingdom
</option>
<option value="http://velvetvalley.forumactif.com/">
Velvet Valley
</option>

<option value="http://vegas-elevation.clublegendes.com/jeuderole/index.php">
Vegas elevation
</option>

<option value="http://vampires-kingdom.forumactif.com/forum.htm">
Vampire Kingdom
</option>

<option value="http://vegas-elevation.clublegendes.com/jeuderole/index.php">
Vegas elevation
</option>
<option value="http://walhalla.un concurrent.fr/portal.php">
Walhalla
</option>
<option value="http://www.wayr2.com/forum.htm">
WAYR2
</option>
</select>
</form></th>
</tr>
<img src="http://i63.servimg.com/u/f63/11/23/68/10/accuei16.jpg" border="0" alt="" />


angepandora
***

Messages : 174
Inscrit(e) le : 24/04/2008

http://xmhorizon.forumactif.org/
angepandora a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite aide pour quelques détails d'une PA.

Message par Anzu le Jeu 3 Juin 2010 - 12:02

• Tout d'abord, ne pas oublier de fermer son table, sinon ca fait buguer.

• Votre image était mal placée dans le code, par conséquent elle se trouvait en dehors du tableau, il faut donc la mettre dans le table mais aussi dans le td.

• Si vous voulez faire défiler un texte, vous devez utiliser la balise marquee.
La direction du défilement:

Ex: <marquee directon="right">Texte</marquee>

Right > vers la droite
Left > vers la gauche

Up > vers le haut
Down > vers le bas

La vitesse:

Ex: <marquee scrollamount="8">Texte</marquee>
Lent > à partir de 1
Rapide > 20

Voici le code >
Code:

<span class="genmed"><span class="postbody"></span><table class="forumline table1 bg3" width="100%" cellspacing="0"><tbody><tr><td colspan="2"><img src="http://i63.servimg.com/u/f63/11/23/68/10/accuei16.jpg" border="0" alt="" /></td></tr><tr><th colspan="1" rowspan="1" class="thTop forabg" width="50%"><form>
<select style="width: 268px;" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Navigation
</option>


<option value="http://ambrosia.forums-actifs.com/reglement-f3/reglement-t1.htm">
Règlement
</option>

<option value="http://ambrosia.forums-actifs.com/contexte-f4/l-histoire-t3.htm">
L’Histoire
</option>

<option value="http://ambrosia.forums-actifs.com/contexte-f4/intrigue-n1-en-memoire-de-merimin-t4.htm">
Intrigue n°1
</option>

<option value="http://ambrosia.forums-actifs.com/contexte-f4/les-groupes-t5.htm">
Les Groupes
</option>

<option value="http://ambrosia.forums-actifs.com/contexte-f4/details-pour-le-jeu-t6.htm">
Détails pour le jeu
</option>
<option value="http://ambrosia.forums-actifs.com/contexte-f4/les-groupes-t5.htmhttp://ambrosia.forums-actifs.com/avatars-f11/">
Les Avatars</option>


</select>
</form></th><th colspan="1" rowspan="1" class="thTop forabg" width="50%"><form>
<select style="width: 268px;" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Top partenaires
</option>


<option value="http://earth-playground.forumactif.org/forum.htm">
Earth Playground
</option>

<option value="http://gehinnom.forumactif.com/forum.htm">
Gehinnom
</option>

<option value="http://immortalgame-newborn.forumsactifs.net/forum.htm">
Immortal Game
</option>

<option value="http://liaisonsdangereuses.vampire-legend.net/">
Les liaisons Dangereuses
</option>


<option value="http://perdition.forumactif.com/">
Perdition
</option>
<option value="http://vampires-kingdom.forumactif.com/forum.htm">
Vampire Kingdom
</option>
<option value="http://velvetvalley.forumactif.com/">
Velvet Valley
</option>

<option value="http://vegas-elevation.clublegendes.com/jeuderole/index.php">
Vegas elevation
</option>

<option value="http://vampires-kingdom.forumactif.com/forum.htm">
Vampire Kingdom
</option>

<option value="http://vegas-elevation.clublegendes.com/jeuderole/index.php">
Vegas elevation
</option>
<option value="http://walhalla.un concurrent.fr/portal.php">
Walhalla
</option>
<option value="http://www.wayr2.com/forum.htm">
WAYR2
</option>
</select>
</form></th>
</tr>
<tr><td style="height: 2; colspan="2"></td></tr>
<tr><td style="height: 2; background-color: #000000;" colspan="2"></td></tr>
<tr><td rowspan="2" valign="top">Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla </td><td valign="top"> PV</td></tr><tr><td valign="top"> Topsites</td></tr>
<tr><td colspan="2" align="center">Référencement</td></tr></table>

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: petite aide pour quelques détails d'une PA.

Message par angepandora le Jeu 3 Juin 2010 - 12:04

Je vous remercie mais ce n'est pas vraiment ce que je veux j'ai du mal m'exprimer Embarassed

Je voudrais insérer un cadre autours de la PA et une ligne sous les deux menus pour séparer.
Ensuite le tableau que je veux faire c'est insérer un texte dans un compartiment spéciale qui défile mais avec une barre de défilement de préférence ou bien dans une sorte de bulle

angepandora
***

Messages : 174
Inscrit(e) le : 24/04/2008

http://xmhorizon.forumactif.org/
angepandora a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite aide pour quelques détails d'une PA.

Message par Anzu le Jeu 3 Juin 2010 - 12:13

La ligne pour séparer s'y trouve Wink

Sorry, j'avais mal compris pour la deuxième partie >
Donc vous voulez un scrollbar en fait ? Razz

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: petite aide pour quelques détails d'une PA.

Message par angepandora le Jeu 3 Juin 2010 - 12:18

heu un scrollbar si c'est comme ca qu'on dit vi Very Happy

j'ai mis le tableau sur la pa et c'est super mais je vois pas les lignes ^^ en tous cas merci beaucoup de m'aider

EDIT: ah couleur vue, faut changer en couleur qui soit pas pareil que le BG Very Happy moi compris (dur dur des fois désolé)

angepandora
***

Messages : 174
Inscrit(e) le : 24/04/2008

http://xmhorizon.forumactif.org/
angepandora a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite aide pour quelques détails d'une PA.

Message par Anzu le Jeu 3 Juin 2010 - 12:28

Vous voulez quelle couleur pour la ligne ? Vu que j'ai pas le lien de votre forum/forum test, j'ai mis noir par défaut ^^
Code:

<span class="genmed"><span class="postbody"></span><table style=" border: 3px solid #333333;" width="100%" cellspacing="0"><tbody><tr><td colspan="2" align="center"><img src="http://i63.servimg.com/u/f63/11/23/68/10/accuei16.jpg" border="0" alt="" /></td></tr><tr><th colspan="1" rowspan="1" class="thTop forabg" width="50%"><form>
<select style="width: 268px;" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Navigation
</option>


<option value="http://ambrosia.forums-actifs.com/reglement-f3/reglement-t1.htm">
Règlement
</option>

<option value="http://ambrosia.forums-actifs.com/contexte-f4/l-histoire-t3.htm">
L’Histoire
</option>

<option value="http://ambrosia.forums-actifs.com/contexte-f4/intrigue-n1-en-memoire-de-merimin-t4.htm">
Intrigue n°1
</option>

<option value="http://ambrosia.forums-actifs.com/contexte-f4/les-groupes-t5.htm">
Les Groupes
</option>

<option value="http://ambrosia.forums-actifs.com/contexte-f4/details-pour-le-jeu-t6.htm">
Détails pour le jeu
</option>
<option value="http://ambrosia.forums-actifs.com/contexte-f4/les-groupes-t5.htmhttp://ambrosia.forums-actifs.com/avatars-f11/">
Les Avatars</option>


</select>
</form></th><th colspan="1" rowspan="1" class="thTop forabg" width="50%"><form>
<select style="width: 268px;" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Top partenaires
</option>


<option value="http://earth-playground.forumactif.org/forum.htm">
Earth Playground
</option>

<option value="http://gehinnom.forumactif.com/forum.htm">
Gehinnom
</option>

<option value="http://immortalgame-newborn.forumsactifs.net/forum.htm">
Immortal Game
</option>

<option value="http://liaisonsdangereuses.vampire-legend.net/">
Les liaisons Dangereuses
</option>


<option value="http://perdition.forumactif.com/">
Perdition
</option>
<option value="http://vampires-kingdom.forumactif.com/forum.htm">
Vampire Kingdom
</option>
<option value="http://velvetvalley.forumactif.com/">
Velvet Valley
</option>

<option value="http://vegas-elevation.clublegendes.com/jeuderole/index.php">
Vegas elevation
</option>

<option value="http://vampires-kingdom.forumactif.com/forum.htm">
Vampire Kingdom
</option>

<option value="http://vegas-elevation.clublegendes.com/jeuderole/index.php">
Vegas elevation
</option>
<option value="http://walhalla.un concurrent.fr/portal.php">
Walhalla
</option>
<option value="http://www.wayr2.com/forum.htm">
WAYR2
</option>
</select>
</form></th>
</tr>
<tr><td style="height: 2; colspan="2"></td></tr>
<tr><td style="height: 2; background-color: #000000;" colspan="2"></td></tr>
<tr><td rowspan="2" valign="top"><div style="height: 150px; overflow: auto;">Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla  Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla  Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla </div></td><td valign="top"> PV</td></tr><tr><td valign="top"> Topsites</td></tr>
<tr><td colspan="2" align="center">Référencement</td></tr></table>

C'est bien ca que vous vouliez ? Razz

Edit: j'ai édité le code pour que l'image soit centrée et j'ai rajouté le cadre que j'avais oublié > <

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: petite aide pour quelques détails d'une PA.

Message par angepandora le Jeu 3 Juin 2010 - 12:41

ouaaaa merci beaucoup c'est super, je vous remercie énormément

angepandora
***

Messages : 174
Inscrit(e) le : 24/04/2008

http://xmhorizon.forumactif.org/
angepandora 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