Aller au contenu

  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

petite question sur la feuille de style et sur le theme php d'un s

mathieu89

Par mathieu89
dans Programmation

 Partager

Messages recommandés

mathieu89 Full Patch Member

mathieu89

Posté(e)
Posté(e) (modifié)

salut tous monde

 

bon voila j'ai un pote qui tiens un site pour un jeux sur lequelle je suis aussi

et il ma demander de modifier la couleur du texte au niveau de son forum puisque la modifier la page de presentation pour cela il ma envoyer la feuille de style et le theme .php

 

je voudrais savoir comment on fait

 

 

merci d'avance

 

mathieu89

Modifié par mathieu89

gweno Full Patch Member

gweno

Posté(e)
Posté(e) (modifié)

Dans ta page en .php tu as surement aussi le code HTML. Donc tu reperes le bout de texte que tu dois metre en couleur et si ce n'est pas dégà fait tu le mets entre des balises DIV

 

Code de ta page .php

<div id="forum">
....................................................
....................................................
....................................................
</div>

 

Code feuille de style

DIV#forum
{
color : orange; (si tu veux le mettre en orange tu peux aussi utiliser la notation HTML pour donner une couleur)
}

 

Mais le plus simple ce serait que tu colles le code de la page. Bien sur en supprimant les mots passes qui pourraient apparaitre dans le cas d'une page en .php qui concerne un forum :P

Modifié par gweno
mathieu89 Full Patch Member

mathieu89

Posté(e)
  • Auteur
Posté(e)

je debute dans ce domiane donc si vous pouvez me guidez a u maximum

 

je voudrez aussi savoir comment ouvrir la theme .php

mathieu89 Full Patch Member

mathieu89

Posté(e)
  • Auteur
Posté(e)

la modification des couleur je le fait sur le theme php ou sur la feuille de theme

 

et ya pa la ligne que tu parle gweno a moinque j'ai male lu

 

sur le theme php il ya sa 

<?
//****************************************************************************
//** Thème Haloween - Nuked-KlaN b1.5
//**
//** By Sky (Skycokencc@hotmail.com)
//**
//** [url=http://www.tutomania.axiris.net/]http://www.tutomania.axiris.net/[/url]
//** [url=http://www.nuked-klan.org]http://www.nuked-klan.org[/url]
//** [url=http://themes.nuked-klan.org]http://themes.nuked-klan.org[/url]
//****************************************************************************

function top()
{
global $op, $nuked;

echo"	<html><head>
<meta name=\"keywords\" lang=\"fr\" content=\"$nuked[keyword]\">
<meta name=\"Description\" content=\"$nuked[description]\">";

echo"	<title>$nuked[name] :: $nuked[slogan] ::</title>";

echo"	<meta http-equiv=\"content-style-type\" content=\"text/css\">
<link title=\"style\" type=\"text/css\" rel=\"stylesheet\" href=\"themes/Haloween/style.css\">";

echo"	</head><body bgcolor=\"697378\" text=\"000000\" link=\"0000ff\" topmargin=\"0\">";

nbvisiteur();

echo "	<center><table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"1000\">
<a href=\"index.php\"><img src=\"themes/Haloween/images/head.jpg\" width=\"1000\"  border=\"0\" alt=\"\"></a>
<tr><td width=\"168\" valign=\"top\" bgcolor=\"#000000\"></table>
<table width=\"1000\" cellpadding=\"0\" background=\"themes/Haloween/images/fondG.jpg\" cellspacing=\"0\" border=\"0\">
<tr valign=\"top\"></tr></table>
<table width=\"1000\" cellpadding=\"0\" background=\"themes/Haloween/images/fondG.jpg\" cellspacing=\"0\" border=\"0\">
<tr valign=\"top\"><td width=\"168\" background=\"themes/Haloween/images/ButtonA.jpg\" valign=\"top\">";

  	get_blok('gauche');

echo "</td><td><img src=\"themes/Haloween/images/pixel.gif\" width=\"15\" height=\"1\" border=\"0\" alt=\"\"></td><td width=\"100%\">";

if($op==index){get_blok('centre');}
}


