Jak usunąć w nagłówku boczne paski

[Robertos1983]

Jak usunąć w nagłówku boczne paski???

http://img255.imageshack.us/i/stronag.jpg/

Zaczynam swoją przygodę z tworzeniem stron www i nie wiem jak to rozwiązać. Proszę o pomoc
pozdrawiam

[larry_krk]

może w #ja-headerwrap daj tło, które będzie się komponowało z Twoim obrazkiem :)

[alex51]

Ponieważ załączony obrazek wygląda mi na szablon JA_Purity, to sugeruję zainteresować się poradnikiem (http://wiki.joomla.pl/index.php/JA_Purity) z wiki.joomla.pl. Konkretniej fragmentem (http://wiki.joomla.pl/index.php/JA_Purity/Jeden_obrazek_w_nag%C5%82%C3%B3wku) poświęconym ustawieniu obrazka na całej przestrzeni nagłówka.

[Robertos1983]

Zrobiłem tak ustawiłem obrazek na całej przestrzeni nagłówka oraz dostosowałem logo do wymiarów nagłówka (gł. wysokość). Niestety zniknął mi obrazek nagłówka i mam czarne tło, jedynie jest logo.
http://img651.imageshack.us/i/stronak.jpg/

Zdjęcie do nagłówka jest w folderze \templates\ja_purity\images\header1header2header3. Dodatkowo umieściłem w stworzonym folderze ja_purity\styles\header\dares\images i stworzyłem plik style.css analogicznie jak w green i blue. Niestety nic się nie dzieje. Co robić pomocy

[alex51]

Skoro zrobiłeś po swojemu zamiast zastosować się do wskazanego źródła to nie oczekuj pomocy. Ewentualnie link do strony może być jedyną drogą do uzyskania pomocy.

[Robertos1983]

Ale zrobiłem według wskazanego źródła http://wiki.joomla.pl/index.php/JA_Purity/Jeden_obrazek_w_nag%C5%82%C3%B3wku.

1. Najpierw zmodyfikowałem plik index.php, aby usunąć kod powodujacy losowe wyświetlanie obrazków nagłówka, znajdujący się w wierszu 112
|Po tej operacji mam czarne tło zamiast nagłówka (moje zdjęcie)

[alex51]

Widać nie do końca zastosowałeś się do wskazanego poradnika, skoro efekty są niewłaściwe. Prosimy o link do strony.

[Robertos1983]

Z tym linkiem będzie ciężko bo nigdy tego nie robiłem tzn. nie zamieszczałem strony www na hostingu. Może jakieś małe wskazówki jak to zroibć??

Jak cofnąłem operację z modyfikacją pliku index.php obrazek pojawił się na nagłówku
http://img535.imageshack.us/i/stronagv.jpg/

więc nie rozumiem już o co chodzi

[alex51]

Jeśli Twój obrazek ma wypełniać całe pole nagłówka to:
1. Usuń 3 pliki graficzne z katalogu ja_purity/images/header
2. Usuń plik graficzny header-mask.png z katalogu ja_purity/images/ lub nadpisz go swoim obrazkiem.
3. Ten sam obrazek wstaw do obu katalogów ja_purity/styles/header/.../images
4. Dostosuj szerokosć wyświetlania obrazka w pliku template.css wiersz 935, edytując wartość własności width.


.ja-headermask {
background:url("../images/header-mask.png") no-repeat scroll right top transparent;
display:block;
height:80px;
position:absolute;
right:-1px;
top:0;
width:602px;
}5. Zlikwiduj wyświetlanie logo ustawiając je jako tekstowe i pozostaw niewypełnione pola Logo tekstowe i Streszczenie. Zmień zawartość pliku index.php usuwajac z niego fragment:

<p class="site-slogan"><?php echo $sloganText;?></p>
lub wybierz wersję Logo graficzne i usuń plik graficzny logo.png z katalogu ja_purity/images.

[Robertos1983]

Wykonałem zgodnie z poleceniem. Wyszedł o to taki efekt http://img262.imageshack.us/i/stronaq.jpg/

[alex51]

Spróbuj ustawić szerokość szablonu w pikselach, dostosowując ją do szerokości obrazka.
Zainstaluj też Firebuga.

[Robertos1983]

Prawy margines usunąłem w ten sposób http://img249.imageshack.us/i/strona1h.jpg/, natomiast strona wygląda tak http://img651.imageshack.us/i/strona2b.jpg/ mógłby Pan napisać troszkę jaśniej z usunięciem logo ( usunąłem logo.png z folderu ja_purity\images) ale mam dalej czarne tło jak zdjęciu. Ustawiłem header-mask.png na 800px w szerokość ale na te czarne tło nie chce się przesunąć. Jak usunąć całkowicie logo aby header-mask.png mógłbyć rozpięty na całą szerokość strony?

---------- Post dodany o 17:45 ---------- Poprzedni post był o 17:39 ----------

Cz y można zrobić w ten sposób
h1.logo a {
width: 208px; tutaj zmienić na 0px
display: block;
background: url(../images/logo.png) no-repeat;
height: 110px; tutaj zmienić na 0px
position: relative;
z-index: 100;
}

Może wtedy logo całkwoiecie zniknie i będzie można rozszerzyć nagłówek na całą stronę?

Ustawiłem typ logo: tekstowe
pola logo i streszczenie pozostawiłem puste
dostosowałem szablon do wymiaru w pikselach

i tak to teraz wygląda
http://img204.imageshack.us/i/stronaj.jpg/


Tak przy okazji jak można zrobić gradient header-mask w Gimpie?? bo potrzebuje o wymiarach 800x110px

[larry_krk]

gradient header-mask w Gimpie.

Okno gradienty -> kolor na przeźroczystość.

[Robertos1983]

Okno gradienty -> kolor na przeźroczystość.

nie mam nic takiego

klikam na nowy ustawiam parametry obrazka, dodaje nową warstwę przezroczystą, następnie gradient i wypełniam zwykły tak jak na rysunku http://img713.imageshack.us/i/gradient.jpg/ i jest okej, ale jak zamieniam header-mask.png w folderze images tym stworzonym to mam ciemne tło tak jakby mi zasłoniło mój obrazek z nagłowka

---------- Post dodany o 17:51 ---------- Poprzedni post był o 16:55 ----------

dobra poradziłem sobie :)
dziękuje za pomoc :)

[larry_krk]

ale już innym napisać jak, to nie .... , bo po co :spoko:
http://satexpert.pl/images/stories/gimp_przezroczystosc_gradient.jpg. przy zapisie wyłączyć "eksportuj kolor tła" (czy coś takiego)

[zbig1972]

W templatce ja_purity logo jest umieszczone z lewej z lekkim pionowym szarym paskiem. Twój pomysł na przesunięciem headera w prawo był świetny. Ja postanowiłem przesunąć logo max do lewej. Jak zatem przesunąc logo w lewo?

Teraz mam taki zapis dotyczący umieszczenia logo:

h1.logo a {

width: 220px;

display: block;

background: url(../images/logo.png) no-repeat;

height: 150px;

position: relative;

z-index: 110;

}


Co należy zmienic w template.css? Ja wprowadziłem taki oto zapis:

h1.logo a {

width: 220px;

display: block;

background: url(../images/logo.png) no-repeat;

height: 150px;

position: absolute;

top: 0px;

left: -20px;

z-index: 110;

Czy zrobiłem to dobrze? Prosze o pomoc.

[Robertos1983]

Załaduj swoje logo na stronę i wtedy zobaczysz czy jest dobrze