Zmiana koloru niektórych odnośników w menu - Strona 2
Strona 2 z 2 PierwszyPierwszy 12
Wyniki 11 do 17 z 17

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

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

    Domyślny

    masakra
    usun te pliki

    kod podgladasz FIREBUGIEM

    oczekuje magicznego slowa

  2. Pani Reklamowa
    Pani Reklamowa jest aktywna
    Avatar Panny Google

    Dołączył
    19-08-2010
    Skąd
    Internet
    Postów
    milion
    Pochwał
    setki
  3. #12
    Nowicjusz
    Dołączył
    14-03-2009
    Wpisy
    30
    Punkty
    10

    Domyślny

    ciag dalszy
    Kod:
    }
    .module_s5 h3 {
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    padding:10px 0;
    }
    .module_s5 .button {
    background:url("../images/button.gif") no-repeat scroll 0 0 transparent;
    display:inline;
    margin:10px 0 0;
    }
    .module_s5 ul {
    padding:4px 0 0;
    }
    .module_s5 li {
    padding:0 0 2px;
    }
    .module_s5 li strong a {
    color:#FFFFFF !important;
    font-size:12px;
    }
    .module_s5 li span {
    color:#FFFFFF;
    display:block;
    padding:0 0 0 15px;
    }
    .module_s5 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_s5 a:hover {
    color:#364628;
    text-decoration:underline;
    }
    .module_menu {
    margin:0 0 10px;
    }
    .module_menu div {
    }
    .module_menu div div {
    }
    .module_menu div div div {
    }
    .module_menu 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_menu ul {
    padding:3px 0 15px;
    }
    .module_menu li {
    background:url("../images/li_bg.gif") repeat-x scroll 0 bottom transparent;
    padding:2px 0;
    }
    .module_menu li a {
    background:url("../images/menu_bullet.gif") no-repeat scroll 0 8px transparent;
    color:#555555;
    display:block;
    font-size:12px;
    font-weight:normal;
    line-height:16px;
    padding:1px 0 2px;
    text-decoration:none;
    }
    .module_menu li a em {
    font-style:normal;
    }
    .module_menu li a:hover {
    color:#555555;
    text-decoration:none;
    }
    .module_menu li a:visited {
    color:#555555;
    }
    .module_menu-red li a {
    background:url("../images/menu_bullet.gif") no-repeat scroll 0 8px transparent;
    color:#FF0000;
    display:block;
    font-size:12px;
    font-weight:normal;
    line-height:16px;
    padding:1px 0 2px;
    text-decoration:none;
    }
    .item4 li a em {
    font-style:normal;
    }
    .item4 li a:hover {
    color:#FF0000;
    text-decoration:none;
    }
    .item4 li a:visited {
    color:#FF0000;
    }
    .module-menu2 {
    margin:0 0 10px;
    }
    .module-menu2 div {
    }
    .module-menu2 div div {
    }
    .module-menu2 div div div {
    }
    .module-menu2 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-menu2 ul {
    padding:3px 0 15px;
    }
    .module-menu2 li {
    background:url("../images/li_bg.gif") repeat-x scroll 0 bottom transparent;
    padding:2px 0;
    }
    .module-menu2 li a {
    background:url("../images/menu_bullet.gif") no-repeat scroll 0 8px transparent;
    color:#FF0000;
    display:block;
    font-size:12px;
    font-weight:normal;
    line-height:16px;
    padding:1px 0 2px;
    text-decoration:blink;
    }
    .module-menu2 li a em {
    font-style:normal;
    }
    .module-menu2 li a:hover {
    color:#FF0000;
    text-decoration:none;
    }
    .module-menu2 li a:visited {
    color:#FF0000;
    }
    #topmenu {
    height:37px;
    margin:0 172px 0 0;
    }
    #topmenu .dt {
    }
    ul.menu-nav {
    padding:0;
    }
    ul.menu-nav li {
    display:block;
    float:left;
    }
    ul.menu-nav li a {
    background:url("../images/topmenu_left.gif") no-repeat scroll 0 0 transparent;
    color:#1F2A33 !important;
    display:block;
    font-family:Arial;
    font-size:14px;
    font-weight:normal;
    margin:0 12px 0 0;
    padding:0;
    text-align:center;
    text-decoration:none;
    text-transform:none;
    width:84px;
    }
    * html ul.menu-nav li a {
    height:33px;
    }
    ul.menu-nav li a span {
    background:url("../images/topmenu_right.gif") no-repeat scroll right 0 transparent;
    display:block;
    padding:4px 10px 5px;
    }
    ul.menu-nav li a span em {
    font-style:normal;
    }
    ul.menu-nav li a:hover {
    background:url("../images/topmenu_left_act.gif") no-repeat scroll 0 0 transparent;
    color:#1F2A33 !important;
    font-size:13px;
    font-weight:normal;
    text-decoration:none;
    }
    ul.menu-nav li a:hover span {
    background:url("../images/topmenu_right_act.gif") no-repeat scroll right 0 transparent;
    padding:4px 0 5px;
    }
    ul.menu-nav li.active a {
    background:url("../images/topmenu_left_act.gif") no-repeat scroll 0 0 transparent;
    color:#6B7075 !important;
    font-size:13px;
    font-weight:normal;
    text-decoration:none;
    }
    ul.menu-nav li.active a span {
    background:url("../images/topmenu_right_act.gif") no-repeat scroll right 0 transparent;
    display:block;
    padding:4px 0 5px;
    }
    a.menu-nav:visited {
    color:#1F2A33;
    }
    .module_s2 {
    margin:0;
    }
    .module_s2 div {
    }
    .module_s2 div div {
    }
    .module_s2 div div div {
    }
    .module_s2 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_s2 label {
    color:#7B7B7B;
    display:block;
    font-size:12px;
    padding:0 0 0 1px;
    text-transform:lowercase;
    vertical-align:middle;
    }
    .module_s2 p, label.remember {
    color:#7B7B7B;
    font-size:11px;
    font-weight:normal;
    padding:0;
    }
    .module_s2 a {
    color:#7B7B7B !important;
    font-size:11px;
    text-decoration:underline;
    }
    .module_s2 a:hover {
    color:#7B7B7B;
    text-decoration:none;
    }
    .module_s2 form {
    padding:0;
    text-align:left;
    }
    .module_s2 form div {
    margin:auto;
    width:65px;
    }
    * html .module_s2 form div {
    margin:0;
    width:65px;
    }
    .module_s2 .inputbox {
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #525252;
    color:#818181;
    height:18px;
    margin:2px 0;
    padding:0 0 0 3px;
    vertical-align:middle;
    width:146px !important;
    }
    .module_s2 .button {
    background:none repeat scroll 0 0 transparent;
    border:medium none;
    color:#23A8D4;
    display:block;
    font-family:Tahoma;
    font-size:12px;
    margin:10px 0 0;
    padding:0;
    text-align:center;
    vertical-align:middle;
    width:auto;
    }
    #mod_login_remember {
    background:none repeat scroll 0 0 transparent;
    border:medium none;
    display:block;
    float:left;
    margin:0 10px 0 0;
    vertical-align:middle;
    width:12px;
    }
    .required {
    border:1px solid #46462F;
    margin:0;
    }
    input.requred {
    border:medium none !important;
    }
    .main {
    width:949px;
    }
    #top {
    height:37px;
    overflow:hidden;
    }
    #bar {
    height:51px;
    }
    #bar div {
    background:url("../images/bar_bg.gif") repeat-x scroll 0 0 #505A62;
    border:1px solid #505050;
    }
    #border {
    border-color:-moz-use-text-color -moz-use-text-color #FFFFFF;
    border-style:none none solid;
    border-width:medium medium 1px;
    }
    #bar div div {
    background:none repeat scroll 0 0 transparent;
    border:medium none;
    height:49px;
    }
    #border1 {
    border-color:-moz-use-text-color #868585 #868585;
    border-right:1px solid #868585;
    border-style:none solid solid;
    border-width:medium 1px 1px;
    }
    #border2 {
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #FFFFFF;
    }
    #header {
    background:url("../images/header_bg.gif") repeat-x scroll 0 0 transparent;
    }
    #header .bg {
    background:url("../images/header.jpg") no-repeat scroll 0 0 transparent;
    height:228px;
    }
    #header .space {
    padding:94px 0 0 71px;
    }
    #content {
    padding:1px 0 0;
    }
    .box_indent {
    padding:10px 15px 10px 31px;
    }
    .c1, .c3 {
    background:none repeat scroll 0 0 #EFEFEF;
    width:202px;
    }
    .c2 {
    width:100%;
    }
    .c2 .indent {
    padding:10px;
    }
    .right_bg {
    background:url("../images/right_bg.gif") repeat-y scroll 0 0 transparent;
    }
    .right_top {
    background:url("../images/right_top.gif") no-repeat scroll 0 0 transparent;
    }
    .right_bot {
    background:url("../images/right_bot.gif") no-repeat scroll 0 bottom transparent;
    padding:0 0 10px;
    }
    #footer {
    padding:0;
    }
    #footer .space {
    padding:0 7px;
    text-align:left;
    }
    #footer .space div {
    color:#EFEFEF !important;
    font-size:12px;
    font-weight:normal;
    padding:20px 0 0 20px;
    text-align:center;
    }
    #footer a {
    color:#EFEFEF;
    font-size:12px;
    text-decoration:underline;
    }
    #footer a:hover {
    text-decoration:none;
    }
    .main_t {
    background:url("../images/main_t.gif") repeat-x scroll 0 0 #B2B1B1;
    }
    .main_b {
    background:url("../images/main_b.gif") repeat-x scroll 0 bottom transparent;
    }
    .main_tl {
    background:url("../images/main_tl.gif") no-repeat scroll 0 0 transparent;
    }
    .main_tr {
    background:url("../images/main_tr.gif") no-repeat scroll right 0 transparent;
    }
    .main_bl {
    background:url("../images/main_bl.gif") no-repeat scroll 0 bottom transparent;
    }
    .main_br {
    background:url("../images/main_br.gif") no-repeat scroll right bottom transparent;
    }
    .indent {
    padding:18px 12px 29px;
    }
    podgląd z firebuga
    magiczne słowo PROSZĘ !

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

    Domyślny

    no i co dalej ? magiczne słowo było (nawet 2 razy) i zapadła cisza ?

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

    Domyślny

    Irytujesz mnie.

    .item4 li a em {
    font-style:normal;
    }
    .item4 li a:hover {
    color:#FF0000;
    text-decoration:none;
    }
    .item4 li a:visited {
    color:#FF0000;

    Sobie zrób
    }

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

    Domyślny

    ok metodą prób i błędów doszedłem do tego co napisałeś troszkę wczesniej
    ale efekt jest taki jak na screenie ponizej
    Clipboard01..jpg
    Jednak chodziło tylko mi o kolor czerwony na odnosniku ! Promocja i współpraca !
    a nie na pod kategoriach

    Firebug pokazuje iz odnośnik Promocja i współpraca to item4

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

    Domyślny

    czy ktoś może się wypowiedzieć jak zastosować w/w reguły do odnośników w głównym menu, a nie podstron (pod kategorii) ?

  8. #17
    Senior zwiastun awatar
    Dołączył
    20-09-2005
    Wpisy
    27 315
    Punkty
    1142

    Domyślny

    Podpowiedź zasady już dostałeś. Czego oczekujesz? Kodu CSS? To raczej do działu zleceń.
    Bo tą metodą zaraz znajdą się dziesiątki takich, co zamiast poznać i zrozumieć jak, będą żądać recept. Owszem. Czasem przedstawiane są recepty. Ale nie w takich kwestiach. Za pomocą Firebuga określ, jakiego trzeba użyć selektora a arkuszu stylów dla ustalenia reguł i je po prostu zapisz. Nie ma tu żadnej wielkiej trudności.
    Korzystaj i ciesz się!
    ===============
    Zwiastun
    Biblioteka Elektronicznej Dokumentacji Joomla!

Strona 2 z 2 PierwszyPierwszy 12

Podobne tematy

  1. Zmiana koloru czcionki w pozycji menu
    przez ConceptReklamy na forum Administracja - ogólne
    Odpowiedzi: 6
    Ostatni post/autor: 06-01-2010, 00:19
  2. Zmiana odnośników z menu
    przez mskacper na forum Administracja - ogólne
    Odpowiedzi: 5
    Ostatni post/autor: 15-02-2009, 19: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, 13:19
  4. Zmiana koloru pozycji menu
    przez Bartosz31 na forum Szablony graficzne
    Odpowiedzi: 11
    Ostatni post/autor: 14-10-2008, 14: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
  •