function footer()
{
global $nuked;

echo"	</td><td><img src=\"themes/Haloween/images/pixel.gif\" width=\"15\" height=\"1\" border=\"0\" alt=\"\">
</td><td valign=\"top\" width=\"168\" background=\"themes/Haloween/images/ButtonA.jpg\">";

get_blok('droite');

echo"	</td></tr></table>
	<table width=\"1000\" bgcolor=\"#E3620E\" cellpadding=\"10\" cellspacing=\"0\" border=\"0\">
	<tr align=\"center\"><td width=\"100%\" colspan=\"3\">$nuked[footmessage]</td></tr><tr></tr></table>";
}



function news($data)
{

echo"	<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"635\">
<tr><td width=\"29\"><img border=\"0\" src=\"themes/Haloween/images/wstabml.jpg\" width=\"29\"></td>
<td width=\"17\"><img border=\"0\" src=\"themes/Haloween/images/wstabla.jpg\" width=\"17\"></td>
<td width=\"543\" height=\"28\" background=\"themes/Haloween/images/wstabi.jpg\">
<center><font color=\"#000000\"><b>:: $data[titre]</b></font></center></td>
<td width=\"17\"><img border=\"0\" src=\"themes/Haloween/images/wstabri.jpg\" width=\"17\"></td>
<td width=\"29\"><img border=\"0\" src=\"themes/Haloween/images/wstabmr.jpg\" width=\"29\"></td></tr></table>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"635\">
<tr><td width=\"29\"><img border=\"0\" src=\"themes/Haloween/images/wsbleftt.jpg\" width=\"29\" height=\"23\"></td>
<td width=\"577\" background=\"themes/Haloween/images/wsbodyt.jpg\"></td>
<td width=\"29\"><img border=\"0\" src=\"themes/Haloween/images/wsbrghtt.jpg\" width=\"29\" height=\"23\"></td></tr></table>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"635\">
<tr><td width=\"29\" border=\"0\" background=\"themes/Haloween/images/wsbleft.jpg\" ></td>
<td width=\"577\" border=\"0\" background=\"themes/Haloween/images/fondnew.jpg\" >
<font color=\"#E3620E\">$data[image]<br>$data[texte]<br><center></font>
<br><font color=\"#E3620E\" size=\"1\">"._NEWSPOSTBY." <a href=\"index.php?file=Members&op=detail&autor=$data[auteur]\">$data[auteur]</a> "._THE." $data[date] "._AT." $data[heure]<br>
	<a href=\"index.php?file=News&op=index_comment&news_id=$data[id]\">"._NEWSCOMMENT."</a> ($data[nb_comment])</font> $data[printpage] $data[friend]<br></center></td>
<td width=\"29\" border=\"0\" background=\"themes/Haloween/images/wsbrght.jpg\" ></td></tr></table>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"635\">
<tr><td width=\"29\"><img border=\"0\" src=\"themes/Haloween/images/wsbleftb.jpg\" width=\"29\" height=\"32\"></td>
<td width=\"577\" background=\"themes/Haloween/images/wsbodyb.jpg\"></td>
<td width=\"29\"><img border=\"0\" src=\"themes/Haloween/images/wsbrghtb.jpg\" width=\"29\" height=\"32\"></td></tr></table>";

}



function block_gauche($block)
{

echo "	<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"168\">
<tr><td width=\"17\"><img src=\"themes/Haloween/images/wstabla.jpg\" width=\"17\" height=\"28\"></td>
<td width=\"134\" background=\"themes/Haloween/images/wstabi.jpg\"><center><font color=\"#000000\"><b>$block[titre]</b></font></center></td>
<td width=\"17\"><img src=\"themes/Haloween/images/wstabri.jpg\" width=\"17\" height=\"28\"></td></tr></table>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"168\">
<tr><td width=\"168\"><img src=\"themes/Haloween/images/ButtonAS.jpg\" width=\"168\" height=\"18\"></td></tr></table>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"168\">
<tr><td width=\"20\" background=\"themes/Haloween/images/ButtonAL.jpg\"></td>
<td width=\"128\" bgcolor=\"4C4C4C\"><center><b>$block[content]</b></center></td>
<td width=\"20\" background=\"themes/Haloween/images/ButtonAR.jpg\"></td></tr></table>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"168\">
<tr><td width=\"168\"><img src=\"themes/Haloween/images/ScrollA.jpg\" width=\"168\" height=\"18\"></td></tr></table>";
}



