Probleme css avec lien menu joomla 1.7

**lefabdu51** · 25/11/2011, 16h33

Re : Probleme css avec lien menu joomla 1.7

installe firebug et ensuite clic droit sur ton lien et inspecter un element.
Tu sauras le fichier, le selecteur a modifier.

**coco13** · 25/11/2011, 16h52

Re : Probleme css avec lien menu joomla 1.7

Arf merci mais j'ai déjà essayé avec firebug :

<div class="bjmod-content">
<li class="item-517">
<a href="MON LIEN">MON TEXTE</a>
</li>

<li class="item-518">
<a href="MON LIEN">MON TEXTE</a>
</li>

<li class="item-519">
<a href="MON LIEN">MON TEXTE</a>
</li>

le soucis c'est que sa classe "item-xxx" n'apparait dans AUCUN CSS, quand au bjmod-content il est un peu dans tous les css, je précise que firebug n'a trouvé AUCUN CSS alors que je vous ai fais une liste plus haut !!

MAIS POUR FAIRE SIMPLE : POUVEZ VOUS ME DIRE COMMENT FONCTIONNE LA PERSONNALISATION CSS PAR LIEN DEPUIS L'ADMIN (admin > Paramètres du type de liens > Style CSS du lien) ??? ON DOIT AJOUTER UN STYLE CSS DANS QUEL CSS ? Franchement bravo joomla : passer des heures pour si peu en html ca prend 2secondes... je veux juste modifier la couleur du lien de mon bloc gauche pas de tous les liens es-ce si compliqué que ça

snif!

Autant pour moi les lien de mon menu gauche sont apaprement liés au fichier BASE.CSS soi disant ligne 8 lol quand j'ouvre base.css avec dreamweaver y'a rien de tout ca (je vous copie le css ci dessous)

**Grand Schtroumpf** · 25/11/2011, 17h07

Re : Probleme css avec lien menu joomla 1.7

Bonjour,

Franchement bravo joomla : passer des heures pour si peu en html ca prend 2secondes...

ça c'est pas glop, comme disait un collègue à moi. Je ne suis pas un grand diplomate mais j'évite quand même de cracher dans la soupe quand je viens demander un service... Oui, tout ce qu'on ne connait pas semble complexe, et est chronophage. Tu obtiendras de meilleurs résultats en disant : je n'y comprends rien, aidez-moi s'il vous plait.

Je pense que ton problème n'est pas un problème Joomla (en tout cas pas que) mais un problème de maîtrise du CSS. Quand tu es dans Firebug, en partie droite (ce que tu as montré est la partie gauche) tu as les CSS qui s'appliquent à ton élément et dans quel fichier ils se trouvent. Il y en a un dans le lot qui porte la couleur grise et il faut l'identifier parce que soit tu va le modifier, soit ,s'il est trop générique, créer un nouveau style qui prendra le pas sur lui dans ton menu. Mais pour ça il faut l'identifier pour taper au bon niveau et dans le bon fichier.

En première approximation, avec ce que tu as montré, un

Code:

div. bjmod-content li a {
   color :#FFF
}

queque part doit ressembler à une solution à ton problème.

**coco13** · 25/11/2011, 17h11

Re : Probleme css avec lien menu joomla 1.7

/* ======================== COMMON ======================== */

/* standard */

*{padding:0;margin:0;line-height:1.5em}

