SMF HELP!

SMF Help! - For Users SMF/TP => Style - Problemy, Integracje, Modyfikacje styli => Wątek zaczęty przez: independes 17.04.2009 17:50:20



Tytuł: Zmiana logo
Wiadomość wysłana przez: independes 17.04.2009 17:50:20
Witam chciałbym na swoim forum zmienić główne logo ale za bardzo nie wiem jak, pracuje na skórce
http://custom.simplemachines.org/themes/index.php?lemma=793 (http://custom.simplemachines.org/themes/index.php?lemma=793)
Logo w tej skórce jest podzielone na kilka części czyli podmiana pliku nie wchodzi w rachubę.

Co i jak mam zrobić żeby zmienić logo dodam zw PA ta opcja nie działa.




Tytuł: Odp: Zmiana logo
Wiadomość wysłana przez: roco 18.04.2009 03:16:47
Witam! :)

To proste..

O ile pamiętam, to masz wersję SMF 2.0?

Logo w tym stylu, to jeden plik =>> /images/img/logo.jpg, reszta to graficzki tła.. (background-image)

Logo defaultowe wygląda tak:

(http://poligon.ricoroco.com/fora/foto/uploads/e0765953ac.jpg)



W tym stylu, w pliku index.template.php, masz kawałek kodu, gdzie umieszczone jest logo, (linia ~215):

GeSHi -› Code: [select]

            echo '
                </form>
                            </div>
                        <a href="&#39;.$scripturl.&#39;" title=""><span id="logo">&nbsp;</span></a>&#39;;
                    echo &#39;
                        </div>
                    </div>
                </div>
                <div id="toolbar">
                &#39;,template_menu(),&#39;
                </div>

                <div id="bodyarea">&#39;;

    // Show the navigation tree.
// Created by GeSHi 1.0.8.10 | code: -› [code=PHP] | load:0.060s | speed:5.05 KB/s



Widzisz tego linka?:

<a href="'.$scripturl.'" title=""><span id="logo">&nbsp;</span></a>';

To ten span z ID=Logo, ma swoje odniesienie do styli i tam masz to ID:
(około linii: ~721)

GeSHi -› Code: [select]
#logo {
     position: absolute;
     top: 0px;
     left: 20px;
     display: block;
     width: 326px;
     height: 177px;
     cursor: pointer;
     background: url(images/img/logo.jpg) no-repeat;
}
// Created by GeSHi 1.0.8.10 | code: -› [code=CSS] | load:0.007s | speed:25.86 KB/s



Więc..? hmm "krótka piłka", albo podmieniasz logo.jpg, na swoje, (autor skórki udostepnia logo w postaci pliku .psd).
- czyli fizycznie podmieniasz grafike,

Lub edytujesz style i podmieniasz ścieżkę do grafiki, na inną.

Lub w pliku index.template.php, zamieniasz ten cały < span.. id=logo ..>, (w linku):

GeSHi -› Code: [select]
<a href="&#39;.$scripturl.&#39;" title=""><span id="logo">&nbsp;</span></a>&#39;;
// Created by GeSHi 1.0.8.10 | code: -› [code=PHP] | load:0.058s | speed:1.36 KB/s



-> na cos innego, np. baner we flashu? Lub co chcesz..

Masz, więc, 3 opcje.. To proste i napewno podołasz! ;)

Jak coś nie jasne to pytaj.

Pozdrawiam :)
roco


Tytuł: Odp: Zmiana logo
Wiadomość wysłana przez: independes 03.05.2009 15:00:32
wiec jako tako udało mi sie zmieć logo ale jak zwykle jest mały problem którego nie potrafię samemu rozwiązać a mianowicie:
(http://img213.imageshack.us/img213/4176/logt.jpg)

czyli jak wydłużam logo to zakrywa okno logowania i szukania (po prawej stronie) jak zrobić zeby logo było pod tymi opcjami?


Tytuł: Odp: Zmiana logo
Wiadomość wysłana przez: roco 03.05.2009 18:47:25
Cześć, :)

Po prostu wrzuć tu swój plik index.template.php i adres banera. Może style też by się przydały, ponieważ jest tam klasa "logo".

Będzie łatwiej, inaczej trzeba będzie wsio testować, i może po parę razy...

Spakuj to do zipa i daj jako załącznik, napewno znajdę chwilke, żeby to rozkminić.

Tym czasem :)
roco


Tytuł: Odp: Zmiana logo
Wiadomość wysłana przez: independes 03.05.2009 18:54:24
proszę bardzo


Tytuł: Odp: Zmiana logo
Wiadomość wysłana przez: roco 03.05.2009 20:24:47
No niestety, jak zwykle Crip pokombinował.. wiesz on to robi trochę na odwal się..

Rozciagnąłem Ci to na całość i wyglada wypasio, ale musisz dołożyć coś z prawej strony do samego obrazka, żeby przedłużyć go do długości 1024px, inaczej jest tak:

(http://poligon.ricoroco.com/fora/foto/uploads/f2b5bf22e2.jpg)

Strzałką zaznaczyłem miejsce.

Podmień sobie pliki i powiedz czy pasi? Zabawa polega na edycji styli, jednak nie pasowały te szpetne inputy i dałem przeźroczyste z białym kolorem fonta ...zobaczysz sam.

Podmień zobacz co i jak i napisz, ok?

Narka ;)
roco

// Edit: Gdybyś chciał to miec osadzone w tych śmiesznych "lamówkach" to musisz fotkę oprawić w środkowego bg, czyli cofnąć w dół o tę lamówkę...

Mówię o tym:

(http://football90.org/Themes/Anecdota20bp/images/img/hdr-bg.jpg)

Jednak ten Twój baner rozciągnięty na całość, wygląda zdecydowanie bardziej poważnie i profi.., bez tych "lamówek"...
Ale wygląd to rzecz gustu, więc zdecyduj sam.
;)


Tytuł: Odp: Zmiana logo
Wiadomość wysłana przez: independes 03.05.2009 20:57:04
no dobra zobaczymy co z tego wyjdzie ale w którym miejscu i jaki plik mam edytować zeby dodać ten kawałek loga?


Tytuł: Odp: Zmiana logo
Wiadomość wysłana przez: roco 04.05.2009 00:10:27
Zobacz, napisałem Ci:

Quote: [select]
ale musisz dołożyć coś z prawej strony do samego obrazka, żeby przedłużyć go do długości 1024px,


A to znaczy, że musiz przedłużyć samą grafikę żeby miała długość - 1024px;

Zmień pliki na serverze, żeby się nie nadpisały i wrzuć te z mojego załącznika.

Zobacz jak wyglada i wg. mnie warto by było przedłużyć samą grafikę, ponieważ
trudno w stylach zrobić tak, żeby background-image rozciągało się tylko w jednym kierunku.
Choć można je przesuwać.

Narka :)
roco

// Edit

Nie zwróciłem uwagi wcześniej, ale ten baner jest "przyszczypnięty" ustawieniami samej skórki -
I w stylach tam gdzie #logo trzeba height:177px; zamienić na 180px; Wtedy zobaczysz całą wysokość banera.

Zmieniłem i wrzucam dodatkowo - same style - do załącznika.
Czyli Index.template.php z poprzedniego załącznika i style z tego załącznika.
I przedłuż grafikę, będzie wypasio
;)