function block_droite($block)
{

echo "	<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"168\">
<tr><td width=\"17\"><img src=\"themes/Haloween/images/wstabla.jpg\" width=\"17\" height=\"28\"></td>
<td width=\"134\" background=\"themes/Haloween/images/wstabi.jpg\"><center><font color=\"#000000\"><b>$block[titre]</b></font></center></td>
<td width=\"17\"><img src=\"themes/Haloween/images/wstabri.jpg\" width=\"17\" height=\"28\"></td></tr></table>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"168\">
<tr><td width=\"168\"><img src=\"themes/Haloween/images/ButtonAS.jpg\" width=\"168\" height=\"18\"></td></tr></table>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"168\">
<tr><td width=\"20\" background=\"themes/Haloween/images/ButtonAL.jpg\"></td>
<td width=\"128\" bgcolor=\"4C4C4C\"><center><b>$block[content]</b></center></td>
<td width=\"20\" background=\"themes/Haloween/images/ButtonAR.jpg\"></td></tr></table>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"168\">
<tr><td width=\"168\"><img src=\"themes/Haloween/images/ScrollA.jpg\" width=\"168\" height=\"18\"></td></tr></table>";
}



function block_centre($block)
{
global $bgcolor3;

echo"	<table width=\"100%\" border=\"1\" cellspacing=\"1\" cellpadding=\"2\" bgcolor=\"$bgcolor3\"><tr><td>
<table width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"8\" background=\"themes/Haloween/images/wallpaper1.jpg\"><tr><td>
<li><b>$block[titre]</b><br>$block[content]</td></tr></table></td></tr></table><br>";	
}



function OpenTable() {
global $bgcolor3;
echo "<table width=\"100%\" border=\"1\" cellspacing=\"1\" cellpadding=\"2\" bgcolor=\"$bgcolor3\"><tr><td>";
echo "<table width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"8\" background=\"themes/Haloween/images/wallpaper1.jpg\"><tr><td>";
}


function CloseTable() {
echo "</td></tr></table></td></tr></table>";
}

?> 



et la feuille de style sa : 

