Własne logo w oknie szybkiej odpowiedzi

[DUREK5]

Opiszę w tym tutorialu jak zrobić takie oto cudeńko.Oczywiście to takie logo na szybko robione do tutka,wy możecie stworzyć dowolne,moje tak ja w oryginalnym tutorialu ma 220 na 45 pikseli,można to zmienić modyfikując kod lecz nie polecam bo estetycznie nie wygląda to za dobrze.dlatego najlepiej zostawić 220 na 45.

Logujemy się do Swojego Panelu Administratora

Klikamy na zakładkę Look & Feel

Wybieramy skin który chcemy edytować,klikamy na kwadracik z taką strzałeczką

Wybieramy z rozwiniętego MENU

Edit Template HTML

Szukamy na liście Post / PM Editor,gdy już znajdziemy klikamy na Post / PM Editor,po prawej stronie pojawi nam się kolejna lista a w niej szukamy

ips_editor klikamy na nazwę ips_editor i szukamy w kodzie takiego ciągu

 <textarea name="{$form_field}" class="rte-iframe" id="{$editor_id}_textarea" rows="10" cols="60" style="width:98%; height:250px" tabindex="3">$initial_content</textarea>

Jeżeli go znajdziemy zamieniamy go na taki kod

<textarea name="{$form_field}" class="rte-iframe" id="{$editor_id}_textarea" rows="10" cols="60" style="width:98%; height:250px; background-image: url('http://img259.imageshack.us/img259/8282/beznazwy1ua1.png'); background-repeat: no-repeat;background-position: bottom right" tabindex="3">$initial_content</textarea>

TERAZ BARDZO WAŻNE !!

Jak widzicie w kodzie umieściłem link do obrazka,musicie go zamienić aby wyświetłal się wasz obrazek a nie mój (IMG:style_emoticons/default/happy.gif) W tym celu zamieniamy link do obrazka

image: url('http://img259.imageshack.us/img259/8282/beznazwy1ua1.png'); zamiast tego http://img bla bla bla ma być link do waszego obrazka

Zapisujemy zmiany wciskając SAVE TEMPLATE BIT

Teraz tak jak wcześniej szukamy na liście po lewej stronie nazwy Topic View

kiedy znajdziemy Topic View klikamy na tą nazwę i z listy po lewej stronie szukamy quick_reply_box_open

klikamy na quick_reply_box_open i szukamy kodu

<textarea style='margin:0px;padding:4px;width:98%' tabindex="1" name='Post' id='fast-reply_textarea' class='rte-iframe' cols='80' rows='15'></textarea>

Po znalezieniu zastępujemy go tym kodem

<textarea name="Post" class="rte-iframe" id="fast-reply_textarea" rows="15" cols="80" style="margin:0px;padding:4px;width:98%; background-image: url('http://img259.imageshack.us/img259/8282/beznazwy1ua1.png'); background-repeat: no-repeat;background-position: bottom right" tabindex="1">{$post}</textarea>

I ta sama sytuacja co wcześniej czyli

TERAZ BARDZO WAŻNE !!

Jak widzicie w kodzie umieściłem link do obrazka,musicie go zamienić aby wyświetłal się wasz obrazek a nie mój (IMG:style_emoticons/default/happy.gif) W tym celu zamieniamy link do obrazka

image: url('http://img259.imageshack.us/img259/8282/beznazwy1ua1.png'); zamiast tego http://img bla bla bla ma być link do waszego obrazka

Po zamianie linku do obrazka wciskamy Save Template BIT !

Wchodzimy na forum i w obojętnie jakim temacie klikamy na Szybka Odpowiedź/Fast Reply i cieszymy oczy naszym Logo w tym okienku.

[Fuji]

Pierwszy post chciałem sie przywitać

Dzieki a jak zrobić własne logo w poście jak to widać tutaj Na końu posta w prawym dolnym rogu Mozliwe, że jest na forum, ale w tej chwili wszytsko czytam i mozliwe, że jeszcze nie doszedłem do tego tematu :

Pozdrawiam

[Andiw]

Witamy na forum

Co do pytana to, aby dodać takie logo musisz zrobić następującą rzecz:

ACP > LOOK & FEEL > ( wybór skina ) > Edit Stylesheet (CSS Advanced Mode)

Znajdź klasę postcolor i dodaj następujący wiersz po znaku {

background:transparent url(http://adresobrazka) bottom right no-repeat;

[Fuji]

Dzięki, ale chciałbym pod sygnaturą Bo to co podałeś jest nad syg ;] Specjalnie wgrałem teraz syg na tym forum i widać, że obrazek jest zawsze na dole

pzdr

[Andiw]

Faktycznie nie popatrzyłem do końca

zaraz postaram sie to naprawić

----------

edit:

ACP > LOOK & FEEL > ( wybór skina ) > Edit Template HTML > Topic View >> RenderRow

Zamień miejscami "</div>" z "{$post['signature']}" i edytuj ta klasę jak pisałem post wyżej to powinno być ok

Powinno wyglądać to mniej więcej tak:

</if>
			<!--IBF.ATTACHMENT_{$post['pid']}-->
		{$post['signature']}

</div>


		<!-- THE POST -->

[Fuji]

tzn ze mam ten kawałek

</if>

<!--IBF.ATTACHMENT_{$post['pid']}-->

</div>

{$post['signature']}

<!-- THE POST -->

zamienic na

</if>

<!--IBF.ATTACHMENT_{$post['pid']}-->

{$post['signature']}

</div>

<!-- THE POST -->

\

??

[Fuji]

Niestety nie działa Nie ma obrazka na samym dole

Prosze połączyc posty :

Edytowane 5 Stycznia 2008 przez Fuji

[DawPi]

Sposób jaki zastosowałem tutaj na forum jest taki:

Przejdź do:

ACP > LOOK & FEEL > ( wybór skina ) > Edit Template HTML > Topic View >> RenderRow

Znajdź:

	   <td width="100%" valign="top" class="{$post['post_css']}" id='post-main-{$post['pid']}'>

Zamień na:

	   <td width="100%" valign="top" class="{$post['post_css']}" id='post-main-{$post['pid']}' style="background-image: url(style_images/<#IMG_DIR#>/ips_systems2.png); background-repeat: no-repeat; background-position: bottom right">

Oczywiście zamień ścieżkę do grafiki.

Pozdrawiam,

DawPi

[Fuji]

Mi się niestety powtarza

http://img229.imageshack.us/my.php?image=nbmbnmfr3.jpg

[DawPi]

Mi się niestety powtarza

http://img229.imageshack.us/my.php?image=nbmbnmfr3.jpg

Niemożliwe Być może nie usunąłeś kodu, który wpisywałeś wcześniej jak Ci Andiw pomagał. Sprawdź to lub wklej w codeboc kod z RenderRow..

[Fuji]

mhm zmieniłem zdjęcie na to Twoje i wygląda OK, więc widocznie zalezy to równiez od fotki