changer de couleurs d'ecriture [Réglé]
satanas58 Membre non connecté
-
Booster Roquette
- Voir le profil du membre satanas58
- Inscrit le : 11/04/2012
- Site internet
Dite moi ou le dossier et la ligne car j'aimerais mettre en noirs ( donc me faudrait sa référence)
Merci pour vos réponses.
Édité par satanas58 Le 27/12/2012 à 14h44
Visiteur
Accueil
Animes
ScanTrad
Dessin Animés
Hentai (+18ans)
...
satanas58 Membre non connecté
-
Booster Roquette
- Voir le profil du membre satanas58
- Inscrit le : 11/04/2012
- Site internet
Legalité
Contact
Forum
Recrutements
Liens Morts
Livre D'or
Gifs
ScreenShoots
Toolbars
Tv Mangas
car du bleu sur du bleu bof .. En Noir ou en blanc ..
Édité par satanas58 Le 26/12/2012 à 21h03
satanas58 Membre non connecté
-
Booster Roquette
- Voir le profil du membre satanas58
- Inscrit le : 11/04/2012
- Site internet
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
ligne 264 du default.css
satanas58 Membre non connecté
-
Booster Roquette
- Voir le profil du membre satanas58
- Inscrit le : 11/04/2012
- Site internet
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
On t'a déjà demandé de faire quelques efforts
Code Couleur
ElenWii
satanas58 Membre non connecté
-
Booster Roquette
- Voir le profil du membre satanas58
- Inscrit le : 11/04/2012
- Site internet
Édité par satanas58 Le 26/12/2012 à 23h33
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
satanas58 :trouverMaintenant j'ai un souci je voudrais avoir un couleur qui pourrais être mieux en visibilité pour mes menu vertical deroulant . Donc je voudrais savoir dans quel ligne et une idée a me soumettre merci .
Satanas58, je ne répondrais pas à ta demande car tu n’écoute pas du tout ce que l'on te dit. (tous les menus sont gérés par le même fichier css...)
Si tu veux devenir webmaster, il faut que tu te salis un peu les mains...
Un web développeur possède à minima l'extension webdevelopper ou firebug pour firefox/Chrome (IE et Opera ayant un lecteur de code par défaut).
Une fois installer, un clic droit + examiner te montrera le bout de code que tu as sélectionner sur une page.
Donc, installe le et montre moi que tu as fait un effort, et je continuerais as t'aider
ElenWii
satanas58 Membre non connecté
-
Booster Roquette
- Voir le profil du membre satanas58
- Inscrit le : 11/04/2012
- Site internet
merci .. si j'ai d'autres souci pour d'autre sujet je reviendrais
Visiteur
satanas58 :c'est bon j'ai trouver comment sa marche mais sa ne change rien
Les liens que Elenwii t'a donné ci-dessus concerne FF. C'est donc normal que cela ne fonctionne pas sur Chrome.
Pour Chrome, l'équivalent de Firebug de FF, c'est inspect elements, et c'est en natif avec la navigateur. (comme indiqué par Elenwii)
Rien à installer. Clic droit puis inspecter l'élément.
Concernant Webdeloper, l'équivalent sur Chrome, ci-dessous
https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
Édité par Visiteur Le 27/12/2012 à 06h24
satanas58 Membre non connecté
-
Booster Roquette
- Voir le profil du membre satanas58
- Inscrit le : 11/04/2012
- Site internet
Code TEXT :
.dynamic_menu li li span {
color: #888;
font-size: 10px;
text-decoration: none;
padding-left: 32px;
width: 133px;
display: block;
white-space: nowrap;
margin: auto;
padding-top: 6px;
padding-bottom: 6px;
background-repeat: no-repeat;
background-position: 5px;Alors que dans le design en ligne 139 j'ai pas la même chose .. C'est pour les menu deroulant ..
Code TEXT :
/* --------------------------------------
design.css
Contient les conteneur, fortement dépendant du design.
--------------------------------------*/ /* Corps du site
--------------------------------------*/
* {
margin:0;
padding:0;
font-size:100%;
}
body {
background:#4c4c4c url(images/global.jpg) no-repeat center;/*background-attachment: fixed ; */
font-size:12px;
background-attachment: fixed ;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana,
'Bitstream Vera Sans', Times, serif;
color:#FFFFFF;
margin:auto;
padding:0;
}
/* Conteneurs
--------------------------------------*/
/* ##### Conteneur global du site ###### */
div#global {
margin:auto 5px;
margin-bottom:15px;
width:1000px;
}
div#global2 {
width:1000px;
margin-left: auto;
margin-right: auto
}
div#contenue {
background: url(images/contenue.png) repeat-y;
width:1200px;
margin-left: auto;
margin-right: auto;
clear:both;
}
/* ##### Entéte de la page ###### */
div#header_container {
background: url(images/header.png) no-repeat ;
height:332px;
width:1200px;
display: block;
margin-left: auto;
margin-right: auto
}
div#header_global {
background: url(images/header_global.png) repeat-x ;
height:332px;
width:100%;
}
/* ##### Entéte de la page ###### */
div#header{
height:146px;
padding-top:170px;
padding-left:20px;
}
/* ##### Conteneur en dessous de l'entéte ###### */
div#sub_header{
height:auto;
}
div#sub_header p a {
color:#000;
margin-right:20px;
font-size:13px;
font-family:"trebuchet ms";
}
/* Lien du subheader */
div#header .dynamic_menu h5.links {
border:none;
color:#FFFFFF;
width:140px;
height:10px;
background:url(images/bouton.png) no-repeat;
padding:15px 0px;
font-size:11px;
margin-right:0px;
}
div#header .dynamic_menu h5.links:hover {
color:#FFFFFF;
cursor:default;
background:url(images/bouton.png) no-repeat;
margin-top:-5px;
}
div#header .dynamic_menu h5 a {
color:#FFFFFF;
text-decoration:none;
}
/* ##### Compteur de visites ###### */
div#compteur {
position:absolute;
left:770px;
top:55px;
padding:10px;
padding-top:15x;
padding-left:50px;
background: url(images/comp.png) no-repeat;
width : 180px;
height: 60px;
color: #888;
}
/* ##### Menu de gauche ###### */
div#left_menu {
float:left;
width:200px;
margin:0;
margin-top:10px;
margin-right:10px !important;
margin-right:-1px;
padding:0;
}
/* ##### Menu droit ###### */
div#right_menu {
float:right;
margin:0;
margin-top:10px;
margin-left:-9px !important;
margin-left:0px;
}
/* ##### Contenu de la page ###### */
div#main {
width:auto;
min-width:450px;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
padding:0;
padding-top:0px;
margin:0;
}
/* ##### Barre de lien rapide ###### */
div#links { /*width:96%;*/
text-indent:10px;
margin-bottom:20px;
}
/* ##### Emplacement au dessus de contenu de la page ###### */
div#top_contents {
margin-top:15px;
margin :0;
margin-left: 20px;
margin-bottom:15px;
background: none;
height:29px;
width:auto px;
}
/* ##### Emplacement en dessous de contenu de la page ###### */
div#bottom_contents {
padding-top:15px;
padding-bottom:15px;
float:left;
}
/* ##### Bloc au dessus du pied de page ###### */
div#top_footer {
clear:both;
padding:0.75em;
margin-top:50px;
border-spacing:1px;
height:auto;
}
/* ##### Pied de page ###### */
div#footer {
height:272px;
text-align:center;
background:url(images/footer.png) no-repeat;
width:1000px;
margin-left:auto;
margin-right:auto;
}
div#footer_auteur {
clear:both;
height:20px;
text-align:right;
width:300px; /* A régler selon la largeur du site en px ou en 100%*/
}
div#footer span {
color:#FFF; /* changer la couleur du texte*/
font-size:10px; /* changer la taille du texte */
}
div#footer span a {
color:#FFF; /* changer la couleur du lien*/
font-size:10px; /* changer la taille du lien */
}
/* ##### Liens rapides ###### */
div#links_vertical {
display:block !important;
display:none;
position:fixed;
background:url(images/vertical_menu_repeat.png) repeat-y;
top:45%;
margin-left:989px;
width:27px;
text-align:center;
padding-left:2px;
}
div#links_vertical_top {
width:29px;
background:url(images/vertical_menu_top.png) no-repeat;
text-align:center;
margin-left:-2px;
padding-top:8px;
}
div#links_vertical_central {
width:27px;
text-align:center;
margin-left:-2px;
padding:4px 0px;
}
div#links_vertical_bottom {
width:29px;
background:url(images/vertical_menu_bottom.png) no-repeat;
text-align:center;
height:32px;
margin-left:-2px;
}
.bglinks {
background:url(images/bgmenu_links.jpg) no-repeat bottom right;
margin:0px;
padding:0px;
list-style-type:none;
padding-bottom:7px;
margin-bottom:5px;
}
.block {
margin:10px auto;
padding:10px;
border-spacing:1px;
border:1px #cccccc solid;
background-color:#ffffff;
-moz-border-radius:12px;
-khtml-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
background:#F7F8F5 url(images/contentbg.png) repeat-x;
}
/* ##### Contenu central ###### */
div#main_content {
width:768px;
margin-right:0px;
margin-left:0px;
border:1px #bebebe solid;
background:#7a8ec8;
}
.separ{
width: auto;
height:31px;
font-size:12px;
font-weight:bold;
color:#515C68;
background:url(images/separ.png) repeat-x;
margin-left:-5px;
}
#global_menu{
margin-left: auto;
margin-right: auto;
padding-top:95px;
background-position: top center;
}
#menu_on ul li{
display:block;
float:left;
margin:0 0px 0 0;
font-size:15px;
}
#menu_on ul li a{
display:block;
float:left;
color:#fff;
text-decoration:none;
padding:15px 20px 0 20px;
height:50px;
font-size:15px;
}
#menu_on ul li a:hover{
color:#fff;
background:transparent url(images/menu_on.png) repeat-x ;
font-size:15px;
}
/* #######################################*/
/* liens flottant du footer */
/* #######################################*/
.floatcop {
background:transparent url(images/separation.png) no-repeat scroll left center;
float:left;
height:180px;
margin:auto auto auto 0;
padding-left:10px;
width:150px; /* régler la largeur du menu */
}
.floatcop a{
color:#f8e882; /* changer la couleur du lien*/
font-size:10px;
text-align:left;
}
.floatcop a:hover{
color:#ffa500;/* changer la couleur du survol du lien*/
font-size:10px;
text-align:left;
}
.floatcop h1{
color:#ffffff;/* changer la couleur des titres*/
font-size:21px;
text-align:left;
}
div#floatcop .float {
float:left;
margin-left:5px;
margin-right:8px;
}
div#fin{
margin-left:auto;
margin-right:auto;
Donc ou est le code pour changer de couleurs ici car la lign 139 me donne bas rien d'ecrie .. Si je me trompe pas . Car je voudrais avoir les liens des sous menu du menu deroulant en noirs..
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Je pense que tu n'as pas compris le principe du language PHP/HTML/CSS
Je te fais simple, si tu veux apprendre (ce que je t'invite à faire), utilise ce site qui une très bonne référence pour débuterSiteduZero
Le PHP est un language serveur, c'est à dire que ce n'est pas ton pc qui travail mais le serveur sur lequel est heberger ton site web.
C'est un language de programmation qui te permet de faire notamment un site dynamique.
Le language HTML est le language Web par excellence qui lui est interprété par ton navigateur Firefox/Chrome/etc...
Pour personnaliser un site web, on utilise un fichier CSS ce qui evite de surcharger ta page HTML et permet de faire rapidement des modifications.
Maintenant on applique cela à PHPBoost :
PHP => fichier *.php à la racine de chaque module
HTML => fichier *.tpl dans le repertoire templates de chaque module et de ton thème
CSS => fichier *.css de chaque module et thème.
Par thème tu as donc plusieurs fichier CSS.
Maintenant que l'on a fait les bases, on reprend notre outil magique (examiner) et on regarde à quel fichier CSS est associé une class.
(pense à désactiver le cache CSS pour permettre l'affichage des nom de fichier css)
Je te laisse me dire à quel fichier appartient la class ".dynamic_menu li li span {"
Indice : Ce n'est pas design.css
satanas58 Membre non connecté
-
Booster Roquette
- Voir le profil du membre satanas58
- Inscrit le : 11/04/2012
- Site internet
.dynamic_menu li li {
color:#888;
background:#FFFFFF url(images/bgmenu.png) repeat-y;
}
.dynamic_menu li li a {
color:#888;
}
.dynamic_menu li li a:hover {
background-color:#fff;
border:1px solid #888;
sinon j'ai sa qui y ressemble ..
Édité par satanas58 Le 27/12/2012 à 14h09
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie