wersja skryptu MyBB:1.6.8
adres forum:vkm.cba.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): mam theme Blue Warez 2. Gdy miałem mniejsze logo, ten sposób działał:
https://webboard.pl/thread-17178.html?hi...ane%2blogo
Ale gdy teraz mam większe, nie działa i lewy bok loga przyciąga mi do lewego containera. Co mam zrobić, aby tak się nie działo??
Sposób podany w tamtym temacie jest kompletnie błędny. Wgraj w szablon normalny kod, jak na początku.
Wejdź w ACP > Style > Blue Warez > global.css > Edycja zaawansowana
Znajdź klasę .logo i dodaj do niej atrybuty:
Kod:
text-align: center;
margin: 0 auto;
(04.11.2012, 18:46)Nidrax napisał(a): [ -> ]Sposób podany w tamtym temacie jest kompletnie błędny. Wgraj w szablon normalny kod, jak na początku.
Wejdź w ACP > Style > Blue Warez > global.css > Edycja zaawansowana
Znajdź klasę .logo i dodaj do niej atrybuty:
Kod:
text-align: center;
margin: 0 auto;
W global.css nie ma klasy logo. Jest ona w blue_warez_2.css. Znalazłem, dodałem, niestety bezskutecznie
Zrobiłem też jak poradziłeś, by przywrócić domyślny nagłówek, nadal jest to samo. A nawet się pogorszyło
Jaką masz rozdzielczość ekranu i przeglądarkę?
U mnie jest wyśrodkowane zarówno na Ironie, Firefoxie, a nawet Operze.
Mam Chrome. Rozdzielczość to 1024x1280
Aha, widzę problem.
Ogólnie jest tak, że logo znajduje się wewnątrz klasy container. Logo ma stałą szerokość, container nie, więc jeśli masz za małą rozdzielczość ekranu, container się do niej dopasowuje, ale szerokość loga pozostaje ta sama i po prostu sam container jest od niego węższy, dlatego logo wywala na zewnątrz.
Dostępne rozwiązania:
1. Zmniejsz logo
2. Ustaw logo automatyczną szerokość:
http://stackoverflow.com/questions/75190...l-browsers
http://stackoverflow.com/questions/34636...-own-width
3. Przekoduj styl tak, aby nagłówek nie był zależny od szerokości forum
Wybierz sobie rozwiązanie, a postaramy się pomóc w miarę
chęci możliwości.
Nie znam angielskiego, a tłumacz wiadomo jak tłumaczy
Jest takie coś po polsku??
(08.11.2012, 15:31)Nidrax napisał(a): [ -> ]http://lmgtfy.com/?q=automatyczna+szerok...87+obrazka
Czegoś Pan wymaga od 14 latka?? Znajomości HTML?? Czy CSS?? Jak nie masz sensownej odpowiedzi - po prostu się nie odzywaj. Oczekuję odpowiedzi, a nie przekierowania do bezsensownych wyników.... Google też umiem używać, i zanim napiszę na forum korzystam z jego pomocy.
Dziękuję.
(08.11.2012, 19:22)piotr88010 napisał(a): [ -> ]Czegoś Pan wymaga od 14 latka?? Znajomości HTML??
A czemu nie? Tak prosty język znaczników może ogarnąć i dziesięciolatek.
Skoro jesteś webmasterem, to twoim obowiązkiem jest znać przynajmniej HTML.
Strona
http://vkm.cba.pl/ nie działa, więc nie jestem w stanie Ci stworzyć gotowca do wklejenia, jako, że nie mam dostępu do szablonu twojej strony.
Obrazkowi twojego loga nadajesz atrybut
Kod:
onload="resize_image(this);"
i wstawiasz go w diva, który ma ustawioną automatyczną szerokość (atrybut width:auto dla klasy wycinka loga w global.css).
Potem do szablonu headerinclude dodaj taki kod:
Kod:
<script type="text/javascript">var max_width = 300; // definiujemy maksymalną szerokość obrazka
// tworzymy nową funkcje
function resize_image(img) {
// jeśli szerokość obrazka jest większa niż dopuszczalna maksymalna szerokość
if(img.width > max_width) {
// obliczamy proporcje szerokość do wysokość
factor = img.width / img.height;
// obliczamy proporcjonalną wysokość, zaokrąglamy ją używając Math.floor();
height = Math.floor(max_width / factor);
// nadajemy obrazkowi nowe wymiary
img.width = max_width;
img.height = height;
}
} </script>
Zamiast
300 dla max_width ustawiasz maksymalną szerokość w pikselach, do jakiej obraz ma być skalowany.
(09.11.2012, 16:35)Nidrax napisał(a): [ -> ]Obrazkowi twojego loga nadajesz atrybut
Kod:
onload="resize_image(this);"
Czekaj czekaj, mało z tego zrozumiałem. Zrozumiałem tylko tyle, żeby ten tekst w kodzie dodać do klasy "logo" w global.css. Dobrze?? Szkoda tylko, że tam tego nie ma (klasy).....
Nie, masz to dodać do tagu <img> z obrazkiem loga w szablonie nagłówek > header
Czyli zamiast
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$mybb->settings['bburl']}images/logo.jpg" alt="VKM - Twoja komunikacja" title="VKM - Twoja komunikacja" /></a>
Ma być:
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$mybb->settings['bburl']}images/logo.jpg" alt="VKM - Twoja komunikacja" title="VKM - Twoja komunikacja" onload="resize_image(this);" /></a>
(08.11.2012, 19:22)piotr88010 napisał(a): [ -> ]Czegoś Pan wymaga od 14 latka?? Znajomości HTML?? Czy CSS??
W wieku 14 lat uczyłem się już PHP, potrafiłem posługiwać się konsolą Linuxa na poziomie podstawowym, a HTML/CSS znałem na poziomie b.dobrym, więc kiepski argument...
Wie Pan, że język CSS to podstawowy angielski + idiotycznie prosta składnia? Znam osoby, które już znały CSS po... 1 dniu nauki.
W 2 klasie gimnazjum miałem uwaga... 11 jedynek z angielskiego, a mimo to nie miałem problemu z CSS.
(10.11.2012, 21:31)Siper napisał(a): [ -> ] (08.11.2012, 19:22)piotr88010 napisał(a): [ -> ]Czegoś Pan wymaga od 14 latka?? Znajomości HTML?? Czy CSS??
W wieku 14 lat uczyłem się już PHP, potrafiłem posługiwać się konsolą Linuxa na poziomie podstawowym, a HTML/CSS znałem na poziomie b.dobrym, więc kiepski argument...
mybb zacząłem się interesować w sierpniu tego roku. I po 4 miesiącach wymagasz języka css? Weź se jaj ze mnie nie rób.
@up
Mam 2 angola, czego wymagasz....
Nieważne... Działa Ci to, co podałem, czy trzeba szukać czegoś innego?