Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów - fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Autor Wiadomość
Niupek-hupek 
Blogger.Klub

Wiek: 16
Dołączył: 17 Mar 2012
Posty: 23

Wysłany:    [PrintDesign] Jak dodać czat pod nagłówkiem lub menu

Heh, to znowu ja :rotfl: teraz z czatem, mam już HTML jego, a teraz muszę go wstawić niżej nagłówka, ale gdy wchodzę w układ i dodaje czat niżej nagłówka to mi się on pojawia po prawej stronie (kawałek) i w nagłówku! Jak to zrobić żeby był niżej? :oczami:

[ Dodano: 25-03-2012, 22:18 ]
I zapomniałem, że wyskakuje mi on tylko gdy jest pod pokazem slajdów mam szablon PrintDesign.
 
  podziel się tym postem na:






Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do społeczności na G+ --- Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Top Contributor
Blogowicz.Team


Zaproszone osoby: 82
Imię: Arkadiusz (Arek)
Pomógł: 780 razy
Wiek: 32
Dołączył: 01 Sty 2006
Posty: 8775
Miasto: Wroclove City

Wysłany: 2012-04-06, 19:07   chat z xat.com nad wpisami

Najpierw potrzebujemy przygotować kod źródłowy czata.

Wchodzimy na stronę => http://www.xat.com/web_gear/chat.php i generujemy sobie swój własny czat. Przy 'Width' można od razu wpisać szerokość kolumny naszego bloga (potem też da się to edytować). Standardowo Print Design ma 960px szerokości.

Wygenerowany kod wygląda mniej więcej tak (każdy ma własny ID, więc nie kopiuj tego):

Kod

<embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="960" height="480" name="chat" FlashVars="id=171220072" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=171220072">Go Large!</a></small><br>


Są dwa sposoby wrzucenia tego na bloga. Pierwszy to przejście do Układ -> dodaj gadżet HTML/Javascript - jednak to wyjście spowoduje nakładanie się elementów lub wyświetlanie bardzo małego czata nad wpisami bądź w menu bloga.

My chcemy czat pod nagłówkiem lub menu, na całą szerokość bloga. W tym celu musimy zmienić zakładkę na Szablon -> edytuj HTML -> i zaznaczamy "rozszerz szablony widżetów".

Jak się okazuje próba wstawienia go w takiej formie powoduje różne błędy XML np.

Cytat

The content of elements must consist of well-formed character data or markup.
i nie można przez to zaktualizować kodu szablonu. Jest jednak rozwiązanie tego problemu.

Z powyższego kodu należy wykasować ten fragment:
Wiadomość (widoczna dla zarejestrowanych)


Finalny kod powinien wyglądać mniej więcej tak:
Wiadomość (widoczna dla zarejestrowanych)
Jak można zauwazyć dodałem DIV z identyfikatorem chat-wrapper, pomoże on szybciej odszukiwać kod czata a przy okazji będzie można nadać tej ramce margines.

Gdzie wstawiamy gotowy kod?

a) chcemy czata tuż pod nagłówkiem (nad menu rozwijanym).
Odszukujemy fragment:
Wiadomość (widoczna dla zarejestrowanych)
i wklejamy tuż pod DIV clear

b) chcemy pod rozsuwanym menu (nad ramką z postami).
Odszukujemy fragment kodu wyglądający tak:
Wiadomość (widoczna dla zarejestrowanych)
i tak jak w przykładzie wyżej wklejamy tuż pod DIV 'clear: both'

Zapisujemy zmiany i sprawdzamy czy wszystko działa. Jeżeli jest OK wracamy do edytora HTML i odszukujemy

Kod

/* Header-----------------------------------------------*/
Nadamy teraz dolny margines dla naszego czata. Tuż pod tym (powyżej) wstawiamy kod:

Kod

#chat-wrapper {
margin: 0 0 15px;
}
W ten sposób uzyskamy dolny margines (odstęp od menu lub ramki postów).


podgląd jak to się prezentuje na specjalnie przygotowanym blogu z instrukcjami => MSP instrukcje na bloga
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
Nyan_Cat 
Blogger.Klub

Dołączyła: 22 Mar 2012
Posty: 0

Wysłany: 2012-04-07, 09:48   

Jeju :zdziwko: jak ja ci dziekuje .! :)
 
  podziel się tym postem na:
Kuba :3 
Blogger.Klub

Imię: Kuba
Wiek: 18
Dołączył: 12 Mar 2012
Posty: 0
Miasto: Warszawa

Wysłany: 2012-04-10, 01:43   