body{color:#333333;font-size:12px;font-family:Arial,Helvetica,sans-serif}

a{text-decoration: none;color:#0276c7;}

a:hover{text-decoration:underline}

ul{margin:0 0 0 20px}

ul li{}

blockquote{}

a img{border:none}

form fieldset{border:none}

form li{background:none}

h1,h2,h3{text-align:left}

/* ======================== PATHWAY ======================== */

span.pathway,a.pathway{}

a.pathway:hover{}

span.pathway img{}

/* ======================== CONTENT ======================== */

/* page title */

.componentheading{font-weight:bold;text-transform:uppercase}

h1{background:url(../images/v2-white-bg-gradient.png) repeat-x;height:25px;font-weight:bold;margin:0 0 15px 0px;text-transform:uppercase;color:#757A80;padding:7px 0px 0 20px;border:1px solid #DDD;border-radius:3px;

-moz-border-radius: 3px;font-size:12px}

div.componentheading h1, div.componentheading h2, div.componentheading h3{font-size:12px;display:inline}

div.componentheading .left{padding:17px 3px;background:url(../images/heading_l.png) no-repeat;float:left;margin:-7px 0 0 -25px}

div.componentheading .right{padding:17px 3px;background:url(../images/heading_r.png) no-repeat;float:left;margin-top:-25px;display:none}

/*module title*/

div.moduletable h3{}

h4{margin:10px 0}

/* blog page main wrapper */

table.blog{}

table.blog td{padding:0 5px}

/* component & content container */

table.contentpane,table.contentpaneopen{width:100% ;text-align:left}

table.contentpane img,table.contentpaneopen img{}

.contentpaneopen li{margin:3px 0;padding:0 10px;background:url(../images/square.png) left no-repeat;}

table.contentpane td{width:auto}

/* separator after each content item */

span.article_seperator{}

/* content title */

td.contentheading,table.blog td.contentheading{font-size:16px;font-weight:bold}

.leading-0 h2{font-size:16px;color:#2173AF;margin:0 0 8px 0}

a.contentpagetitle{}

/* 3 buttons */

td.buttonheading{width:24px;padding:0;margin:0}

td.buttonheading img,td.buttonheading a{margin:0;padding:0}

table.blog td.buttonheading{padding:0 3px}

table.contentpaneopen{border-spacing:0px;margin:0 0 5px 0}

/* date & author */

.article-info{padding:3px 15px;color:#7F7F7F;font-style:italic;margin:0 0 10px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}

.article-info dd{background:url(../images/typo/author16x16.png) left no-repeat;padding:0 0 0 20px;display:inline;margin:0 10px}

.article-info .createdby{background:url(../images/typo/calendar16x16.png) left no-repeat;padding:0 0 0 20px}

.article-info .article-info-term{display:none}

td.create,td.modify{color:#7F7F7F;font-style:italic}

.smalldark{}

/* page counter */

div.pagenavcounter{}

/* table of content */

table.contenttoc{padding:4px;margin:4px}

table.contenttoc th{}

table.contenttoc td{}

a.toclink{}

/* content image */

div.img_caption{background:#f2f2f2;border:1px solid #CCC;padding:5px}

div.left{margin:0 10px 10px 0}

img.caption{}

p.img_caption{font-style:italic;text-align:center}

/* read more */

a.readon{text-decoration:underline}

a.readon:hover{}

/* search result */

.contentpaneopen fieldset{margin:10px 0;padding:10px;}

/* ======================== MORE ======================== */

/* panel */

div.blog_more{}

/* panel heading */

div.blog_more div{}

/* block list */

div.blog_more ul{}

div.blog_more ul li{}

/* list link */

.contentpaneopen li a,a.blogsection{color:#333333;text-decoration:none}

.contentpaneopen li a:hover,a.blogsection:hover{color:#0276c7;text-decoration:underline}

/* ======================== TABLE ======================== */

/* description */

td.contentdescription{font-weight:bold}

/* category link */

a.category{}

/* listing */

td.sectiontableheader{}

tr.sectiontableentry1 td{}

tr.sectiontableentry2 td{}

/* ======================== NAVIGATION ======================== */

/* multi-page content nav */

div.pagenavbar{}

div.pagenavbar div{}

div.pagenavbar div a{}

/* content item nav */

th.pagenav_prev,th.pagenav_next{}

th.pagenav_prev a,th.pagenav_next a{}

/* blog page nav */

.pagenav{}

a.pagenav{}

/* back button */

div.back_button{}

div.back_button a{}

div.back_button a:hover{}

/* ======================== FORM ======================== */

form{}

form label{}

input,textarea{}

input.button{padding:0 10px;text-align:center;cursor

ointer;height:17px;background:url(../images/v2-button.png) repeat-x;border:1px solid #FFF;font-size:11px;font-weight:bold}

input.button:hover{background:url(../images/v2-button-over.png) repeat-x}

button.button{padding:0 5px}

.contentpane .inputbox{}

.contentpane select.inputbox{}

select#mod_templatechooser_jos_change_template{wid th:142px;margin-top:3px}

textarea#contact_text.inputbox{width:90%}

#search_searchword{width:130px}

input.invalid{color:red;border:1px solid #ff0000}

#system-message{margin:10px 0}

#system-message dt.notice{background:#E6C0C0;padding:2px 10px;color:#fff;font-weight:bold;border:3px solid #DE7A7B;border-left:none;border-right:none}

#system-message dt.message{background:#C3D2E5;padding:2px 10px;color:#fff;font-weight:bold;border:3px solid #84A7DB;border-left:none;border-right:none}

#system-message dd.message{font-weight:bold;color:#000}

div.message{background:#C3D2E5;padding:2px 10px;color:#fff;font-weight:bold;border:3px solid #84A7DB;border-left:none;border-right:none;margin:10px 0}

/* ======================== POPUP ======================== */

body.contentpane{}

/* ======================== MENU ======================== */

/* ======================== SEARCH ======================== */

/* search wrapper */

div.search{}

/* keyword input field */

input#mod_search_searchword{}

/* keyword high-light */

span.highlight{}

/* ======================== LOGIN ======================== */

input.inputbox#modlgn_username{border:none;height: 22px;padding:2px 0 0 2px;}

input.inputbox#modlgn_passwd {border:none;height:22px;padding:2px 0 0 2px;}

input#modlgn_remember{margin:5px 0 0 0}

/* ======================== LATEST ARTICLE ======================== */

ul.latestnews{}

li.latestnews{}

a.latestnews{}

/* ======================== POPULAR ARTICLE ======================== */

ul.mostread{}

li.mostread{}

a.mostread{}

/* ======================== POLL ======================== */

/* wrapper table */

table.poll{}

/* question cell */

table.poll thead td{}

/* answers cell */

table.poll td{padding: 3px 0}

/* answers table */

table.pollstableborder{}

table.pollstableborder .sectiontableheader{color:#2173AF;font-size:15px}

table.pollstableborder .sectiontableheader img{margin:-12px 0 0 0}

table.pollstableborder td{}

td.sectiontableentry1,td.sectiontableentry2{text-align:left}

td.sectiontableentry1 input{margin: 0 10px 0 0}

table.pollstableborder .sectiontableentry0{background:#F2F2F2}

table.pollstableborder .sectiontableentry0 td{padding:3px 5px}

table.pollstableborder .sectiontableentry1 td{padding:3px 5px}

table.pollstableborder .smalldark{font-weight:bold}

table.poll input.button{padding:0px 3px;margin:0 0 10px 0}

.contentpane .sectiontableheader{background:#DDD;padding:5px;fo nt-weight:bold}

.contentpane .sectiontableentry1 td,.contentpane .sectiontableentry2 td{padding:5px}

.contentpane .sectiontableentry2 td{background:#F2f2f2}

/* Component contact */

#component-contact .contentpaneopen{

margin:0 0 0 20px;

}

#component-contact .table_contact td{

}

#component-contact .table_contact td.label{

text-align:right;

font-weight:bold;

}

#component-contact input.inputbox,#component-contact textarea{

padding:3px;

}

#searchForm #search_searchword{

padding:3px;

margin:0 5px;

}

#searchForm .button{

padding:1px 5px;

}

#searchForm input[name='searchphrase']{

margin:5px;

}

#searchForm input.search_area{

margin:5px 3px 0 10px;

}

#searchForm .searchintro br{display:none}

.search_results fieldset{border:none}

.search_results a.result-link{text-decoration:underline;font-size:14px}

.search_results .result-section{font-style:italic}

.search_results .searchword{font-weight:bold}

/* Joomla 1.6*/

.whosonline li{margin:0 0 0 15px}

.pagination{display:block;margin:10px 0;float:left;width:100%}

.pagination p.counter{text-align:center}

.pagination ul li{float:left;list-style:none;display:block;padding:0 5px;background:#f2f2f2;margin:0 1px}

.pagenav{}

.pagenav li{list-style:none;display:inline;padding:0 5px}

.item-separator{padding:10px 0}

.actions li{list-style:none;display:inline;padding:0 5px}

.form-validate{}

.form-validate .form-required{color:red}

.form-validate .star{color:red}

.form-validate .contact-email{}

.form-validate .contact-email div{float:left;display:block;width:100%;padding:10 px 0}

.form-validate .contact-email div label{float:left;width:100px}

**coco13** · 25/11/2011, 17h16

Re : Probleme css avec lien menu joomla 1.7

@Grand Schtroumpf

MERCI A TOI, oui tu as raison je n'y connais rien joomla c'est vrai et c'est vrai aussi que j'ai bien besoin d'aide, je ne voulais surtout pas vexer qui que ce soit... tu as raison j'ai édité mon mesage après il a bien fait une liason avec quelques CSS (base.css et d'autres qui était dans le dossier du module) par contre ca résout pas mon soucis car si je modifie le css (et encore faudrait que je trouve le quel et quel ligne) ca risque de le faire pour tout les liens alors que moi je veux juste mettre en blanc les liens de mon menu de gauche... MAIS MERCI A TOI ET LES AUTRES DE PRENDRE LE TEMPS DE ME LIRE J IMAGINE QUE VOUS AVEZ MIEUX A FAIRE MAIS JE JETTE UNE BOUTEILLE A LA MER CAR JE SUIS PERDU AU MILIEU DE CETTE COMPLEXITE / INGENIOSITE QU'EST JOOMLA ...

**lefabdu51** · 27/11/2011, 06h53

Re : Probleme css avec lien menu joomla 1.7

met un suffixe de lien de menu(_menu par exemple, etl'underscore est important). ton selecteur css deviendras menu_menu.

Quand tu trouves un identifiant ou une classe dans le code html de firebug, mais dans aucune feuille de style, c est qu aucun parametre n est appliqué.
Conclusion, il faut le creer.....
C est le principe avec joomla.
Tu as des classes dans le code html, qui n ont aucun paramètre par defaut.
C est du code preecrit, tu n as qu as appliqué le style css correspondant.
Le concepteur du template n as pas jugé bon de typer ce selecteur c est tout...Donc a toi de la faire c est pour simplifier la personalisation.

Probleme css avec lien menu joomla 1.7

[RÉGLÉ] Probleme css avec lien menu joomla 1.7

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association