9143
HTML-szerkesztés kezdőknek!!!
  • paxyene
    #3969
    Császtok! Nem nyitok uj topikot remélem tuttok segíteni! Szóval adott 2 cd fla kiterjesztés és mellé a swf videó, van macromedia studio 8 -am (tehát a flash,dreamweawer..stb) már 2 hete szórakozok vele de egyszeűen nemtudok rájönni hogy a sablonokat hogy csináljam át olyanra amit én akarok, direkt olyan a felirat hogy Company Name, de nem tom átírni :( igy van ez a linkekkel képekkel , eddig html-ben nyomtam amit kitűnően tudok is de valahogy ezt a flasht megszeretném tanulni mert szebb!

    Köszike és nagyon fontos!
  • peteragoston
    #3968
    koszonom szepen! szoval 770pixel korulire kellene csinalnom a fejlecet...
    ok
  • Dj Faustus #3967
    Ha rögzített design-t (egy felbontásra tervezel) használsz, tervezz a legkisebb felbontásra. Jelenleg ez kb. 800*600-as felbontás. A döntő tényező a szélesség (800), amiből ki kell vonni a gögetősáv, és az ablakkeret szélességét (ez kb 20-30 pixel), így 770-780 pixel széleséggel kell számolni.

    A függőleges felbontás se legyen túl nagy. A felhasználók nem szeretnek sokat görgetni, ezért ha túl nagy az oldal/túl sok a tartalom egy lapon, bontsd részekre az oldalt.

    Harmadrészt pozicionáld középre az oldal tartalmát, így nagyobb felbontásban nem lesz annyira zavaró a két oldalt eloszló üres tér (lás itt, az SG fórumán).
  • peteragoston
    #3966
    mekkora szokott lenni az alap?
    egy normal weboldal.
    vegul is nem a fuggoleges hossz, hanem a vizszintes, ami a bongeszokben szepen kifer.
  • batman
    #3965
    elvileg valamivel kisebb kellene, ha 800x600-as felbontásra akarod optimalizálni.
  • peteragoston
    #3964
    Szisztok! website-ot akarok kesziteni...
    Mit gondoltok milyen meretben rajzoljam meg az alapot photoshoppal?
    800x600 vagy valamivel kissebb?
  • skristof
    #3963
    ja tényleg, próbaverzió.. bocsesz
  • Dj Faustus #3962
    Itt megtalálhatod (A Corel felvásárolta a Jasc-ot). Egy ingyenes regisztráció után el is érheted a próbaváltozatot.
  • skristof
    #3961
    ezt csak a boltban találod :)
  • Danee
    #3960
    erre a progira tudsz adni egy linket? nem nagyon találom gúgliban
  • DerYn
    #3959
    Hello!

    Érdeklődnék hogyan kell egy weboldalon ugy beagyazni egy wmv fajlt
    (pl.: 1.wmv-t), hogy amikor bejon a site, betoltodjon az x.-edik kepkocka, aztan csak rakattintva (vagy play gombra) kezdené el lejatszani a videot.

    Nagyon megköszönnék ilyen megoldast tartalmazo példakodot vkitol!

    Tudtok segiteni? surgos lenne...

    elore is koszi!
    ([email protected])
  • Dj Faustus #3958
    Jasc Animation Shop-al tudod konvertálni, vagy megpróbálhatod a lentebb leírt módszerrel beilleszteni - szóval az ani kiterjesztésű kurzorfile-ra hivatkozni.
  • Danee
    #3957
    nem tudod hogy egy .ani kiterjesztésű fájllal tudok e vmit kezdeni? A battlefield 2 játék kurzora ilyen kiterjesztésben van
  • Dj Faustus #3956
    CSS segítségével oldható meg:
    <style type="text/css">
    body {
    cursor : url("cursor.gif"), url("cursor.cur"), url("cursor.csr"), text;
    }
    </style>


    További információkat itt találhatsz.
  • Danee
    #3955
    meg lehet csinálni valahogy, hogy egy gif animáció legyen a kurzor?
  • Dj Faustus #3954
    Notepad2
    Kezeli a Unixos (LF), a Windowsos (CR+LF), és a Maces (CR) file-okat.
  • Anotino
    #3953
    Felig offtopic de egy olyan progi kene nekem ami unixos szovegfile-t dos/windows -ossa alakit. Vagy egy olyan wines szoveg-szerkeszto ami kezel unixos file-okat.
  • Dj Faustus #3952
    "számlálót"
    Szerveroldali szkriptnyelven (PHP, Perl, ASP, JSP - a legelső van elterjedve az ingyenes tárhelyszolgáltatóknál) tudsz ilyet irni.
    Ilyesmit találhatsz itt, itt, itt, itt, és itt.

    "HoverButton"
    Ha képcserélő cuccosra gondolsz....
    A <head> és a </head> közé:
    <script type="text/javascript">
    function valt (kepsrc, kepnev) {
    document.images[kepnev].src=kepsrc;
    }
    </script>


    A gomb maga:
    <a href="#" onmouseover="valt('1_be.jpg','kep1')" onMouseout="valt('1_ki.jpg','kep1')"><img src="1_ki.jpg" alt="kep1" name="kep1" border="0"></a>

    "diavetítést"
    Itt egy példa.

    Néhány oldalt ajánlanék:
    *
    *
    *
    *
    *
    *
  • zoltom
    #3951
    Sziasztok,

    egy ilyen kérdésem lenne: MS FrontPage-ben szerkesztek egy weboldalt. Egy csomó minden nem működik, ami pedig a program része: "insert WebComponent, PhotoGalery).

    Milyen más felhasználói felületű (letölthető) programot tudnátok ajánlani? Konkrétan számlálót, diavetítést (Galery), HoverButton-n és egyéb standardot akarok a honlapon elhelyezni.
    Esetleg más megoldás...? (a JAVA-hoz még nem értek)
  • batman
    #3950
    hmmm...sikerült, pedig nem tudom mit csináltam másként
  • batman
    #3949
    Kéne még segítség, mert nem akar összejönni. Ezt a scriptet használva milyen fileoknak kéne lennie?
  • batman
    #3948
    köszi
  • Dj Faustus #3947
    Batman: lásd itt.
    blancer: esetle tedd be az iFrameHeight() függvényt az <iframe> onload eseményébe, és/vagy a linkek (<a>) onclick eseményébe - és talán másnak is figyelembe veszi a hosszúságát.
  • Dj Faustus #3946
    Atti12: Az előbb közölt kódot itt találod normális formában.
  • Dj Faustus #3945
    "srácok, a .ani kiterjesztést mivel tudom megnyitni?"
    Az Irfanview képes megnyitni.

    "Milyet kódot alkalmazzak, hogy ha az oldalak áttűnjenek egymásba"
    Jelenleg nem épp valid a megoldás rá. Ha jól emlékszem így kell megoldani:
    <html>
    <head>
    <meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
    <meta http-equiv="Page-Exit" content="blendTrans(Duration=1.0)">
    <meta http-equiv="Site-Enter" content="blendTrans(Duration=1.0)">
    <meta http-equiv="Site-Exit" content="blendTrans(Duration=1.0)">
    <script type="text/javascript">
    function fadeInPage() {
    if (document.getElementById("fadeDiv").style.MozOpacity < 1) {
    document.getElementById("fadeDiv").style.MozOpacity = Math.abs(document.getElementById("fadeDiv").style.MozOpacity) + .1;
    setTimeout("fadeInPage()",200);
    } else document.getElementById('fadeDiv').style.visibility = "visible";
    }

    function fadeOutPage() {
    if (document.getElementById("fadeDiv").style.MozOpacity > 0) {
    document.getElementById("fadeDiv").style.MozOpacity = Math.abs(document.getElementById("fadeDiv").style.MozOpacity) - .1;
    setTimeout("fadeOutPage()",200);
    } else document.getElementById('fadeDiv').style.visibility = "hidden";
    }
    </script>
    </head>
    <body onLoad="fadeInPage()" onUnload="fadeOutPage()">
    <div id="fadeDiv" style="-moz-opacity:0.00; width:100%">
    <p>BlaBla</p>
    </div>
    </body>
    </html>


    "Valaki betudna nekem irni egy épkézláb üzenőfal code ot? Légyszi nagyon kéne"
    Egyszer
    Kétszer
    Háromszor:
    <?php
    /* Kedves vendégkönyv szkript kedves embereknek */
    $guestbookfile ="guestbook.txt";
    //Dátum+idő
    $date=date("Y-m-d");
    $time=date("G:i:s");
    //Ürlap-mezők
    $name = $_POST["nev"];
    $message = $_POST["uzenet"];
    //IP-cím lekérdezése - a csúnya emberek kiszűrése céljából
    function GetIP() {
    if (getenv("HTTP_CLIENT_IP") && strcasecmp(getenv("HTTP_CLIENT_IP"),"unknown"))
    $ip = getenv("HTTP_CLIENT_IP");
    else if (getenv("HTTP_X_FORWARDED_FOR") && strcasecmp(getenv("HTTP_X_FORWARDED_FOR"), "unknown"))
    $ip = getenv("HTTP_X_FORWARDED_FOR");
    else if (getenv("REMOTE_ADDR") && strcasecmp(getenv("REMOTE_ADDR"),"unknown"))
    $ip = getenv("REMOTE_ADDR");
    else if (isset($_SERVER['REMOTE_ADDR']) && $_SERVER['REMOTE_ADDR'] && strcasecmp($_SERVER['REMOTE_ADDR'], "unknown"))
    $ip = $_SERVER['REMOTE_ADDR'];
    else
    $ip = "unknown";
    return($ip);
    }

    //Rosszfiúk kiszűrése
    function badguysout ($bemenet) {
    $badipsfile = "badips.txt";
    if (file_exists($badipsfile)) {
    $ipcimek=file($badipsfile);
    $kimenet = false;
    for ($i=0; $i<count($badipsfile); $i++) {
    if ($ipcimek[$i] == $bemenet) {
    $kimenet = true;
    break;
    }
    }
    return $kimenet;
    }
    }

    //Csúnya szavak kiszűrése
    function badwordchange($bemenet) {
    $badwordsfile = "badwords.txt";
    if (file_exists($badwordsfile)) {
    $szavak=file($badwordsfile);
    for ($i=0; $i<count($szavak); $i++) {
    $szavak[$i] = trim($szavak[$i]);
    $bemenet = str_replace ($szavak[$i],"*****",$bemenet);
    }
    return $bemenet;
    }
    }

    //A hozzászólás formázása
    function formazas ($bemenet) {
    $bemenet = stripcslashes($bemenet);
    $bemenet = htmlspecialchars($bemenet);
    $bemenet = str_replace("\r\n", "<br />", $bemenet);
    $bemenet = str_replace("\r", "\\r", $bemenet);
    $bemenet = str_replace("\n", "\\n", $bemenet);
    $bemenet = str_replace("", "<strong>", $bemenet);
    $bemenet = str_replace("
    ", "</strong>", $bemenet);
    $bemenet = str_replace("", "<i>", $bemenet);
    $bemenet = str_replace("
    ", "</i>", $bemenet);
    $bemenet = str_replace("", "<u>", $bemenet);
    $bemenet = str_replace("
    ", "</u>", $bemenet);
    $bemenet = str_replace("
    ", "<code>", $bemenet);
    $bemenet = str_replace("
    ", "</code>", $bemenet);
    $bemenet = str_replace("[img]", "<img src=\"", $bemenet);
    $bemenet = str_replace("[/img]", "\" alt=\" \" />", $bemenet);
    return $bemenet;
    }

    function filesave ($bemenet) {
    global $guestbookfile;
    if (file_exists($guestbookfile)) {
    $handle=fopen($guestbookfile, "a");
    } else {
    $handle=fopen($guestbookfile, "w");
    }
    if ($bemenet !="") {
    fwrite ($handle,$bemenet);
    }
    fclose($handle);
    }

    function filereader ($bemenet) {
    if (file_exists($bemenet)) {
    $kimenet = @file($bemenet);
    return $kimenet;
    } else return false;
    }

    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Vendégkönyv</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
    <link rel="stylesheet" type="text/css" href="./style/style.css" />
    </head>
    <body>
    <?php
    $ip =GetIP();
    if (badguysout($ip)) {
    print ("<p>Nem írhatsz a vendégkönyvembe te beteg állat!</p>");
    } else if (($name != "") || ($message != "")) {
    $message=formazas($message); //Az üzenetet formázzuk
    $kimenet = $date.chr(9).$time.chr(9).$ip.chr(9).$name.chr(9).$message."\n"; //
    $kimenet = badwordchange($kimenet);
    filesave($kimenet);
    }
    ?>
    <form action="" method="post">
    <p>Neved: <input type="text" name="nev"/></p>
    <p>Üzeneted:<br />
    <textarea name="uzenet" rows="20" cols="80"></textarea></p>
    <p><input type="submit" value="küld" /><input type="reset" value="mégsem" /></p>
    </form>
    <?php
    if (filereader($guestbookfile)!=false) {
    $vendegkonyv = filereader($guestbookfile);
    for ($i=0; $i<count($vendegkonyv); $i++) {
    $resz = explode(chr(9),$vendegkonyv[$i]);
    $resz[4] = badwordchange($resz[4]);
    print "<table border=\"1\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">\n";
    print "<tr><td align=\"left\">".$resz[3]."</td><td align=\"right\">".$resz[0]." ".$resz[1]."</td></tr>\n";
    print "<tr><td colspan=\"2\">".$resz[4]."</td></tr>\n";
    print "</table>\n";
    }
    }
    ?>
    </body>
    </html>

    A badwords.txt-be egymás utáni sorokba felsorolod a csúnya szavakat; a badips.txt-be a csúnya embereket (akiket ki akarsz szűrni), a guestbook.txt-be kerűl a vendégkönyv. Gyorsan lett összecsapva.
  • RenDesign
    #3944
    Sziasztok! Milyet kódot alkalmazzak, hogy ha az oldalak áttűnjenek egymásba, ha valaki az oldalak között mozog? Ez valid megoldás? Fut IE-n kivül is?
  • batman
    #3943
    Kérdésem lenne. Olyat lehet, hogy php-s belépést alkalmazok a weboldalnál rögtön index-ként, de a későbbiekben nem alkalmazok php-t? ugyanis azt sem tudom, hogy eszik-e vagy isszák, szóval egy script letöltésén gondolkozom, amit talán sikerül alkalmaznom is. Ha lehet ilyet, akkor nekiállok keresni.
    Köszi előre is.
  • Danee
    #3942
    srácok, a .ani kiterjesztést mivel tudom megnyitni?
  • Atti12
    #3941
    Szaisztok!
    Valaki betudna nekem irni egy épkézláb üzenőfal code ot? Légyszi nagyon kéne
  • blancer
    #3940
    tehát mindíg az előző behívott oldal magasságát állítja be és ezt csak frissítés után igazítja a behívott oldal magasságához, esetleg ezt automatizálni?
  • blancer
    #3939
    szia!

    valamiért nem működik rendesen nekem: pedig ugyanúgy is próbáltam mint neked van, de mindíg csak akkor jön be amikor ráfrissítek mégegyszer(maxthon) ff-ben meg a hírek.htm hosszát veszi alapul
    valamit elrontottam volna?
  • batman
    #3938
    nos igen, Faustus megfogalmazta magyarul, ami nekem nem sikerült a sokszorosítható felület tekintetében :)
    A szövegnél meg azt vedd figyelembe, hogy ha pl. táblázatnál maradva nem 1280 px szélességet állítasz be, hanem 100%-ot, akkor a felbontásnak megfelelően fogja tördelni a szöveget.
  • RenDesign
    #3937
    FAUSTUS és Batman! Köszönöm szépen!
    Lehet, hogy én vagyok a fáratt... Próbálkozom majd...
  • Dj Faustus #3936
    "sokszorosítható, homogén felület"
    Olyan kép, amit a háttérbe rakva (vízszintesen és függőlegesen egymás mellé rakva) folyamatos (tehát ahol illeszkedik a két kép egymáshoz nem látszódik az illesztés).

    "Van valamilyen HTML-kód(vagy bármilyen módszer) arra, hogy az oldalam felbontása, mindig az adott monitor felbontásához igazodjon?"
    Vannak:
    1. Batman által javasolt 100%-os méretezés.
    2. Ha nem ragaszkodsz annyira a felbontásfüggetlen megjelenítéshez, akkor tevezd a legkisebb szélességűre az oldalt (800 -a görgő -az oldal széle = körülbelűl 770 pixel) és pozicionáld középre (mint itt az SG-n). Így a két oldalon található üres tér nem lesz annyira zavaró, mint ha csak kizárólag egy oldalra (például jobbra) kerülne az üres tér.
    3. Rábízod a felhasználóra a felbontás kiválasztását. Csinálsz egy indexoldalt, ahol felajánlod a felhasználónak hogy kicsi (1024*768 alatti) vagy nagy (1024*768 vagy az feletti) felbontású oldalt akar böngészni. De akkor ez dupla munka (kétszer kell megcsinálni a HTML kódokat).
    4. Ha külön állományban levő stíluslapot (CSS) használsz, akkor elegendő lesz csak a CSS file-t duplikálnod, és csak a méretadatokat (szélességek, magasságok, betűméretek) kell átírni az egyik CSS file-ban.

    Ez esetben a <head> és a </head> között így add meg a stíluslapokat:
    <link rel="stylesheet" type="text/css" href="kicsi.css" title="kicsi" />
    <link rel="alternate stylesheet" type="text/css" href="nagy.css" title="nagy" />


    Az alábbi kódot szúrd be a <head> és </head> tagek közé:
    <script type="text/javascript">
    function setActiveStyleSheet(title) {
    var i, a, main;
    for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
    a.disabled = true;
    if(a.getAttribute("title") == title) a.disabled = false;
    }
    }
    }

    function valt() {
    if (window.screen.width<1000) {
    setActiveStyleSheet('kicsi');
    } else {
    setActiveStyleSheet('nagy');
    }
    }
    </script>


    És végűl a body onload eseményével hívd be a kódot:
    <body onload="valt()">

    Mit is csinál a kód?
    1. Amikor betöltődik az oldal (onload esemény) hivja a valt() Javascript függvényt
    2. A valt() függvény lekérdi a böngésző felbontását. Ha kisebb mint 1000 pixel, akkor a kicsi paraméterrel hívja meg a setActiveStyleSheet(title); függvényt, aminek eredményeképp a kicsi elnevezésű stíluslap fog megnyilni. Ha nagyobb, akkor a nagy paraméter lesz átadva, így a nagy.css lesz engedélyezve.
    3. Ha a böngészőben le van tiltva a Javascript, akkor a kicsi.css kerűl megnyitásra.
  • RenDesign
    #3935
    Szeva Batman! Az egyik szemem sír, a másik meg üveg! Isteni, hogy ez müködhet, s hogy erre máris választ kaptam, viszont szajnosz ez a sokszorosítható, homogén felület nem tiszta nekem.

    Tegyük fel egy szövegröl van szó, ami 1280 px széles. Ha ezt egy 1024 px szélességü monitoron ( ez hülyén hangzik) nyitom meg akkor a sort nem töri meg, hanem vizszintesen is görgetni kell, ha látni akarom a teljes sort. Ez az én problémám... Milyen "sokszorosítható, homogén felület"-et tudnék berakni egy ilyen szövegbe? Vagy ugyanezt Flashnél, képnél.

    Az oldalam pl. 1024x768 felbontású. Ha ezt egy 800x600-as monitoron nyitom meg akkor görgetni kell, ami idióta, ha pedig 1280-ason akkor meg a jobb széle egy fehér hasáb, ami még idiótább. Nagyon idegesít, hogy nem úgy jelenik meg az oldalam más monitorbeállításoknál, ahogy én szeretném.

    MS:Frontpage-t használok. A táblázatbeállításoknál kipróbálom a %-os tippet.

    Mindenért kösz! A topik címének úgy érzem maximálisan eleget teszek a kérdésemmel, ezért várom sok-sok szeretettel tanácsaitokat!

    PLS,HELP!

    OFF: Chuck Norris elszámolt a végtelenig. Kétszer.

  • batman
    #3934
    Ezt túl nagy varázslat nélkül is meg tudod csinálni, csak úgy tervezd meg az oldalt, hogy legyen benne sokszorosítható, homogén felület. Ekkor értelem szerűen célszerű a kisebb felbontásra optimalizálni, de a "sokszorosítható" felületnek köszönhetően mindig kitölti a teljes képet a lap. Arra figyelj csak, hogy ha pl táblázatokat használsz, akkor szélességre %-os formát adj meg.
  • RenDesign
    #3933
    Szevasztok!

    Van valamilyen HTML-kód(vagy bármilyen módszer) arra, hogy az oldalam felbontása, mindig az adott monitor felbontásához igazodjon? Tehát, ha csinálok egy oldalt mondjuk 1280x1024-es felbontásban, akkor az egy 1024x768-asra kalibrált monitoron ne úgy jelenjen, hogy görgetni kelljen.
  • Anotino
    #3932
    Ugy ertettem: lehet definialni makrokat?
    Sok programnyelv lehetoseget biztosit ra, es pl megoldhato vele az #3925 -ben lathato tomeges valtozodeklaracio is (betenni gusztustalanul sok hasonlo kodot a forrasba - meg a lexikalis elemzes elott).

    Na nem mintha ebben az esetben ertelmes lenne hasznalni, de lehet vele jopofa trukkoket csinalni (asm-ben meg szinte nelkulozhetetlen). Mondjuk interpretalt nyelvnel kevesbe elonyos, mivel altalaban arra hasznalatos, hogy forditasi idobe pakoljunk at minel tobb feladatot (ennel ugye ez a 2 idointervallum nem kulonul el latvanyosan).

    Na mindegy, csak azert, mert nem talalkoztam vele php-ban eddig. Osszesen egy eset volt anno, amikor kellett volna.
  • Dj Faustus #3931
    Köszönjük a warez-oldalad reklámoozását, itt semmi szükség rá.
  • Dj Faustus #3928
    Elvileg található - például:
    The __FILE__ macro will give the full path and name of an included script when called from inside the script. E.g.

    <? include("/different/root/script.php"); ?>

    And this file contains:
    <? echo __FILE__; ?>

    The output is:
    /different/root/script.php

    Surprisingly useful :> Obviously something like dirname(__FILE__) works just fine.

    Forrás: PHP manual include függvény