Problemik z simplicity blue skrócenie boków menu i modułów
Strona 1 z 2 12 OstatniOstatni
Wyniki 1 do 10 z 15

Temat: Problemik z simplicity blue skrócenie boków menu i modułów

  1. #1
    Bywalec
    Dołączył
    29-10-2005
    Wpisy
    237
    Punkty
    10

    Domyślny Problemik z simplicity blue skrócenie boków menu i modułów

    Problemik z simplicity blue a mianowicie:
    Potrzebuję skrócić szerokoć gdzie mieści się main menu i jak i prawą stronę - Czy mógłby mi ktoś pomóc - http://zajawkarz.go.pl - O co chodzi dokładniej, mianowicie jak skróciłem pliki graficzne menu to mimo, iż menu faktycznie się zmniejszyło w szerokości, ale kreska niebieska nad menu, która chyba jest generowana uniemożliwia to ? Nio i jak też prawą stronę sobie zmniejszyć ... z góry ślicznie dziękuję
    Ostanio edytowane przez rzodkiewka : 03-12-2005 23:47

  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
    Opiekun forum
    Dołączył
    19-09-2005
    Wpisy
    3 743
    Punkty
    131

    Domyślny

    co do szerokosci to w pliku index.php zmniejsz wartosci width=160 natomiast co do niebieskiej kreski to powinna sie ona automatycznie zmniejszyc, ewentualnie wydaje mi sie ze jest ona zapisany w pliku css, w kalsie th moduletable

  4. #3
    Bywalec
    Dołączył
    29-10-2005
    Wpisy
    237
    Punkty
    10

    Domyślny

    Kreska z lewej faktycznie się zmniejsza, ale nie na każdej stronie - na głównej jest taka jak była, a wpozostałych już taka jak ja chciałem

    w CSS znalazłem to:

    Kod:
    table.moduletable th {
     background: url(../images/moduleheading.png) no-repeat;
     color: #061F4B;
     text-align: left;
     padding-left: 12px;
     height: 12px;
     font-weight: bold;
     font-size: 11px;
     text-transform: uppercase;
     background-repeat: no-repeat;
     line-height: 10px;
     border-bottom: 1px solid #C0D3F3;
    Co tu wymodzić? Czy podac Wam cały CSS?

    Prawa strona działa dobrze,

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

    Domyślny

    Ustawienie masz, jakie masz - ta kreseczka jest na całą szerokość nagłówka tego modułu.
    Stwórz klasę .moduletable z przyrostkiem, np. moduletable-menu. Powtórz w niej wszystkie deklaracje, jakie masz dla klas .moduletable (tabeli, nagłówka, komórki - odpowiednio table.mouletable, th.moduletable, td.mouletable), w klasie table.moduletable.th zastosuj nowy obrazek zajmujacy cała szerokość modułu, ale po lewej i prawej stronie daj mu po tyle pikseli przeźroczystych, ile Ci trzeba, żeby kreska nie była widoczna)
    Albo wywal tę kreskę w ogóle, bo w tym przypadku ona chyba nie jest Ci potrzebna wcale!
    Korzystaj i ciesz się!
    ===============
    Zwiastun
    Biblioteka Elektronicznej Dokumentacji Joomla!

  6. #5
    Bywalec
    Dołączył
    29-10-2005
    Wpisy
    237
    Punkty
    10

    Domyślny

    acham jak tą kreseczkę wywalić?

  7. #6
    Opiekun forum
    Dołączył
    19-09-2005
    Wpisy
    3 743
    Punkty
    131

    Domyślny

    Usun linikę

    border-bottom: 1px solid #C0D3F3;
    z pliku css

  8. #7
    Bywalec
    Dołączył
    29-10-2005
    Wpisy
    237
    Punkty
    10

    Domyślny

    dziękuję za szybką pomoc Ciumki

  9. #8
    Bywalec
    Dołączył
    29-10-2005
    Wpisy
    237
    Punkty
    10

    Domyślny

    A jednak kiszka - owszem znikła linia, ale prócz na stronie głównej, może wstawie cały css:

    Kod:
    /* TOP Buttons */
    #buttons {
        float: right;
        margin: 0px;
        padding: 0px;
        width: 50%;
    }
    
    ul#mainlevel-nav
    {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 0.8em;
    }
    
    ul#mainlevel-nav li
    {
        display: block;
        background-image: none;
        padding-left: 0px;
        padding-right: 0px;
        float: right;
        margin: 0;
        width: auto;
          font-size: 11px;
        line-height: 18px;
        white-space: nowrap;
        border-left: 1px dashed #C0D3F3;
        
    }
    
    ul#mainlevel-nav li a
    {
        display: block;
        padding-left: 5px;
        padding-right: 5px;
        text-decoration: none;
        color: #333333;
        background: transparent;
    }
    
    #buttons>ul#mainlevel-nav li a { width: auto; }
    
        ul#mainlevel-nav li a:hover
    {
        color: #C0D3F3;
        background: #061F4B;
    }
    
    
    #active_menu {
        color: #C0D3F3;
        font-weight: bold;
    }
    
    a#active_menu:hover {
        color: #061F4B;
    }
    
    .maintitle {
        color: #ffffff;
        font-size: 40px;
        padding-left: 15px;
        padding-top: 20px;
    }
    
    .error {
      font-style: italic;
      text-transform: uppercase;
      padding: 5px;
      color: #C0D3F3;
      font-size: 14px;
      font-weight: bold;
    }
    
    
    
    .back_button {
        float: left;
      font-size: 11px;
      font-weight: bold;
      margin-top: 15px;
      margin-bottom: 10px;
      border: 2px solid #C0D3F3;
      width: 40px;
      padding: 4px;
    }
    
    .pagenav {
      text-align: center;
      font-size: 11px;
      font-weight: bold;
      border: 1px solid #C0D3F3;
      width: auto;
      padding: 4px;
      margin: 1px;
    }
    
    .pagenavbar {
        padding-right: 5px;
        float: right;
    }
    
    ul
    {
    margin: 0;
    padding: 0;
    list-style: none;
    }
    
    li
    {
    line-height: 15px;
    padding-left: 15px;
    padding-top: 0px;
    background-image: url(../images/arrow.png) ;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    }
    
    
    td {
        text-align: left;
        font-size: 11px;
    }
    
    
    
    body {
        margin: 0px;
        height: 100%;
        padding: 0px;
        font-family: Arial, Helvetica, Sans Serif;
        font-size: 11px;
        color: #333333;
        background: #ffffff;
        scrollbar-3dlight-color: #6095FD;
        scrollbar-base-color: #F0F1FF;
        scrollbar-darkshadow-color: #6095FD;
        scrollbar-face-color: #F0F1FF;
        scrollbar-highlight-color: #6095FD;
        scrollbar-shadow-color: #6095FD;
        scrollbar-track-color: #6095FD;
        scrollbar-arrow-color: #6095FD;
    }
    
    /* mambo core stuff */
    a:link, a:visited {
        color: #061F4B; text-decoration: none;
        font-weight: bold;
    }
    
    a:hover {
        color: #6095FD;    text-decoration: none;
        font-weight: bold;
    }
    
    
    table.contentpaneopen {
        width: 100%;
        padding: 0px;
        border-collapse: collapse;
        border-spacing: 0px;
    }
    
    table.contentpane td {
        margin: 0px;
        padding: 0px;
    }
    
    table.contentpane td.componentheading {
        padding-left: 4px;
    }
    
    table.contentpane td.contentheading {
      padding-left: 10px;
      padding-top: 9px;
    }
    
    .button {
        padding: 2px 5px 2px 5px;
        height: 22px;
        border: solid 1px #C0D3F3;
        background-color: #ffffff;
        color: #061F4B;
        font-family: Arial, Helvetica, Sans Serif;
        text-align: center;
        font-size: 11px;
        font-weight: bold;
    }
    
    .inputbox {
        padding: 2px;
        border: 1px solid #061F4B;
        background-color: #F0F1FF;
    }
    
    
    .contentcolumn {
        padding-right: 5px;
    }
    
    .contentheading {
        height: 26px;
        background: url(../images/contenthead.png) no-repeat;
        color: #061F4B;
        text-align: left;
        padding-left: 12px;
        font-weight: bold;
        font-size: 12px;
        white-space: nowrap;
        }
    
    .contentpagetitle {
        font-size: 13px;
        font-weight: bold;
        color: #C0D3F3;
        text-align:left;
    }
    
    table.searchinto {
        width: 100%;
    }
    
    table.searchintro td {
        font-weight: bold;
    }
    
    table.moduletable {
        width: 100%;
        padding: 0px;
        border-spacing: 0px;
        border-collapse: collapse;
        margin-bottom: 3px;
        
    }
    
    table.moduletable th {
        background: url(../images/moduleheading.png) no-repeat;
        color: #061F4B;
        text-align: left;
        padding-left: 12px;
        height: 12px;
        font-weight: bold;
        font-size: 11px;
        text-transform: uppercase;
        background-repeat: no-repeat;
        line-height: 10px;
            }
    
    table.moduletable td {
        font-size: 11px;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        
    }
    
    table.pollstableborder td {
      padding: 2px;
    }
    
    .sectiontableheader {
      font-weight: bold;
      background: #F0F1FF;
      padding: 4px;
    }
    
    .sectiontablefooter {
    
    }
    
    .sectiontableentry1 {
        background-color : #ffffff;
    }
    
    .sectiontableentry2 {
        background-color : #F0F1FF;
    }
    
    .small {
        color: #061F4B;
        font-size: 9px;
        font-weight: bold;
    }
    
    .createdate {
        height: 15px;
        padding-bottom: 10px;
        color: #061F4B;
        font-size: 8px;
        font-weight: bold;
    }
    
    .modifydate {
        height: 15px;
        padding-top: 10px;
        color: #061F4B;
        font-size: 8px;
        font-weight: bold;
    }
    
    table.contenttoc {
      border: 1px solid #C0D3F3;
      padding: 2px;
      margin-left: 2px;
      margin-bottom: 2px;
    }
    
    table.contenttoc th {
      background: url(../images/subhead_bg.png) repeat-x;
      color: #061F4B;
        text-align: left;
        padding-top: 2px;
        padding-left: 4px;
        height: 21px;
        font-weight: bold;
        font-size: 10px;
        text-transform: uppercase;
    }
    
    a.mainlevel:link, a.mainlevel:visited {
        display: block;
        background: url(../images/menu_bg.png) no-repeat;
        vertical-align: middle;
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
        text-align: left;
        padding-top: 5px;
        padding-left: 18px;
        height: 19px !important;
        height: 24px;
        width: 100%;
        text-decoration: none;
    }
    
    a.mainlevel:hover {
        background-position: 0px -25px;
        text-decoration: none;
        color: #061F4B;
    }
    
    a.sublevel:link, a.sublevel:visited {
        padding-left: 1px;
        vertical-align: middle;
        font-size: 11px;
        font-weight: bold;
        color: #061F4B;
        text-align: left;
    }
    
    a.sublevel:hover {
        color: #6095FD;
        text-decoration: none;
    }
    
    a.readon:link, a.readon:visited {
        color: #061F4B; text-decoration: none; font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        list-style: inside url(../images/read.png);
        list-style-type: disc;
        display: list-item;
        white-space: normal;
        font-weight: normal;
        }
    
    a.readon:hover {
        color: #6095FD;    text-decoration: underline;
        font-weight: normal;
        font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        list-style: inside url(../images/read.png);
        list-style-type: disc;
        display: list-item;
        white-space: normal;
        }
    .highlight {
        background-color: #061F4B;
        color: White;
        padding: 0px 2px 0px 2px;
    }
    .code {
        background-color: #C0D3F3;
        border: 1px solid #6095FD;
    }

  10. #9
    Opiekun forum
    Dołączył
    19-09-2005
    Wpisy
    3 743
    Punkty
    131

    Domyślny

    Hmm, nie do konca jest jasna dla mnie Twoja wypowiedz
    to w koncu znikla czy nie znikla?

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

    Domyślny

    1. Przywórć tę linię na swoje miejsce: border...., bo jak miała nie zniknąć, skoroś ją wyciepł
    2. Dodaj do arkusza css:
    table.moduletable_menu {
    width: 100%;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    margin-bottom: 3px;

    }

    th.moduletable_menu {
    background: url(../images/moduleheading.png) no-repeat;
    color: #061F4B;
    text-align: left;
    padding-left: 12px;
    height: 12px;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    background-repeat: no-repeat;
    line-height: 10px;
    }

    td.moduletable_menu {
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    font-weight: normal;

    }


    3. W menedżerze modułów: wpisz tam gdzie ma być bez kreski pryrostek klasy (Module CSS sufix) : _menu (razem z tą dolną kreską-łącznikiem)

    Już Ci to raz napisałem. Sorki, ale nie zwróciłem uwagi, że kreska pod jest efektem parametru border a nie obrazka!
    Korzystaj i ciesz się!
    ===============
    Zwiastun
    Biblioteka Elektronicznej Dokumentacji Joomla!

Strona 1 z 2 12 OstatniOstatni

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
  •