Aide pour page HTML

Page 2 sur 2 Précédent  1, 2

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

Résolu Aide pour page HTML

Message par Jiben le Jeu 29 Juil 2010 - 11:14

Rappel du premier message :

Bonjour.

j'ai deux Questions :

Je voudrais que les images dans les cadres ne soit pas aussi coller au cadre.

Spoiler:

DE plus je Voudrais Rajouter un texte dans le cadre que j'ai rajouter.
mais comment mettre du texte.
les cadre que j'ai mis est un montage.

Code de ma page HTML :
Code:
[center]<div class="mise_a_jour">
Si vous avez des question ou si vous remarquez une erreur, merci de me contacter par MP !!!
[color=pink]Dernière mise a jour le [b]mercredi 28 Juillet 2010 à 20h05[/b][/color]</div>


<div class="titretop10">[color=#9933FF][b][size=26]Top 10 des plus grosses pertes infligées !!![/size][/b][/color]</div>


<div class="top1">[color=Red] [size=18]1 ) [ LG ] Mathieu  VS McCain  [ TlT ][/size][/color]

 [color=green][i]( Fait le 8  février 2010)[/color][/i]

L'attaquant a perdu au total [color=blue]2 608 132 000[/color]  unités.
Le défenseur a perdu au total [color=cyan]10 658 611 000[/color]  unités.</div>


<div class="Top10pair">[color=cyan]2 ) [ LG ] Agen Kolar VS Avalone [ BSR ][/color]

[color=green][i]( fait le 29 mai 2010 ) [/color][/i]

L'attaquant a perdu au total [color=orange]2 368 206 000  [/color]unités.
Le défenseur a perdu au total[color=violet] 7 184 932 500 [/color] unités.</div>


<div class="Top10impair">[color=yellow]3 ) [ LG ] Agen Kolar VS Cloud  [/color]

[color=green][i]( Fait le 13  janvier 2010 ) [/color][/i]

L'attaquant a perdu au total [color=orange]1 208 677 500 [/color] unités.
Le défenseur a perdu au total [color=violet]6 541 870 000 [/color] unités.</div>


<div class="Top10pair">[color=cyan]4 ) [ LG ] Mathieu VS Cloud  [/color]

[color=green][i]( fait le 12  février 2010 )[/i][/color]

L'attaquant a perdu au total[color=orange] 588 451 000 [/color]unités.
Le défenseur a perdu au total [color=violet]6 320 997 000 [/color]unités.</div>


<div class="Top10impair">[color=yellow] 5 ) [ LG ] Agen Kolar VS Horus  [/color]

[color=green][i]( fait le 4 Juillet 2010 )[/i][/color]

L'attaquant a perdu au total [color=orange]640 558 500 [/color] unités.
Le défenseur a perdu au total [color=violet]5 805 281 000[/color] unités.</div>


<div class="Top10pair">[color=cyan]6 ) [ ZouZou ] Mathou28 VS Jiben [ LG ][/color]

[color=green][i]( fait le 11 octobre 2009 )[/color][/i]

L'attaquant [b]( Mathou28 )[/b] a perdu au total [color=orange]5 382 423 500[/color] unités.
Le défenseur [b]( Jiben )[/b] a perdu au total [color=violet]2 671 257 000[/color] unités.</div>


<div class="new">[color=yellow]7 )  [ LG ] Agen Kolar VS  jameson  [ BB5 ] [/color]

[color=green][i]( Fait le 25 juillet 2010)[/color][/i]

L'attaquant a perdu au total [color=orange]657 340 500 [/color]unités.
Le défenseur a perdu au total [color=violet]5 123 165 500 [/color]unités.</div>


<div class="new">[color=cyan]8 )  [ LG ] Agen Kolar VS Selion  [ SV ] [/color]

[color=green][i]( Fait le 25 juillet 2010)[/color][/i]

L'attaquant a perdu au total [color=orange]526 513 500 [/color]unités.
Le défenseur a perdu au total [color=violet]5 017 181 000 [/color]unités.</div>


