Webboard

Pełna wersja: Logo i forum stałej szerokości
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Dla wersji MyBB: 1.4.x
Opis: Sposób na ustawienie forum i loga tej samej szerokości.

1. Przyszykuj logo o wybranej przez Ciebie szerokości w px (pikselach);
2. Wysokość loga dowolna (lecz bez przesady);
3. Moje logo wykorzystane w tutorialu jest szerokości 950px, wysokość 150px;
4. Ustawiamy tej samej stałej szerokości forum jak logo - ACP>>Style i szablony>>Style (edytujemy nasz styl)
[attachment=787]
5. Przechodzimy do global.css danego stylu:
[attachment=789]
6. Dalej do CSS - #container
[attachment=790]
7. W CSS #container w polu: Szerokość (width) zastępujemy dotychczasową dwucyfrową wartość %, trzycyfrową wartością (czyli szerokość loga) w px - w moim przypadku jest to 950px
8. Zapisujemy
9. Ponownie edytujemy styl: ACP>>Style i szablony>>Style (nasz styl)
[attachment=787]
10. Przechodzimy do sekcji: Logo forum
11. Wpisujemy ścieżkę do loga umieszczonego na serwerze: images/logo_jakieś_tam.png (lub inny format)
[attachment=788]
12. Zapisujemy
Efekt:
[attachment=791]

Wadą rozwiązania jest zbyt duża wielkość forum przy niższych rozdzielczościach niż standardowa 1204 - 768px (szerokość loga od około 950px). Im wyższa rozdzielczość, tym lepiej.

Moja obecna rozdzielczość zastosowana w tutorialu to: 1280 x 1024px
(20.02.2009, 22:37)matc napisał(a): [ -> ]Wadą rozwiązania jest zbyt duża wielkość forum przy niższych rozdzielczościach niż standardowa 1204 - 768px (szerokość loga od około 950px). Im wyższa rozdzielczość, tym lepiej.[/i][/b]
ja ten problem rozwiązałem nie dodając do conainera width tylko max-width :) Wówczas forum, przy mniejszych rozdzielczościach, automatycznie się dostosowuje, na wyższych ma ograniczenie do wartości max-width;