Zmiana koloru niektórych odnośników w menu
Strona 1 z 2 12 OstatniOstatni
Wyniki 1 do 10 z 17

Temat: Zmiana koloru niektórych odnośników w menu

  1. #1
    Nowicjusz
    Dołączył
    14-03-2009
    Wpisy
    30
    Punkty
    10

    Domyślny Zmiana koloru niektórych odnośników w menu

    Witam
    Mam problem z wykonaniem zmiany koloru w odnośnikach w menu, chce aby jeden z nich był wyróżniony np na czerwono
    Korzystam z templatki http://www.joomla24.com/remository/D...Theme_125.html

    Próba modyfikacji przez przyrostek css nie udana
    Sekcja menu opisana jest w arkuszu stylów następująco
    Kod:
    /*________________________________________MAINMENU_____________________________________*/
    .module_menu   {margin:0px 0px 10px 0px;}
    .module_menu div  {}
    .module_menu div div {}
    .module_menu div div div{}
    .module_menu h3   {color:#fff; font-size:14px; font-weight:bold; padding:12px 0px 10px 30px; background:url(../images/box_h3.gif) no-repeat 0 0}
    .module_menu ul   {padding:3px 0px 15px 0px;}
    .module_menu li   {padding:2px 0px 2px 0px; background:url(../images/li_bg.gif) repeat-x 0 bottom }
    .module_menu li a  {color:#555; font-size:12px; font-weight:normal;  text-decoration:none; line-height:16px; padding:1px 0px 2px 0px; background:url(../images/menu_bullet.gif) no-repeat 0px 8px; display:block}
    .module_menu li a em {font-style:normal}
    .module_menu li a:hover {color:#555; text-decoration:none}
    .module_menu li a:visited   {color:#555}
    .module_menu-red li a {color:#F00; font-size:12px; font-weight:normal;  text-decoration:none; line-height:16px; padding:1px 0px 2px 0px; background:url(../images/menu_bullet.gif) no-repeat 0px 8px; display:block}
    Czy ktoś może mi pomóc jak wykonać taką modyfikację ?

  2. Pani Reklamowa
    Pani Reklamowa jest aktywna
    Avatar Panny Google

    Dołączył
    19-08-2010
    Skąd
    Internet
    Postów
    milion
    Pochwał
    setki
  3. #2
    Przeglądacz DaReK_tHe_CrOw awatar
    Dołączył
    14-08-2008
    Skąd
    Gdynia
    Wpisy
    72
    Punkty
    11

    Domyślny

    też jestem ciekaw odpowiedzi, ponieważ sam z chęcią bym skorzystał z tego rozwiązania.

  4. #3
    Senior Bazyl awatar
    Dołączył
    02-08-2008
    Skąd
    Skierniewice
    Wpisy
    7 693
    Punkty
    574

    Domyślny

    Każda pozycja menu ma własną klasę: itemXXX, więc...

  5. #4
    Nowicjusz
    Dołączył
    14-03-2009
    Wpisy
    30
    Punkty
    10

    Domyślny

    bazyl
    Każda pozycja menu ma własną klasę: itemXXX, więc...
    no ok mają, akurat ta pozycja ma u mnie item4
    ale co dalej ? proszę o jasne odpowiedzi

  6. #5
    Senior Bazyl awatar
    Dołączył
    02-08-2008
    Skąd
    Skierniewice
    Wpisy
    7 693
    Punkty
    574

    Domyślny

    Musisz zmienić kolor odnośnika dla .itemXXX.
    Wygóglaj sobie, sobie utrwalisz...

  7. #6
    Nowicjusz
    Dołączył
    14-03-2009
    Wpisy
    30
    Punkty
    10

    Domyślny

    google za wiele i jasno o tym nie pisze

    może więc rozwine swoje próby
    dodałem w pliku stylów takie linijki
    Kod:
    .module_menured li a em {font-style:normal}
    .module_menured li a:hover {color:#F00; text-decoration:none}
    .module_menured li a:visited   {color:#F00}
    oraz w parametrach zmienianego odnośnika w sekcji Parametry: systemu > Przyrostek klas CSS strony wpisałem red
    ale nic sie nie dzieje, odnosnik ma dalej kolor defaultowy
    rozdzielenie module_menu-red też nic nie daje

  8. #7
    Senior Bazyl awatar
    Dołączył
    02-08-2008
    Skąd
    Skierniewice
    Wpisy
    7 693
    Punkty
    574

    Domyślny

    .itemXXX dla odnośnika, a odnośnik to a

    Podstawy html i css


    // Nie napisałem, że XXX to cyfry...

  9. #8
    Nowicjusz
    Dołączył
    14-03-2009
    Wpisy
    30
    Punkty
    10

    Domyślny

    zamiast z postu na post powiększać czcionke .itemxxx wystarczyło by napisać co gdzie i jak, ale lepiej nabijać sobie posty co nie ?
    gdzie mam se to wstawić do czego do css ?
    napisz coś sensowengo albo przestań zbędnie się odzywać, bo chyba po to jest to forum żeby pomagać a nie pisać tylko poszukaj w google

  10. #9
    Senior Bazyl awatar
    Dołączył
    02-08-2008
    Skąd
    Skierniewice
    Wpisy
    7 693
    Punkty
    574

    Domyślny

    To jest forum użytkowników Joomla!.
    Kursy html i css są w sieci.
    To, ze nie rozumiesz, o czym piszę nie jest moja winą.

  11. #10
    Nowicjusz
    Dołączył
    14-03-2009
    Wpisy
    30
    Punkty
    10

    Domyślny

    Cytat Wysłane przez bazyl Zobacz wiadomość
    To jest forum użytkowników Joomla!.
    Kursy html i css są w sieci.
    To, ze nie rozumiesz, o czym piszę nie jest moja winą.
    to akurat jest działa na temat szablonów do joomli
    ok wstawie więc moze cały css gdzie tu niby są jakieś klasy .itemXXX

    Kod:
    body, button, td, th, div, p {
    color:#000000;
    font:12px Tahoma;
    }
    input {
    color:#000000;
    }
    body {
    background:none repeat scroll 0 0 #202A32;
    padding:26px 0 51px;
    }
    td {
    color:#000000;
    line-height:16px;
    }
    a {
    color:#000000;
    text-decoration:underline;
    }
    a:visited {
    color:#000000;
    }
    a:hover {
    color:#000000;
    text-decoration:none;
    }
    label {
    color:#000000;
    }
    p {
    line-height:16px;
    padding:0;
    }
    span a {
    color:#FF3000 !important;
    }
    .inputbox {
    border:1px solid #46462F;
    }
    .article_indent, #component-contact {
    padding:10px 0 0;
    }
    .article_separator {
    background:url("../images/article_separator.gif") repeat-x scroll 0 50% transparent;
    line-height:20px;
    }
    .contentpaneopen td {
    line-height:17px;
    }
    .contentpaneopen p {
    padding:0;
    }
    .contentpaneopen font {
    color:#000000;
    }
    .contentpaneopen img {
    margin:0 15px 0 0;
    }
    .contentpaneopen li {
    background:url("../images/li_bg2.gif") no-repeat scroll 0 0 transparent;
    line-height:10px;
    padding:0 0 0 10px;
    }
    .contentpaneopen li a {
    color:#000000;
    display:block;
    padding:2px 0 0 13px;
    text-decoration:none;
    }
    .contentpaneopen li a:hover {
    text-decoration:underline;
    }
    .contentheading {
    background:url("../images/title_bg.gif") no-repeat scroll 0 0 transparent;
    color:#000000;
    font-size:16px;
    font-weight:bold;
    padding:10px 0 0 61px;
    }
    .buttonheading {
    padding:10px 0 0;
    }
    .button, .validate {
    background:url("../images/button.gif") repeat scroll 0 0 transparent;
    border:medium none;
    color:#000000;
    display:block;
    font-size:11px;
    font-weight:normal;
    height:27px;
    margin:0;
    padding:0;
    text-align:center;
    text-transform:none;
    width:72px;
    }
    a.readon {
    color:#5A9B02;
    display:block;
    float:right;
    font-family:Georgia;
    font-size:12px;
    font-weight:normal;
    margin:0;
    padding:3px 10px 3px 0;
    text-decoration:none;
    }
    a.readon:hover {
    color:#5A9B02;
    text-decoration:underline;
    }
    a.readon:visited {
    color:#5A9B02;
    }
    .readmore {
    display:table;
    float:right;
    margin:5px 0 0;
    padding:0;
    width:auto;
    }
    * html .readmore {
    }
    .iteminfo {
    background:url("../images/iteminfo_gl.gif") repeat-x scroll center bottom transparent;
    margin:0 0 15px;
    padding:0 0 6px;
    }
    .modifydate {
    color:#5A9AB1;
    font-size:11px;
    padding:5px 0 0;
    }
    .createdby {
    color:#5A9AB1;
    display:block;
    font-size:11px;
    font-weight:bold;
    text-transform:none;
    }
    .createdate {
    color:#5A9AB1;
    font-size:11px;
    margin:0;
    padding:0;
    text-transform:none;
    }
    .small {
    color:#5A9AB1;
    font-size:11px;
    font-weight:normal;
    margin:0;
    text-transform:none;
    }
    span.small {
    background:url("../images/small.gif") no-repeat scroll 0 0 transparent;
    margin:0;
    padding:0;
    text-transform:none;
    }
    .blog_more {
    padding:10px 0;
    }
    .blog_more h2 {
    background:none repeat scroll 0 0 transparent;
    color:#000000;
    font-size:12px;
    padding:0;
    }
    .blog_more ul {
    margin:10px 0 0 10px;
    }
    .blog_more a {
    color:#000000;
    }
    .blog_more a:hover {
    color:#000000;
    text-decoration:none;
    }
    .blog_more strong {
    color:#000000;
    }
    .pagenav {
    color:#000000;
    font-size:12px;
    font-weight:normal;
    }
    a.pagenav {
    color:#000000;
    }
    a.pagenav:hover {
    color:#000000;
    text-decoration:none;
    }
    .pagination_nav {
    background:url("../images/article_separator.gif") repeat-x scroll 0 0 transparent;
    color:#000000;
    font-size:12px;
    padding:7px 0 0;
    }
    .pagination {
    margin-top:10px;
    }
    .pagination li {
    float:left;
    padding:0 5px;
    }
    .sectiontableentry0 td {
    border-bottom:1px solid #333333;
    padding:5px 0;
    }
    .sectiontableentry1 td {
    background:none repeat scroll 0 0 #75B71E;
    border-bottom:1px solid #333333;
    border-top:1px solid #000000;
    padding:5px 0;
    }
    .sectiontableentry2 td {
    padding:5px 0;
    }
    .sectiontableentry0, .sectiontableentry1, .sectiontableentry2 {
    }
    .sectiontableentry1 a {
    color:#FFFFFF;
    }
    .sectiontableentry1 a:hover {
    color:#FFFFFF;
    }
    .sp {
    padding-right:4px !important;
    }
    .sp2 {
    padding:0 0 0 10px;
    }
    .pollstableborder {
    margin:10px 0 0;
    }
    .poll {
    }
    .poll thead td {
    color:#525C64;
    font-size:12px;
    font-weight:normal !important;
    padding:10px 0 0;
    }
    .pollstableborder td {
    font-size:11px;
    padding:2px 0 2px 5px;
    text-align:left;
    vertical-align:top;
    }
    .pollstableborder label {
    color:#5F6258;
    display:block;
    font-size:11px;
    padding:0 0 0 8px;
    }
    .article_separator {
    display:block;
    height:5px;
    margin:5px 0 10px;
    }
    .display {
    padding:0 0 10px;
    }
    .display select {
    border:1px solid #46462F;
    height:16px;
    width:100px;
    }
    .sectiontableentry1 div, .sectiontableentry0 div {
    font-size:1px;
    }
    #search {
    background:url("../images/search_bg.gif") no-repeat scroll 0 0 transparent;
    float:right;
    width:171px;
    }
    .search_s7 {
    height:25px;
    padding:0 0 0 5px;
    }
    .inputbox_s7 {
    background:none repeat scroll 0 0 transparent;
    border:medium none;
    color:#404040;
    font-size:11px;
    height:17px;
    margin:0;
    padding:2px 0 0 5px;
    vertical-align:top;
    width:165px;
    }
    * html .inputbox_s7 {
    height:21px;
    }
    .button_s7 {
    }
    .search_result h3 {
    color:#1E3300;
    font-size:14px;
    }
    .search_result p {
    padding:10px 0 0;
    }
    #search_searchword {
    border:1px solid #999999;
    }
    legend {
    color:#1E3300;
    }
    .phrase {
    border:1px solid #CCCCCC;
    color:#000000;
    float:left;
    margin:10px 10px 10px 0;
    padding:10px;
    width:60%;
    }
    .phrase .inputbox {
    background:none repeat scroll 0 0 #FFFFFF;
    color:#000000;
    display:block;
    margin-top:10px;
    width:12em;
    }
    .phrase .inputbox option {
    background:none repeat scroll 0 0 #FFFFFF;
    border-bottom:1px solid #333333;
    padding:2px;
    }
    .phrase .inputbox option a:hover {
    background:none repeat scroll 0 0 #CC0000;
    border-color:#CFD0D6;
    color:#1E3300;
    }
    fieldset.word, fieldset.only {
    border:1px solid #CCCCCC;
    }
    .only {
    border:0 solid;
    line-height:1.3em;
    margin:10px 0 0 10px;
    padding:5px 10px;
    }
    .word {
    border:0 solid !important;
    padding:10px 10px 10px 0;
    }
    .word input {
    background:none repeat scroll 0 0 #FFFFFF;
    color:#FF6614;
    font-weight:normal;
    margin:0 0 0 10px;
    padding:2px;
    }
    .module {
    margin:0 0 10px;
    }
    .module div {
    }
    .module div div {
    }
    .module div div div {
    }
    .module h3 {
    background:url("../images/box_h3.gif") no-repeat scroll 0 0 transparent;
    color:#FFFFFF;
    font-size:14px;
    font-weight:bold;
    padding:12px 0 10px 30px;
    }
    .module .button {
    background:url("../images/button.gif") repeat scroll 0 0 transparent;
    color:#FFFFFF;
    display:inline;
    font:bold 12px Arial;
    height:27px;
    margin:15px 0 0;
    width:72px;
    }
    .module label {
    color:#3A7FB1;
    }
    .module ul {
    padding:0 0 15px;
    }
    .module li {
    padding:2px 0;
    }
    .module li a {
    background:url("../images/bullet.gif") no-repeat scroll 0 0 transparent;
    color:#2C7CAE;
    display:block;
    font-size:13px;
    font-weight:normal;
    line-height:16px;
    padding:0 0 0 25px;
    text-decoration:underline;
    }
    .module li a:hover {
    color:#2C7CAE;
    text-decoration:none;
    }
    .module li a:visited {
    color:#2C7CAE;
    }
    .module_s3 {
    background:url("../images/nd_bg.gif") repeat-y scroll 0 0 transparent;
    }
    .module_s3 div {
    background:url("../images/nd_top.gif") no-repeat scroll 0 0 transparent;
    width:100%;
    }
    .module_s3 div div {
    background:url("../images/nd_bot.gif") no-repeat scroll 0 bottom transparent;
    padding:10px 10px 25px 23px;
    }
    .module_s3 div div div {
    background:none repeat scroll 0 0 transparent;
    color:#F9F0CF;
    padding:0;
    width:190px;
    }
    .module_s3 h3 {
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    padding:10px 0;
    }
    .module_s3 .button {
    background:url("../images/button.gif") no-repeat scroll 0 0 transparent;
    display:inline;
    margin:10px 0 0;
    }
    .module_s3 ul {
    padding:4px 0 0;
    }
    .module_s3 li {
    padding:0 0 2px;
    }
    .module_s3 li strong a {
    color:#FFFFFF !important;
    font-size:12px;
    }
    .module_s3 li span {
    color:#FFFFFF;
    display:block;
    padding:0 0 0 15px;
    }
    .module_s3 a {
    background:url("../images/bullet2.gif") no-repeat scroll 0 6px transparent;
    color:#364628;
    display:block;
    font-size:11px;
    padding:0 0 2px 15px;
    text-decoration:none;
    }
    .module_s3 a:hover {
    color:#364628;
    text-decoration:underline;
    }
    .module_s4 {
    background:url("../images/whos.gif") no-repeat scroll 0 0 transparent;
    }
    .module_s4 div {
    padding:15px 28px 19px 33px;
    }
    .module_s4 div div {
    padding:0;
    }
    .module_s4 div div div {
    color:#83D9F3;
    font-size:13px;
    padding:0;
    }
    .module_s4 h3 {
    color:#FFFFFF;
    font-size:14px;
    font-weight:bold;
    padding:0;
    text-transform:none;
    }
    .module_s5 {
    background:url("../images/tm_bg.gif") repeat-y scroll 0 0 transparent;
    }
    .module_s5 div {
    background:url("../images/tm_top.gif") no-repeat scroll 0 0 transparent;
    width:100%;
    }
    .module_s5 div div {
    background:url("../images/tm_bot.gif") no-repeat scroll 0 bottom transparent;
    padding:10px 10px 25px 23px;
    }
    .module_s5 div div div {
    background:none repeat scroll 0 0 transparent;
    color:#F9F0CF;
    padding:0;
    width:190px;
    podgląd z firebuga
    magiczne słowo PROSZĘ !
    Ostanio edytowane przez jacopp : 24-03-2010 12:22

Strona 1 z 2 12 OstatniOstatni

Podobne tematy

  1. Zmiana koloru czcionki w pozycji menu
    przez ConceptReklamy na forum Administracja - ogólne
    Odpowiedzi: 6
    Ostatni post/autor: 06-01-2010, 01:19
  2. Zmiana odnośników z menu
    przez mskacper na forum Administracja - ogólne
    Odpowiedzi: 5
    Ostatni post/autor: 15-02-2009, 20:02
  3. joomla 1.5 zmiana koloru wyśw. adresu mailowego i koloru tła menu wyboru Joomfish
    przez Kurtion na forum Szablony, wygląd, formatowanie
    Odpowiedzi: 0
    Ostatni post/autor: 30-10-2008, 14:19
  4. Zmiana koloru pozycji menu
    przez Bartosz31 na forum Szablony graficzne
    Odpowiedzi: 11
    Ostatni post/autor: 14-10-2008, 15:56

Reguły pisania

  • Nie możesz zakładać nowych tematów
  • Nie możesz dodawać wypowiedzi
  • Nie możesz dodawać załączników
  • Nie możesz poprawiać swoich postów
  •