Atrakcyjny top i guziki w gazecie? No problem!

Day 805, 06:34 Published in Poland Poland by Midvith
http://i48.tinypic.com/15me3q8.jpg">http://i46.tinypic.com/zlspqr.jpg">http://i48.tinypic.com/r8tu9z.jpg">

http://i50.tinypic.com/264m3gg.jpg" title="Wyślij wiadomość do tego użytkownika">http://i46.tinypic.com/rmmezt.jpg" title="Autor jest posiadaczem Media Mogula">[url=gg:3657211]http://i48.tinypic.com/140vipc.jpg" title="Uważaj na agresywnego antyspama...">[/url]

Ostatnio przy okazji w eRepublik postanowiłem powrócić do graficznej formy gazety, jaką kilka miesięcy temu zaprezentowałem – odbiło się to z mieszanymi uczuciami, po części spora ilość graczy była bardzo zaciekawiona taką ideą, jednak również spora część twierdziła, że gazeta ładuje się zbyt wolno i zabiera znacznie więcej czasu… Postanowiłem więc wymieszać dwa style – zrobić gazetę po części graficzną, po części tekstową. Odrobina zabawy, metodą prób i błędów, a osiągnąć możemy całkiem przyzwoite efekty…

Ba… nawet mój ostatni artykuł o bugach w eRepublik spotkał się nie tylko z ogromnym entuzjazmem (dzięki!), ale również z również z próbami “edukowania się” czyimś wzorem.

Jeżeli znajdziesz ciekawe sztuczki, pozwalające dodawać do gazety różne elementy, których tutaj nie wymieniłem – skontaktuj się ze mną! Z pewnością za Twoją zgodą dodam opis tej sztuczki tutaj, podając autora (link do profilu)...

Wracając do sprawy – na wstęp od razu mówię, że gazeta pół-graficzna, jaką widzicie czytając ten artykuł to nic trudnego… Czemu akurat określenie “pół-graficzna”? Bowiem część Waszej gazety może być wykonana sposobem graficznym, przykładowo logo i guziki, zaś reszta to zwykły tekst wpisywany w oknie przeglądarki, w samej grze.

Pewnie od razu powiecie, że trzeba się znać na HTML, PHP, albo innych pierdołach… Nie. Po prostu nie.
Wystarczy poznać zaledwie trzy rzeczy, zapisać sobie gdzieś na boku w notatniku i wykorzystywać przy pisaniu gazety. Potem wszystko opiera się na kopiuj z notatnika, wklej do eRepa. Redagowanie Kuriera ePolskiego w eRepublik zajmuje mi dokładnie tyle samo, co każdemu innemu autorowi, który pisze tekst. Tylko z jedną różnicą – przed pisanym tekstem i po nim wstawiam gotowy kod skopiowany z notatnika, który odpowiada za grafiki. Wszystko – 10 sekund więcej roboty, a jaki efekt!

Jedyne, co zajmie nam nieco czasu, to zaprojektowanie naszej gazety…
Rzecz pierwsza podstawowa…

Nie publikuj artykułu, który chcesz używać do testowania lub próbowania wprowadzenia tych sztuczek, od razu zapewnisz sobie rangę spamera, a ludzie zapamiętają sobie Twój nick – by później omijać wszelkie Twoje publikacje szerokim łukiem.
Pierwsze kilka artykułów postaraj się napisać normalnie, bez używania sztuczek… Dopiero później, gdy Twój artykuł nie będzie już na liście ostatnich tekstów i nie zdobył sobie popularności wykorzystaj go do testowania. Przyznam się, że również posiadam jeden taki artykuł, stary jak świat, który służy mi wyłącznie do testów 🙂

Projekt

Powinniśmy ustalić sobie pewną wizję, jak nasza gazeta będzie wyglądać. Należy jednak zapamiętać jedną, podstawową, niepodważalną i najważniejszą rzecz:

eRepublik automatycznie i bez naszej zgody daje między obrazkami białą linię, więc jeżeli chcemy dać dwa obrazki jeden pod drugim, które powinny tworzyć jedną całość – to się nie uda. Erepublik wlepi nam między nimi biały pasek, trzeba to uwzględnić przy projekcie.

Podczas projektowania należy uwzględnić poza tym kilka rzeczy – wykorzystywać możemy jedynie podstawowe znaczniki HTML, te które nam się przydadzą najbardziej to oczywiście znaczniki odpowiadające za link oraz obrazek. Żadnych tabel, stylów, czy innych rzeczy raczej nie wciśniemy. Sprawa kolejna to szerokość grafik jakie chcemy użyć w projekcie – pojedyncza grafika nie może mieć więcej niż 400×350 pikseli, powyżej tych rozmiarów ulega automatycznemu zmniejszeniu.

Białe tło – Twój przyjaciel, a zarazem wróg

Białe tło, jak wspominałem wyżej pojawia się, gdy dajemy jeden obrazek pod drugim, a chcemy je połączyć w całość. Dlatego przy projektowaniu gazetki najlepiej wykorzystywać to tło w taki sposób, by łączyło się w całość – przykładowo nasze logo ma białe ramy, białe tło, albo biały gradient (patrz moje). Czym bardziej złożony chcemy mieć projekt nagłówka (przykładowy poniżej), tym więcej musimy przewidywać – jeżeli chcemy dać najpierw logo, potem np. guziki kontaktowe, jak w moim przypadku musimy mieć na uwadze, że pomiędzy górą, a dołem wkradnie się biała linia.

Wykonanie

W jednej linii możemy dać nawet kilka obrazków, jednak nie mogą one być szersze niż treść artykułu – by wszystko się ładnie kupy trzymało. Oczywiście da się wstawić takie, co wyjdą za ramy strony… ale po co?
Logo jakie wykorzystamy w gazecie to już tylko nasza wyobraźnia – ważne, by wykonać dwie czynności – sprawdzić szerokość (w moim przypadku zalecam 540 pikseli), jaką ma tekst w artykule oraz pociąć ten obrazek na kilka równych części (każda mniejsza niż 400px szerokości i 350 wysokości). Najlepiej każdą część zrobić na 180 pikseli, wówczas osiągniemy 540, co powinno się ładnie komponować.
Dobrze by było, by części miały tą samą wysokość, chociaż nie sprawdzałem, czy “połączą się” jeżeli będą miały inne – może to przynieść ciekawe efekty.

Pamiętajcie – nie róbcie zbyt dużo linków prowadzących poza eRepublik. Wszelkiego rodzaju reklamy, czy elementy prowadzące do prywatnych stron, for, chatów, czy innych rzeczy mogą zostać uznane przez adminów eRepublik za reklamę!

Jak to wygląda w praktyce.
Projekt naszego loga dzielimy sobie na części.

Użyć do tego możemy byle jakiego programu, nawet Painta, liczy się to, by części nie były źle pocięte – dlatego tniemy, co do piksela.
To, jak poukładamy sobie te części, to już nasza wola i wyobraźnia, warto przewidzieć tutaj jedną rzecz – mianowicie, że obrazek może być linkiem. Więc podobnie, jak w Kurierze ePolskim można stworzyć pod logiem guziki odsyłające do np. rozmowy na GG.
Prócz topu, możemy sobie wykonać stopkę, która również może być różnie zbudowana. Może ona prezentować Wasze firmy (co za tym idzie linki do tych firm), dokonania… co chcecie. Wyobraźnia jest ogromna, a ograniczeniem jest tylko fakt, że trzeba to jakoś pociąć na poszczególne segmenty obrazki.

Kod oraz sztuczki

Z racji tego, iż nie raz zdarzało się, że ludzie zaliczali punkty karne za linki zewnętrzne w artykułach, które nie są jednoznacznie związane z eRepublik zamieszczam link do tematu na polskim forum eRepublik, gdzie poza linkiem do reszty artykułu udzielam pomocy młodym i niedoświadczonym w budowaniu takich gazet.

Zapytacie zapewne - czemu "do reszty artykułu" - otóż nie bardzo podoba mi się wizja wrzucania tutaj screenów gotowego kodu, zaś eRepublik nie bardzo się podoba wpisywanie kodu w taki sposób, by można było go skopiować.

W reszcie tekstu znajdziecie między innymi kody HTML, chociaż z pewnością duża większość z Was potrafi się nim posługiwać, odnośniki do stron, gdzie można skopiować kod opowiadający za nasz status na różnych komunikatorach i tak dalej...

Przy okazji zachęcam wszystkich "sztuczkoszukaczy" do dzielenia się na forum w wymienionym wyżej temacie, sztuczkami jakie udało Wam się wykonać. Każdy pamięta artykuły MON z zielonymi lub czerwonymi guzikami - odrobina zabawy ze źródłem strony, kombinowania... i można osiągnąć ciekawe efekty.

Czemu nie powiedziałem, jak wykonać guzik "kufla"? Otóż z prostej przyczyny - gdyby ot tak sobie wszyscy wiedzieli, masa gazet nie miałaby nic innego przed komentarzami, jak wielkie obrazki "Wal suba noobie!"... Dlatego przepisu nie podaję.

http://i49.tinypic.com/2cfuzwz.jpg">http://i47.tinypic.com/2ihpcg0.jpg">