Zmiana logo

[Link]

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
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.

independes

Customer

Posty 29

 

[Link]

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
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.

[img width= height= alt=BuggyTeam]http://buggy.info.pl/Themes/YingYang/images/logo1.png[/img]

[Link]

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:





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.030s | speed:10.03 KB/s

Widzisz tego linka?:

PHP Code: [select]

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

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.003s | speed:57.16 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.027s | speed:2.91 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

roco

Administrator

3wProducer

Imagination is more Important than Knowledge

Posty 679

 

[Link]

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:





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

GeSHi -› Code: [select]

            echo &#39;
                </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.030s | speed:10.03 KB/s

Widzisz tego linka?:

PHP Code: [select]

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

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.003s | speed:57.16 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.027s | speed:2.91 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

[Link]

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:


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

independes

Customer

Posty 29

 

[Link]

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:


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

[img width= height= alt=BuggyTeam]http://buggy.info.pl/Themes/YingYang/images/logo1.png[/img]

[Link]

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

roco

Administrator

3wProducer

Imagination is more Important than Knowledge

Posty 679

 

[Link]

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

[Link]

proszę bardzo

independes

Customer

Posty 29

 

[Link]

proszę bardzo

[167.82 KB]

inde logo.zip   -› 167.82 KB - pobrany 509 razy

[Link]

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:



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:



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.

roco

Administrator

3wProducer

Imagination is more Important than Knowledge

Posty 679

 

[Link]

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:



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:



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.

[10.25 KB]

indi.zip   -› 10.25 KB - pobrany 441 razy

[Link]

no dobra zobaczymy co z tego wyjdzie ale w którym miejscu i jaki plik mam edytować zeby dodać ten kawałek loga?

independes

Customer

Posty 29

 

[Link]

no dobra zobaczymy co z tego wyjdzie ale w którym miejscu i jaki plik mam edytować zeby dodać ten kawałek loga?

[img width= height= alt=BuggyTeam]http://buggy.info.pl/Themes/YingYang/images/logo1.png[/img]

[Link]

Zobacz, napisałem Ci:

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

roco

Administrator

3wProducer

Imagination is more Important than Knowledge

Posty 679

 

[Link]

Zobacz, napisałem Ci:

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

[4.84 KB]

style.zip   -› 4.84 KB - pobrany 426 razy

[Zmiana logo]

Code: [select]  -› [ Topic: Zmiana logo ]

[Zmiana logo]

Code: [select]  -› [ Topic: Zmiana logo ]