PDA

Zobacz pełną wersję : Problem z kolorem tła i buttonem



damianprz
06-04-2011, 10:52
Witam. Moja strona znajduje się pod adresem:
http://zsnienowice.cba.pl/

Jest to strona stworzona poprzez Joomlę! 1.5
Używam skórki: siteground-j15-86

Linki do plików sterujących grafiką:
http://zsnienowice.cba.pl/templates/siteground-j15-86/css/template.css
http://zsnienowice.cba.pl/templates/siteground-j15-86/index.php

Czy mógłby ktoś mi pomóc i podpowiedzieć która linijka kodu w pliku css odpowiada za kolor tła?
http://zsnienowice.cba.pl/ - chciałbym to całe białe tło w środku zmienić na inne. Boki już udało mi się zmienić. Nie jestem totalnym laikiem w tym temacie, ale ekspertem też nie jestem. Wchodzę na stronie na źródło strony, szukam tych elementów i nazwy klas i potem tych klas szukam w css, ale jakoś zmieniam wiele rzeczy a zero efektów.

Drugi problem mam tu:
http://zsnienowice.cba.pl/index.php?option=com_contact&view=contact&id=1&Itemid=100
Nie widać buttona "Wyślij" tzn jest ale biały i go nie widać.

Ze źródła wyciągam to:


<input type="checkbox" name="email_copy" id="contact_email_copy" value="1" />
<label for="contact_email_copy">
Przesłać Ci kopię? </label>
<br />
<br />
<button class="button validate" type="submit">Wyślij</button>

Szukam klasy button validate zmieniam plik css przy tej klasie, wielkość czcionki, kolory i nic

Jakby ktoś znał odpowiedź na mój problem, będę wdzięczny za radę.

Gall Anonim
06-04-2011, 11:01
Tło
body {
font-family: Tahoma, Verdana, Arial, sans-serif;
line-height: 1.3em;
margin: 0;
padding: 0;
font-size: 11px;
color: #666;
background: #699FF6;
}
Sorki, tamto to boki:
Moment:
na razie przycisk send:
input.button, .validate {
background: url("../images/but.png") repeat-x scroll left top transparent;
border: medium none;
color: #FEFEFE;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 23px;
line-height: 19px;
margin: 6px 0 0;
padding: 1px 4px 4px;


}
Do zmiany albo kolor czcionki: (tyle że on jest także na menu)
Albo obrazek tła.
Tło arkusza:
.c_middle {
background: url("../images/content_middle.gif") repeat-y scroll center top transparent;
width: 960px;


}

template.css (wiersz 315)

No i naturalnie zapraszam na kurs FireBug'a :)

Pzdr

damianprz
06-04-2011, 18:15
images/but.png było w kodzie a w plikach but.gif i dlatego go nie wczytywało
kolor tekstu na przycisku też zmieniony i widać go

images/content_middle.gif to też poprawione i zmienione na png bo gif nie pociągnie wydziwianych kolorów

http://zsnienowice.cba.pl/ - jakoś to już wygląda tylko muszę jeszcze dograć kolory
a ciężko trochę dograć pliki jpg, gif, png z kolorami typu #xxxxxx w kodzie html


Wielkie dzięki za radę i poświęcony czas

---------- Post dodany o 18:15 ---------- Poprzedni post był o 14:39 ----------

http://zsnienowice.cba.pl/templates/siteground-j15-86/images/content_middle.png

plik który odpowiada za tło w środku strony http://zsnienowice.cba.pl

Robię nastęujący myk:
Wchodzę paintem na plik, pipetką ściągam kolor i jest to kolor: czer 106 ziel 161 nieb 244
W zajączku ustawiam ten kolor i wychodzi kolor HEX #61A4FA
Wstawiam go jako kolor tła po bokach i jakoś kolor tła po bokach z kodu HTML #61A4FA nie zgadza się z kolorem tła z pliku png który odpowiada za środek

Jak sobie z tym poradzić?

tomaszek83
06-04-2011, 18:30
A gdzie Ty tam widzisz różnicę bo u mnie tło jest wszędzie ok.

damianprz
06-04-2011, 18:40
Poradziłem sobie w inny sposób. Zrobiłem print-screena z boku tła i dałem ten kolor do pliku który steruje kolorem środka
Różnicy nie widać już, ale jesli ktoś wie dlaczego Zajączek generuje inny HEX kolor niże ten z RGB to niech da znać
Pzdr

---------- Post dodany o 18:40 ---------- Poprzedni post był o 18:39 ----------


A gdzie Ty tam widzisz różnicę bo u mnie tło jest wszędzie ok.

Tak tak, bo przed chwilą zrobiłem tak jak wyżej napisałem

alan.madej
16-11-2011, 14:21
Trochę odkopane, ale dzisiaj sam z tym walczyłem i już wiem co jest przyczyną.
Problem z kolorami PNG w różnych przeglądarkach związany jest z korekcją gamma, dzięki której, według twórców standardu, obrazki mają być wyświetlane identycznie na różnych platformach sprzętowych. O ile pomaga to przy zdjęciach, to tam gdzie zależy nam na dokładności koloru, może to przeszkadzać. Rozwiązaniem jest usunięcie nagłówków dotyczących korekcji gamma z pliku PNG. Szczegóły problemu i jego rozwiązania opisałem na swoim blogu http://blog.alanmadej.pl/?p=450