<div class="Top10impair">[color=yellow]9 )  [ ex LG ] kleenexVS D1kaNtation [ Jenova ] [/color]

[color=green][i]( Fait le 9 février 2010)[/color][/i]

L'attaquant a perdu au total [color=orange]741.825.000 [/color]unités.
Le défenseur a perdu au total [color=violet]3.877.755.000 [/color]unités.</div>


<div class="Top10pair">[color=cyan]10 )  [ex LG ] kleenex  VS D1kaNtation [ Jenova ][/color]

[color=green][i]( Fait le 9 février 2010)[/color][/i]

L'attaquant a perdu au total [color=orange]479.918.500 [/color]unités.
Le défenseur a perdu au total [color=violet]3.737.630.500 [/color]unités.</div>
[/center]

Css :
Code:
.titretop10{ text-shadow: 5px 3px 15px #808080;
border-bottom: 1px dotted #000000;
border-top: 1px dotted #000000;}

.new{
    background-image: url('http://lesgendresbeta5.forumactif.org/users/1211/19/72/85/smiles/29870.gif'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #365a68; /*--- Couleur de fond ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
-moz-box-shadow: 0px 0px 15px red;
-webkit-box-shadow: 0px 0px 15px red;
box-shadow: 0px 0px 15px red;
Border: 1px solid red;
}


.top1{
    background-image: url('http://moe.mabul.org/up/moe/2009/08/31/img-204446ackhj.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: orange; /*--- Couleur de fond ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;
Border: 1px solid white;
}

.Top10impair{
-moz-box-shadow: 0px 0px 15px #66FFFF;
-webkit-box-shadow: 0px 0px 15px #66FFFF;
box-shadow: 0px 0px 15px #66FFFF;
Border: 1px solid #66FFFF;
}

.Top10pair{
-moz-box-shadow: 0px 0px 15px #00FF00;
-webkit-box-shadow: 0px 0px 15px #00FF00;
box-shadow: 0px 0px 15px #00FF00;
Border: 1px solid #00FF00;
}

.mise_a_jour {
    background-image: url('http://img156.imageshack.us/img156/6748/panneauattention.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #365a68; /*--- Couleur de fond ---*/
    border: 5px double #000000; /*--- Taille, type et couleur de la bordure ---*/
    color: #000000; /*--- Couleur du texte ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}

merci d'avance
Cordialement Jiben


Dernière édition par Jiben le Dim 15 Aoû 2010 - 17:41, édité 1 fois

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour page HTML

Message par Jiben le Lun 9 Aoû 2010 - 12:30

up svp

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour page HTML

Message par ge80 le Lun 9 Aoû 2010 - 13:02

Bonjour

Est-ce cela (avec bordure à 1 px) ?


Code:
<div class="top1">[center][color=Red] [size=18]1 ) [ LG ] Mathieu  VS McCain  [ TlT ][/size][/color][/center]<table border="1" width="710px" style="text-align: center;"><tr><td width="100px" style=" text-align: center;"><div style=" border: 1px solid #000000; width: 200px; height:80px;  text-align: center;" >Contenu texte</div></td><td width="500px" style=" text-align: center;">[color=green][i]( Fait le 8  février 2010)[/color][/i]
L'attaquant a perdu au total [color=blue]2 608 132 000[/color]  unités.
Le défenseur a perdu au total [color=cyan]10 658 611 000[/color]  unités.</td></tr></table></div>

lol!

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour page HTML

Message par Jiben le Lun 9 Aoû 2010 - 13:14

Salut.

OUi sa fonctionne comme sa .

Il suffit que je ne mets pas de couleur pour les bordure Wink

merci de votre aide Smile

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour page HTML

Message par ge80 le Lun 9 Aoû 2010 - 13:28

C'est un problème résolu ?

Il suffit d'adapter le code et de ne pas mélanger le bbcode et l'html.
Plus grande facilité de modification.

Cordialement
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour page HTML

Message par Jiben le Dim 15 Aoû 2010 - 17:41

Oui vous pouvez classer.

Encore merci

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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