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.016s | speed:18.77 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.002s | speed:99.44 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.015s | speed:5.23 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.016s | speed:18.77 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.002s | speed:99.44 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.015s | speed:5.23 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 1381 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 1295 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 1288 razy

[Zmiana logo]

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

[Zmiana logo]

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