body				 {scrollbar-face-color: #E3620E; scrollbar-track-color: #000000; scrollbar-arrow-color: #FFFFFF; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: Black;buttonface: #FFFFFF;}

BODY  { 
font-family: Tahoma, Verdana, sans-serif; 
font-size: 9px; 
font-weight: bold; 
color: #ffffff; 
text-decoration: none;
MARGIN-TOP: 0; 
MARGIN-LEFT: 0; 
MARGIN-RIGHT: 0; 
MARGIN-BOTTOM: 0;
}
TD {
FONT-FAMILY: arial;
FONT-SIZE: 12px;
}
TEXTAREA {
FONT-FAMILY:  Tahoma, Verdana, sans-serif; 
FONT-SIZE: 10px;
color : #000000; 
background-color : #FFFFFF;
font-weight : bold;
border-color : #000000;
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
text-indent : 2px;
}
INPUT {
background-color : #E3620E; 
color : #000000; 
font-family : Tahoma, Verdana, sans-serif; 
font-size : 10px; 
font-weight : normal;
border-color : #000000;  
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px;
text-indent : 2px;  
}
INPUT.pn-text {
background-color : #FFFFFF; 
color : #000000; 
font-family : Tahoma, Verdana, sans-serif; 
font-size : 10px; 
font-weight : normal;
border-color : #000000;  
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px;
text-indent : 2px;  
}
INPUT.pn-button {
background-color : #FFFFFF; 
color : #000000; 
font-family : Tahoma, Verdana, sans-serif; 
font-size : 10px; 
font-weight : normal;
border-color : #000000;  
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px;
text-indent : 2px;  
}
SELECT {
FONT-FAMILY: Tahoma, Verdana, sans-serif;
FONT-SIZE: 10px;
font-weight : bold;
background-color : #FFFFFF; 
}
SELECT.pn-text {
COLOR: #000000;
FONT-FAMILY: Tahoma, Verdana, sans-serif;
FONT-SIZE: 10px;
font-weight : bold;
background-color : #363636; 
}
A:link {
COLOR: #E3620E;
FONT-SIZE: 11px;
FONT-FAMILY: font-family: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none;
background-color : transparent; 
}
A:visited {
COLOR: #E3620E;
FONT-SIZE: 11px;
FONT-FAMILY:  font-family: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none;
background-color : transparent; 
}
A:hover {
COLOR: #ffffff;
FONT-SIZE: 11px;
FONT-FAMILY: font-family: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: underline overline;
background-color : transparent; 
}
A:active {
COLOR: #330066;
FONT-SIZE: 11px;
FONT-FAMILY: font-family: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-normal {  
font-family: Tahoma, Verdana, sans-serif; 
font-size: 11px; 
font-weight: normal; 
color: #000000; 
text-decoration: none;
}
.pn-normal A:link {
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY: Tahoma, Verdana, sans-serif;
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-normal A:visited {
COLOR: #000000;
FONT-SIZE: 11px;
font-weight: italic;
FONT-FAMILY:  Tahoma, Verdana, sans-serif;
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-normal A:hover {
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY: Tahoma, Verdana, sans-serif;
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-normal A:active {
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY: Tahoma, Verdana, sans-serif;
TEXT-DECORATION: underline overline;
background-color : transparent; 
}
.pn-title {  
font-family: Arial; 
font-size: 12px; 
font-weight: bold italic; 
color: #000000; 
text-decoration: none;
}
.pn-title A:link { 
COLOR: #000000; 
FONT-SIZE: 12px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: Tahoma, Verdana, sans-serif; 
TEXT-DECORATION: underline;
}
.pn-title A:visited { 
COLOR: #000000; 
FONT-SIZE: 12px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: Tahoma, Verdana, sans-serif;
TEXT-DECORATION: underline;
}
.pn-title A:hover { 
COLOR: #000000; 
FONT-SIZE: 12px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: Tahoma, Verdana, sans-serif; 
TEXT-DECORATION: none;
}
.pn-title A:active { 
COLOR: #000000;
FONT-SIZE: 12px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: Tahoma, Verdana, sans-serif;
TEXT-DECORATION: none;
}
.pn-sub {  
font-family: Tahoma, Verdana, sans-serif; 
font-size: 10px; 
font-weight: normal; 
color: #000000; 
text-decoration: none;
background-color : transparent; 
}
.pn-sub A:link { 
COLOR: #000000; 
FONT-SIZE: 10px;
FONT-FAMILY: Tahoma, Verdana, sans-serif;
font-style : normal;  
TEXT-DECORATION: underline;
background-color : transparent; 
}
.pn-sub A:visited { 
COLOR: #000000; 
FONT-SIZE: 10px;
FONT-FAMILY:  Tahoma, Verdana, sans-serif; 
TEXT-DECORATION: underline;
font-style : normal;
background-color : transparent; 
}
.pn-sub A:hover {
BACKGROUND-COLOR: #FFFFFF; 
COLOR: #000000; 
FONT-SIZE: 10px;
FONT-FAMILY: Tahoma, Verdana, sans-serif; 
TEXT-DECORATION: none;
font-style : normal;
}
.pn-sub A:active { 
COLOR: #000000; 
FONT-SIZE: 10px;
FONT-FAMILY: Tahoma, Verdana, sans-serif;
TEXT-DECORATION: underline;
font-style : normal; 
background-color : transparent; 
}
.pn-logo { 
COLOR: #000000; 
FONT-SIZE: 16px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: Tahoma, Verdana, sans-serif;
LETTER-SPACING: 3px; 
TEXT-DECORATION: none;
background-color : transparent; 
}
A.pn-logo:link { 
COLOR: #000000; 
FONT-SIZE: 16px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: Tahoma, Verdana, sans-serif; 
LETTER-SPACING: 3px;
TEXT-DECORATION: none;
background-color : transparent; 
}
A.pn-logo:visited { 
COLOR: #000000; 
FONT-SIZE: 16px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: Tahoma, Verdana, sans-serif;
LETTER-SPACING: 3px;
TEXT-DECORATION: none;
background-color : transparent; 
}
A.pn-logo:hover	{ 
COLOR: #000000; 
FONT-SIZE: 16px; 
FONT-WEIGHT: bold;
background-color: #FFFFFF; 
FONT-FAMILY: Tahoma, Verdana, sans-serif; 
LETTER-SPACING: 3px;
TEXT-DECORATION: none;
}
A.pn-logo:active { 
COLOR: #000000;
FONT-SIZE: 16px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: Tahoma, Verdana, sans-serif;
LETTER-SPACING: 3px;
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-logo-small  {
COLOR: #000000; 
FONT-SIZE: 11px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: Tahoma, Verdana, sans-serif; 
TEXT-DECORATION: none;
background-color : transparent;
}
.pn-pagetitle { 
font-family: Tahoma, Verdana, sans-serif; 
font-size: 14px; 
font-weight: bold; 
color: #000000; 
text-decoration: none;
background-color : transparent; 
}
.custom
{
font-size:15px;
color:#000000;
font-family:Arial;
font-weight:bold;
text-decoration:none;
}
.custom a:link
{
font-size:15px;
color:#000000;
font-family:Arial;
font-weight:bold;
text-decoration:none;
}
.custom a:active
{
font-size:15px;
color:#000000;
font-family:Arial;
font-weight:bold;
text-decoration:none;
}
.custom a:visited
{
font-size:15px;
color:#000000;
font-family:Arial;
font-weight:bold;
text-decoration:none;
}
.custom a:hover
{
font-size:15px;
color:#000000;
font-family:Arial;
font-weight:bold;
text-decoration:none;
}
.popperlink
{
POSITION: absolute;
VISIBILITY: hidden
}
.del a:link
{
color:#000000;
font-family:Arial;
font-weight:bold;
text-decoration:none;
}
.del a:visited
{
color:#000000;
font-family:Arial;
font-weight:bold;
text-decoration:none;
}
.edit a:link
{
color:#000000;
font-family:Arial;
font-weight:bold;
text-decoration:none;
}
.edit a:visited
{
color:131544;
font-family:Arial;
font-weight:bold;
text-decoration:none;
}

gweno Full Patch Member

gweno

Posté(e)
Posté(e)

Ah d'accord on dirait que j'ai fait fausse route depuis le debut. :P

 

Donc en fait, dans ta feuille de style tu as des lignes "color: xxxx;"

 

C'est ici que l'on choisis la couleur du texte, tu modifies chaque ligne identique à celle-ci de façon à obtenir les couleurs que tu veux.

mathieu89 Full Patch Member

mathieu89

Posté(e)
  • Auteur
Posté(e) (modifié)

la ligne des couleurs au lieu de x je met bleu c'est sa

 

et je voudrais modifier les contours etc du forum comment on fait

Modifié par mathieu89
gweno Full Patch Member

gweno

Posté(e)
Posté(e)

J'ai mit des xxxx pour faire une valeur generique, j'aurais aussi pux mettre des yyyy. Donc si tu veut du texte en bleu, oui tu mets blue ou une couleur en notation HTML ou encore RGB.

 

Pour ce qui est des conours faudrais que tu sois un peu plus préçis car la c'est un peux vague.

mathieu89 Full Patch Member

mathieu89

Posté(e)
  • Auteur
Posté(e)

sanstitre9xl.jpg

 

 

 

 

a gauche je voudrais le texte faire le textedu orange en jaune ou autre couleur

 

je parle du contour orange je voudrais le mettre bleu ou autre

mathieu89 Full Patch Member

mathieu89

Posté(e)
  • Auteur
Posté(e)

j'ai reussie a mettre la texte en jaune mais j'arrive pas a mettre le dans la partier droite de l'image que j'ai mis au dessus le quadeillage du forum en bleu et le baniere ou ya marquer forum sujet sur font bleu et texte en jaune

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
 Partager
Aller sur la liste des sujets

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...