Pracuje nad tym już 2,5 godz :znudzony:
I co z tego mam ? - nic ;(
Wszystko robię jak w instrukcji , ale nic ._.
nie udaje się.
co teraz ?
 
  podziel się tym postem na:
Htsz 
Blogger Top Contributor
Blogowicz.Team


Zaproszone osoby: 82
Imię: Arkadiusz (Arek)
Pomógł: 780 razy
Wiek: 32
Dołączył: 01 Sty 2006
Posty: 8775
Miasto: Wroclove City

Wysłany: 2012-04-10, 03:47   

Najwidoczniej nie czytasz ze zrozumieniem lub nie robisz wszystkiego co zawiera instrukcja (np. nie masz zaznaczonego rozszerzenia widżetów). Czat na blogu, do którego podałem linka (msp-instrukcje) jest wstawiony dokładnie według tych wskazówek (oczywiście każdy musi sobie wygenerować własny kod) i działa :)

instrukcja w skrócie:
1. wchodzisz na xat, generujesz kod.
2. wywalasz z kodu to co zbędne.
3. wchodzisz do pełnej edycji HTML na blogu.
4. odszukujesz jeden z wymienionych fragmentów.
5. wklejasz kod.
6. zapisujesz zmiany.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
Nyan_Cat 
Blogger.Klub

Dołączyła: 22 Mar 2012
Posty: 0

Wysłany: 2012-04-10, 07:50   

Dziwne , bo ja to jakoś robilam przez 5 minut.I wszytko sie udalo. : >
 
  podziel się tym postem na:
Niupek-hupek 
Blogger.Klub

Wiek: 16
Dołączył: 17 Mar 2012
Posty: 23

Wysłany: 2012-04-10, 11:16   

Tylko mi ucina menu przez ten czat :/ Jak zrobić żeby nie ucinało, mniej więcej tak to wygląda

 
  podziel się tym postem na:
Kuba :3 
Blogger.Klub

Imię: Kuba
Wiek: 18
Dołączył: 12 Mar 2012
Posty: 0
Miasto: Warszawa

Wysłany: 2012-04-10, 11:23   

właśnie . czy mogli byście pokazać dokładnie w którym miejscu ma to być ? - Np. żeby pokazać ten fragment i oznaczyć np. literką lub kodem w którym miejscu to ma być ? :s
Cały czas mam tam jakiś błąd chociaż wszystko robię dobrze .
 
  podziel się tym postem na:
Nyan_Cat 
Blogger.Klub

Dołączyła: 22 Mar 2012
Posty: 0

Wysłany: 2012-04-10, 14:51   

A jaka robisz wysokosc czatu.?
 
  podziel się tym postem na:
Kuba :3 
Blogger.Klub

Imię: Kuba
Wiek: 18
Dołączył: 12 Mar 2012
Posty: 0
Miasto: Warszawa

Wysłany: 2012-04-10, 20:29   

295px : >
 
  podziel się tym postem na:
Htsz 
Blogger Top Contributor
Blogowicz.Team


Zaproszone osoby: 82
Imię: Arkadiusz (Arek)
Pomógł: 780 razy
Wiek: 32
Dołączył: 01 Sty 2006
Posty: 8775
Miasto: Wroclove City

Wysłany: 2012-04-10, 20:34   

Kuba :3 napisał/a:

właśnie . czy mogli byście pokazać dokładnie w którym miejscu ma to być ? - Np. żeby pokazać ten fragment i oznaczyć np. literką lub kodem w którym miejscu to ma być ? :s
Przecież podane są dwa fragmenty kodu jakie masz odszukać i napisane pod jaki DIV wkleić swój kod, więc?

Kuba :3 napisał/a:

Cały czas mam tam jakiś błąd chociaż wszystko robię dobrze .
JAKIŚ?! a co to za "jakiś błąd"? może warto przeczytać komunikat? przetłumaczyć go sobie albo wkleić tutaj na forum? czy lepiej płakać, że nie działa?

Niupek-hupek napisał/a:

Tylko mi ucina menu przez ten czat :/ Jak zrobić żeby nie ucinało, mniej więcej tak to wygląda
nie ma linka do bloga uzupełnionego w profilu na forum to nie ma pomocy.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
Kuba :3 
Blogger.Klub

Imię: Kuba
Wiek: 18
Dołączył: 12 Mar 2012
Posty: 0
Miasto: Warszawa

Wysłany: 2012-04-10, 20:49   

Htsz napisał/a:

JAKIŚ?! a co to za jakiś błąd? może warto przeczytać komunikat? przetłumaczyć go sobie albo wkleić tutaj na forum? czy lepiej płakać, że nie działa?

Komunikat :

Cytat

''Nie można przeanalizować szablonu, ponieważ nie jest on poprawnie sformułowany. Sprawdź, czy wszystkie elementy XML zostały prawidłowo zamknięte.
Komunikat o błędzie XML: Attribute name id associated with an element type div must be followed by the ' = ' character.''
:/
Sprawdzałem czy jest zamknięte - zamknięte . Ale błąd jest dalej .
 
  podziel się tym postem na:
Wyświetl posty z ostatnich:   
::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegóły.
Nie możesz odpowiadać w tematach. Zobacz szczegóły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2017 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:
Dodaj na Google+:


Zobacz także:


Szablony wordpress
kod zniżkowy -10% za licencję
w koszyku wpisz: Blogowicz
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz