(: Wow Cliens, Web, Flash, minden kis trükk ami kellhet. :)

Indította NevemSenki, 2010 augusztus 16, 12:31:26 DÉLELŐTT

Előző téma - Következő téma

NevemSenki

Ehhez nem tudok mit hozzáfűzni. Látni kell.
Nézzétek végig a videót..... ha tudjátok...  :D

Szexi sztriptíz

Aki talál még Falsh-es dolgot, ami tényleg jó is ( nem értelmetlen Bannerek ) az leírhatná ide.
Weboldalakba flash Menük, Tutorialok.
Csak mert elég kevés az olyan Wow-os oldal, ahol 1-2 Flash-en kívül több található.
Aki tudja hogy ezt miként készítik, az írhatna róla bővebben.

Ezekről is megtudhatnánk egy kicsit többet.
http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf

HIVATALOS OLDAL: aBowman

Szerintem ez a Topic az Off-ban elfér.  ;)

Epekedve várom a Hozzászólásokat.

Üdv.: Senki

Roli

bekaphatja a faszika :D ilyen baromságot h lehet kitalálni :D

NevemSenki

#2
Köszi $0undX.
Ha hazaérek majd rákattanok a témára. És már találtam egy elég jó Fórumot ahol ezzel foglalkoznak.
Megpróbálok egy kicsit belefolyni ebbe a dologba, mert ez nekem nagyon tetszik.  :D

Üdv.: Senki

--------------------------------------------------------------------------------------------------------
Találtam egy elég jó 3D-s Képgalériát. ( Piesemaker )

Letöltés

Hivatalos oldal

A Szoftver teljesen ingyenes, és szerintem szép is.
A Beállítása széles körül, konkrétan teljes mértékben testre szabható.
<Settings>
   <imageWidth>200</imageWidth>
   <imageHeight>200</imageHeight>
   <segments>12</segments>
   <tweenTime>1.2</tweenTime>
   <tweenDelay>0.1</tweenDelay>
   <tweenType>easeInOutBack</tweenType>
   <zDistance>0</zDistance>
   <expand>20</expand>
   <innerColor>0x111111</innerColor>
   <textBackground>0x0064C8</textBackground>
   <shadowDarkness>100</shadowDarkness>
   <textDistance>25</textDistance>
   <autoplay>12</autoplay>
 </Settings>


Hátha valakinek tetszik, használjátok egészséggel.

-----------------------------------------------------------------------------------------------------
Animált Menü

Jegyzettömb, Notepad, vagy amivel szeretnétek, hozzatok létre egy HTML dokumentumot.
A következők kerülnek bele:

1. Kialakítjuk az alapokat.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>

<body>
<!-- A cucc eleje -->
<!-- A cucc vége -->
</body>
</html>


2. Most jön a Menü szerkezete. Minden egyes rész két állapotból áll:

<!-- A cucc eleje -->
<div id="content">

<!-- Menü kezdete -->
<ul id="menu">
<li>
<p class="hover">
<a href="#">Home</a>
</p>

<p class="normal">
<a href="#">Home</a>
</p>
</li>

<li>
<p class="hover">
<a href="#">Blog</a>
</p>

<p class="normal">
<a href="#">Blog</a>
</p>
</li>

<li>
<p class="hover">
<a href="#">Porftolio</a>
</p>

<p class="normal">
<a href="#">Portfolio</a>
</p>
</li>

<li>
<p class="hover">
<a href="#">Contact</a>
</p>

<p class="normal">
<a href="#">Contact</a>
</p>
</li>

</ul>
<!-- Menü vége -->

</div>
<!-- A cucc vége -->


3. Egy Scriptet is el kell helyeznünk a dokumentumban a következő képen:
   A </body> tag elé írjuk be a következő sort:

<!-- jQuery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<!-- end jQuery-->



4. ( css megírása ) Ebben a példában nem csináltam külön css filet, a szükséges stílusinformációkat a header részben van,
   </head> tag előtt:

<style type="text/css">
/* BODY */
body{
color: #eee;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
}

a{
color: #eee;
font-weight: bold;
outline: none;
text-decoration: none;
}

/* MENU */
#menu{
float: left;
height: 30px; /* a menu magassaganak meghatarozasa, hogy csak a hover vagy a normal allapotot lassuk */
list-style-type: none;
margin: 0px;
overflow: hidden; /* csak a 30px magas resze latszik a menupontoknak */
padding: 0px;
position: relative; /* fontos, hogy a jQuery hasznalataval manipulalni tudjuk az egyes lista elemeket */
}

#menu li{
float: left; /* a lista elemek vizszintes sorba torteno rendezesehez */
height: 60px; /* a hover es a normal allapot egyuttes magassaga */
overflow: hidden;
position: relative; /* fontos, hogy a jQuery hasznalataval manipulalni tudjuk az egyes lista elemeket */
top: -30px; /* igy a menupont hover resze kikerul a lathato teruletrol es a normal allapot jelenik meg */
}

#menu p{
line-height: 30px;
margin: 0px;
padding: 0px 10px 0px 10px;
}

.hover{
background: #003495;/* bongeszok, amik nem tamogatjak a css-ben meghatarozott gradientet */
background: -webkit-gradient(linear, left bottom, left top, from(#1b4eb3), to(#003495)); /* safari, chrome */
background: -moz-linear-gradient(top, #1b4eb3, #003495); /* firefox */
border-left: 1px solid #275fcd;
border-left: 1px solid #022c7a;
}

.normal{
background: #2d2d2d; /* bongeszok, amik nem tamogatjak a css-ben meghatarozott gradientet */
background: -webkit-gradient(linear, left bottom, left top, from(#595959), to(#2d2d2d)); /* safari, chrome */
background: -moz-linear-gradient(top, #595959, #2d2d2d); /* firefox */
border-left: 1px solid #727272;
border-right: 1px solid #212121;
}

</style>


5. Az animáció most kezdődik még csak. A jQuery script alá illesszük be a következő sort:

<!-- menu script -->
<script type="text/javascript">
$(function(){
         //ide jon a kod, ami csak a dokumentumfa teljes betoltodeset kovetoen kerul futtatasra
        $("#menu li").hover(
    function(){
    //hover esemeny bekovetkezesekor lefuto animacio
    $(this).animate({
    'top': '0px' //az animacio lefutaskor modositani kivant tulajdonasg es ertek - lentebb toljuk a lista elemet, igy a jelenleg -30px-nel kezdodo hover resz valik lathatova
},{
    duration: 150, //animacio sebessege
queue: false //erre azert van szukseg, hogy ha valaki oda vissza mozgatja az egeret a menupontok folott, akkor is csak egyszer jatszodjon le az animacio
});
    },
    function(){
    //out esemeny bekovetkezesekor lefuto animacio
    $(this).animate({
'top': '-30px' //visszamozgatjuk a lista element a kezdo allapotba
},{
duration: 150 //animacio sebessege
});
    });
   });
</script>
<!-- menu script -->


Szerény véleményem szerint ez lég egyszerű, és látványos.

Az elkészült kis menü megtekinthető Itt..

A bemutatott menü készen letölthető Itt...

Ident és a többiek, ha valami nem jól van, akkor nem oltást kérek, csak egy sima " hiba van itt... és itt... "
Köszi.  :)


Üdv.: Senki

ident

Tetszik ez a menü :)

Amúgy itt is rengeteg szép és jó dolog található amivel szebbé és jobbá varázsolhatóak az oldalak:

http://www.dynamicdrive.com/
http://www.cssdrive.com/
Fhatys, a sors által kirótt, elkerülhetetlen feladat szava.
http://eu.battle.net/wow/en/character/arathor/Ident/advanced

NevemSenki

#4
Ident, nagyon köszönöm ezt a két linket.
Rengeteg nagyon jó dolgot találtam már ( és még csak az 1. linket néztem meg )  :D

Nagyon köszi.

---------------------------------------------------------------------------------------------------------
Na még találtam két elég egyszerűen testre szabható, és egyben elég jó Menü-t.

1. Demo
   Letöltés

2. Demo
   Letöltés

Lenne egy kérdésem. Akartam csinálni egy hülyeséget  :D Mégpedig:
e_107 alappal van egy weboldalam, mellette millonyi dolog, Armory, sok sok plugin, a rengeteg beállítás Falsh cucok minden. Fel akartam tenni az ATW-nél reggelt oldalamra, de nem a megszokott módon.
Én Wamppal csináltam az egészet itthon. Kimentettem az adatbázist egy sql fájlba, de viszont ott nem tudtam betölteni.
Ez lenne az 1. gond.
A második pedig az, hogy ha már 3-4 ( képet fájlt bármit ) akarok feltölteni FTP-n keresztül, megszakad a kapcsolat.
Szóval elég kakis.
Szerintetek kezdje az elején? e_107 telepítése, pluginok, kimappázás, minden?
Vagy megoldható ez a cakkon-púder átvitel valahogy?

Üdv.: Senki

ident

ATW-ben már rengetegszer csalódtam, szerintem keress egy jobb ingyenes szolgáltatót, erről talán még megvan valahol a téma amiben felsoroltunk párat.

Ja és nincs mit és itt a ráadás, bár szerintem ezt te is ismered:

http://www.w3schools.com/  ( <-- biblia :) )
Fhatys, a sors által kirótt, elkerülhetetlen feladat szava.
http://eu.battle.net/wow/en/character/arathor/Ident/advanced

Girosz

w3schools az isten! Még nem nagyon találkoztam olyan problémával, amiben ne tudott volna segíteni.

Lackó

Idézetet írta: Girosz Dátum 2010 augusztus 17, 02:52:27 DÉLUTÁN
w3schools az isten! Még nem nagyon találkoztam olyan problémával, amiben ne tudott volna segíteni.
Énis onnan tanulgatok :D

NevemSenki

#8
Köszi a sok Linket!
Nagyon sok hasznos dolog van benne.
Sokat lehet tanulni belőle.
Amik igazán szépek, azokat majd felteszem ide, egy kis leírással egyetemben.

--------------------------------------------------------------------------------------------------------
Egy hasznos Program. Képlopó.
Akárhol találsz egy szép színt, vagy csak azt szeretnéd hogy a képek ne üssenek el annyira a Weblap színeitől. Akkor ez kell neked. A Kis Tollal rámutatsz a kívánt színre, és megkapod a kódját. A kapott kódot akár a Paint-ben az egyéni színek szerkesztése menüpont alatt is felhasználhatod.

Letöltés
A Program teljesen ingyenes, és nagyon hasznos.



Üdv.: Senki

Off: DoomKiller, sikerült a keresőt betenni az oldalra ( Ahogy a képen is látszik :) ), és a minta alapján még két keresőt hoztam létre. Köszönöm a segítséget!!
----------------------------------------------------------------------------------------------
Flash Mixer v3

Találtam egy elég szép programot a Neten, amivel elég szép dolgokat lehet csinálni. ( Bannerek ez-az )
Az a lényege hogy swf objektumokat generálhatunk vele.
Vagyis mozgó alkatrészeket tehetünk a sima .jpg képekre, szövegeket úsztathatunk be.
Szóval elég sok mindenre képes.
Az a legjobb bene hogy .swf fájlt kapunk a munkánk végeztével, amit aztán simán beszúrhatunk az oldalunkba a következő kód használatával:


Idéz[flash=width="méret",height="méret"]http://" Fájl helye "[/flash]

Van egy bonyolultabb változat is, amit például a demó oldalon használtam.
Ahhoz szükségünk lesz 1-2 dologra. Először is ezt töltsük le: SwfObject 2.2

Használata roppant egyszerű, felmásoljuk a tárhelyünkre egy külön mappába. ( fontos hogy egy fájlt se maradjon ki )
Megnyitjuk az index.html fájlt és átírunk 1-2 dolgot:

Idéz<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
   <head>
      <title>SWFObject 2 static publishing example page</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <script type="text/javascript" src="swfobject.js"></script>
      <script type="text/javascript">
      swfobject.registerObject("myId", "9.0.0", "expressInstall.swf");
      </script>
   </head>
   <body>
      <div>   
         <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="XXX" height="XXX">
            <param name="movie" value="XYZ.swf" />
             <!--[if !IE]>-->
            <object type="application/x-shockwave-flash" data="XYZ.swf" width="XXX" height="XXX">
            <!--<![endif]-->
            <div>
               <h1>Alternative content</h1>
               <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
            </div>
            <!--[if !IE]>-->
            </object>
            <!--<![endif]-->
         </object>
      </div>
   </body>
</html>

IdézXXX      ---> A megjelenítendő flash mérete ( szélesség/magasság )
XYZ.swf ---> A megjeleníteni kívánt fájl elérési útja.

Akkor most jöjjön egy kis Ízelítő.
Maga a program letöltheő innen.
A teljes swf fájl letölthető innen

Nagyon jó dolgokat lehet így készíteni, ami ténylegesen egyedi lesz!

A háttéren lévő pókról annyit hogy: By Abowman!

Üdv.: Senki

NevemSenki

#9
Kis Off!

World of Warcrafl Laucher készítés Forrás Lord Manhelm Leírásából!

A Laucherünk funciója igazából az, hogy megnyitására előtűnik egy ablak, ahol a szerverrel kapcsolatos dolgokat láthatjuk ( Híreket vagy bármit ), és hogy egy kattintással indíthassuk a játékot.

Első lépésben kell nekünk egy alap amiből dolgozhatunk: WoWLaucher

Második lépés, a Delphi program letöltése, ezzel rakjuk össze az egészet.

Harmadik lépés, a Webes része a dolognak letölthető innen.

Kezdjünk bele.

A Weblapra.rar mappában találunk egy image mappát, és egy index.html fáljt. Ezt töltsük fel  tárhelyünkre egy külön mappába. ( Ezt a későbbiekben nagyon könnyen szerkeszthetjük, az index.html változtatásával. )

Következő lépés a Delphi program feltelepítése.
Ha ez megvan akkor a letöltött Launcher.rar-t kicsomagoljuk, és megnyitjuk a benne található Main.pas fájt.



Megkeressük a következő sorokat, és megfelelően kitöltjük



IdézLauncherTitle:='World of Warcraft';
   LauncherURL:='A Tárhelyünkre feltöltött index.html elérési webcíme';
   SupportURL:='A Launcher-en megjelenő Support gomb hová mutasson ( Webcím )';
   PublicTestURL:='A Launcher-en megjelenő Public gomb hová mutasson ( Webcím )';
   WoWExeName:='WoW.exe'; <----- Nem kell piszkálni!
   RealmURL:=''; <-- Ennek sajna most njincs szerepe, de dolgozok az ügyön.

Ha ez kész, akkor már csak össze kell pakolnunk a Launcherünket egy komplett egésszé. Ebben a Coomplite.bat fájl lesz a segítségünkre. Indítsuk el, majd amikor kéri nyomjunk le egy billentyűt.
Mikor kész, megjelenik egy Laucher.exe az adott mappában, azt cseréljük le a wow mappában található Laucher.exe-vel.

Majd nyissuk meg, és gyönyörködjünk a saját Launcherünkben.
Igaz hogy elég " Gagyi" de szerintem elég jó így kezdésnek.

Maga a Laucher Webes része így fog kinézni, de ez szerkeszthető!


Üdv.: Senki

Action

Senki, ezt a leírás már megtalálható wowemufon, és Gnome-Lakon is, az eredeti szerzőt illik megnevezni.
Egyébként valami nem tökéletes vele sajnos.

A kérdésem/kérésem pedig a következő lenne:

Egy olyan lenyíló menüre lenne szükségem ami képeken alapszik.
Tehát a menüpont (fő) egy kép és a lenyíló tegyük fel 3 menüpont is képek egy adott háttérrel.
Folyamatosan keresem a neten, de hátha van valaki aki már talált ilyet. :)
A WORD elszáll, az írás megmarad.

NevemSenki

Nincsen Wowemuf-on, régebben viszont volt. Lehet hogy csak a kereső szar. Kerestem a dolgot, mivel ugye kéne az eredeti szerző. De még hasonló témát sem találtam. ( Miest meglesz feltüntetem! )
Szerintem csak a Realm átírás nem tökéletes benne.

Nem teljesen értem hogy milyen Menüt szeretnél, leírnád bővebben ha megkérlek?

Üdv.: Senki

$0undX

#12
wadaf@ck?

Nagyban

Action

Idézetet írta: NevemSenki Dátum 2010 augusztus 18, 06:08:46 DÉLUTÁN
Nincsen Wowemuf-on, régebben viszont volt. Lehet hogy csak a kereső szar. Kerestem a dolgot, mivel ugye kéne az eredeti szerző. De még hasonló témát sem találtam. ( Miest meglesz feltüntetem! )
Szerintem csak a Realm átírás nem tökéletes benne.

Nem teljesen értem hogy milyen Menüt szeretnél, leírnád bővebben ha megkérlek?

Üdv.: Senki

Lord Manhelm az eredeti szerző ha minden igaz.

A menüvel pedig már haladok, jelenleg csak a szétcsúszásokat kell megoldanom.
Ha elakadok szólok. :D
A WORD elszáll, az írás megmarad.

$0undX

action esetleg tudnál segíteni, neked kiírja azt a hülyeséget amit az előző oldalon linkeltem?  :D

Powered by EzPortal