PDA

Zobacz pełną wersję : Problemik z simplicity blue skrócenie boków menu i modułów



rzodkiewka
04-12-2005, 00:42
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ę

stone
04-12-2005, 13:26
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

rzodkiewka
04-12-2005, 14:52
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:


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,

zwiastun
04-12-2005, 17:54
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!

rzodkiewka
04-12-2005, 18:12
acham jak tą kreseczkę wywalić?

stone
04-12-2005, 19:24
Usun linikę

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

rzodkiewka
04-12-2005, 22:54
dziękuję za szybką pomoc Ciumki :)

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


/* 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;
}

stone
04-12-2005, 23:40
Hmm, nie do konca jest jasna dla mnie Twoja wypowiedz:)
to w koncu znikla czy nie znikla?

zwiastun
04-12-2005, 23:59
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!

rzodkiewka
05-12-2005, 11:31
znikła na stronach, ale na stronie głównej została jeszcze. Co ciekawe jak dodałem linię jak pisał Zwiastun to dalej na pozostałych stronach już jej nie było ....
Zwiastun dodałem (nie wiem czy w miejsce ma znaczenie), ale nie pomogło linia dalej jest. Ech ja jeszcze laik to wiesz, troszke ze mną pod górkę

zwiastun
05-12-2005, 16:04
1. miałeś przywrócić w deklaracji
table.moduletable th
linię
border-bottom: 1px solid #C0D3F3;
TO spowoduje, że na innych stronach, we wszystkich miejscah, gdzie używasz standardowego modułu talinia będzie pod tytułem wyświetlana

2. Mialeś dołożyc to, co Ci napisaęm. To jest to smo, co ju raz masz, ale bez tej jednej linijki i pod inną nazwą! (z przyrostkiem)

3. Miałeś wejść w adminie do moduły [modules] => moduly witryny [site modules], otworzyć do edycji każdy moduł, w któym nie chcesz mieć tej linii i wpisać tam przyrostek klasy CSS: _menu


Po takich zabiegach NIE MA MOWY żeby Ci się wyświetlało tam, gdzie się nie ma wyświetlać.

No chyba, że kombinujesz coś, czego ja nie rozumiem.

rzodkiewka
06-12-2005, 00:58
Zgadza się Zwiastunie: twoja rada dobra ... ale jak się okazało nie każdy modul ma taką opcje by przyrostki wstawiać, przez co troszkę to nie na moja korzyść stronki

Porada wczęsniejsza Naszego Kolegi dobra, ale tylko pod IE w całości (dobra), a pod firefox jak pisałem wczęsniej jest dorba, ale nie na dla głównej strony

Więc Koledzy, czy moglibyście znaleść pośrednie rozwiązanie dla IE i Firefox - czyli wyrzucenie kreski tylko z lewej strny gdzie są menu-a? Z góry dziękuję za pomoc

zwiastun
06-12-2005, 02:20
Pewno rozwiązanie jest, bo zawsze jakieś jest, ale pomysła za bardzo nie mam.
A ileż to masz tych modułów, co to im przyrostka klasy nie można wstawić (nawiasem mowiąc to albo jakieś starocie, albo niedopracowane)

rzodkiewka
06-12-2005, 02:43
no np. Art Media, czy nawet wybór templatek z joomli - nio nic na coś się zdecyduję, a może do tego czasu joomla będzie jeszcze lepsza i prostrza ... zobaczymy