1462
HTML szerkesztés
  • RelakS
    #1422
    Divek vannak a kódban, nézd csak meg! ^^

    Egyébként milyen böngészővel nézted? elvileg IE6 és FF2 alatt oké

    Operában egyik szebb, mint a másik :D Bár az is igaz, hogy a 8-ast használom
  • CattiBrie
    #1421
    A keret_maskepp.html sehogy nem lesz jó, ha gördül a szöveg.
    Miért kell frame?
    DIV-ekkel nem tudod megoldani?
  • RelakS
    #1420
    Keretek...
    Melyik utat kéne választanom?
    Egyik
    Másik
    Az Egyik-ben külön CSS van az ie számára, viszont mindennek az a mérete, ami látszik.
    A Másik-ban csak egy CSS van, használ valami @screen cuccot (ezt még nem tudom, mi), viszont az IE miatt a fejléc pl 120% széles (alacsonyabb felbontáson lehet, hogy meg is jelenik a háttér).
    Az egyiknél a tartalom csak középen van, a Másik-nál meg a fix keretek alatt is fut, csak a padding miatt nem lóg alá semmi.
  • RelakS
    #1419
    Ja, felesleges. Egy régebbi lapom alapján csináltam, amiben valamiért benne van, és az ie már az őrületbe kergetett, mire a legtetején lévő w3c-s cuccból kivettem egy url-t. Azóta jó, azt a form-ot meg kigyomláltam
  • Dj Faustus #1418
    A <form>...</form> tag minek oda? Nincs ott űrlap (pláne az egész oldalt minek egy ürlapba rakni), felesleges.
  • RelakS
    #1417
    oldalszerkezetnek elmegy? :)
  • RelakS
    #1416
    Ja, (majdnem) lelőhetetlen HANGOS reklám a főoldalon...

    Elolvastam a tapasztalt delikvens írását. Egyelőre majdnem lefejeltem a monitort a bólogatástól. Nah, majd meglátjuk, mire megyek ezzel... Mondta a vak is...
  • Dj Faustus #1415
    "Szal legalább a menü ne ugráljon, mi?"
    Vannak annak is fokozatai, az élvezhetetlentől, az idegesítőn át, a diszkrétig.

    Az általad említett oldal pedig tipikus példája a hozzá nem értésnek.
    Meg is érdemlik az alacsony PageRankot.
  • RelakS
    #1414
    Szal legalább a menü ne ugráljon, mi? :) (mint pl: www.animax.hu)

    Egyébként meg köszi, majd megpróbálom hasznosítani, ha lesz miben
  • Dj Faustus #1413
    "2f - webdizájner"
    Ergó jól átvertek. Egy tapasztalt delikvens.
    Az ott kapott "tudás" kvázi semmit nem ér. Olvass el pár szakmai oldalt (Weblabor, A list apart, 456 Berea Street, Sitepoint), pár szakkönyvet (Jakob Nielsen, Eric Meyer,...), böngéssz át pár modern oldalt - nézd meg a forráskódjukat (írd be a keresőbe: CSS gallery vagy keresd meg a CSS zen garden-t) és lásd be: az ott adott tudás nevetséges (és attól félek, ezek után, az ott kapott "papírral" pár ember majd úgy gondolja, hogy ő webdesigner lesz - ezzel is csökkentve a magyar webes piac színvonalát).

    "Az meg tényleg nem hülyeség, hogy ha már úgyis két doboz kell, akkor a hátul lévőbe beledobom a képet"
    A képnek és a szövegnek is van külön tartalmi funkciója, vagy csak dísznek jó?
    Dísz esetén tedd háttérbe a képet.
    Ha mind a két elemnek külön tartalmi funkciója van, lehet trükközni az abszolút pozicionálással, csak szerény véleményem szerint nem vezet eredményre.
    Inkább rakd be az <img> tag alt (és esetleg title) attribútumába, vagy mellé, vagy alá. Kevesebb a vacakolás vele.

    "Aprópopó, ha nem flash-t használok, akkor képekből kilegózott menüre mi lenne a jobb? Táblázat, vagy div-hegyek?"
    1. Flasht semmiképpen se használj menünek - SEO (keresőoptimalizálás), és akadálymentesség szempontjából nem előnyös.
    2. Menünek az ideális struktúra a rendezetlen lista:
    <ul>
    <li><a href="rolunk.htm"><img src="rolunk.jpg" alt="Rólunk" /></a></li>
    <li><a href="termekeink.htm"><img src="termekeink.jpg" alt="Termékeink" /></a></li>
    <li><a href="elerhetosegek.htm"><img src="elerhetosegek.jpg" alt="Elérhetőségek" /></a></li>
    </ul>


    A listaelemeket meg CSS-sel jól megformázhatod. Interneten rengeteg példa van rá (keress rá a css menu kifejezésre).
  • RelakS
    #1412
    Nos, a relaks.extra.hu/2f-be felraktam a kreálmányt :D

    A képekből csak a hal jelenik meg, mert a többi ékezetes...
  • RelakS
    #1411
    2f - webdizájner meg mittudomain még mi, de pl az office programokat kihagytuk, "mert úgyis mindenki tudja kezelni"
    Kétlem...

    Az meg tényleg nem hülyeség, hogy ha már úgyis két doboz kell, akkor a hátul lévőbe beledobom a képet

    Aprópopó, ha nem flash-t használok, akkor képekből kilegózott menüre mi lenne a jobb? Táblázat, vagy div-hegyek?
  • Dj Faustus #1410
    "Ez így nagyon jó, meg minden de én nem akarom a háttérbe rakni a képet :)"
    Hát akkor meg két azonosítót (id attribútum) csinálsz, egyiket a képnek, másikat a szöveget tartalmazó doboznak, és a képet pozicionálod középre, a szöveget tartalmazó dobozt meg abszolútan a kép fölé pozicionálod.

    "1: nem röhög, ezt mondta a tanár!"
    [Nem röhög, sír.]

    "2: azért a fusizás, mert a 3 órából 1 volt arra, hogy még leguánra, papagájra, leopárdra meg békára (továbbra sem röhög! :D) megcsinálják ezt, meg a hátteres oldalt, de ez is gondot jelentett a csoport egy részének :S"
    Milyen óra is ez?
  • RelakS
    #1409
    Ez így nagyon jó, meg minden de én nem akarom a háttérbe rakni a képet :)

    Mellesleg itt az anyag, amit órán csináltunk, erre dolgozok rá egy kis fusit
    1: nem röhög, ezt mondta a tanár!
    2: azért a fusizás, mert a 3 órából 1 volt arra, hogy még leguánra, papagájra, leopárdra meg békára (továbbra sem röhög! :D) megcsinálják ezt, meg a hátteres oldalt, de ez is gondot jelentett a csoport egy részének :S


    <p align="center">
    <font size="6" face="impact" color="#5f7f9f">A halak osztálya</font>
    <br>
    <a href="nagyhal.html"><img src="hal.jpg" title="Ez egy hal" alt="Itt egy sárga halnak kéne lennie" width="200" height="150"></a>
    <br>
    A nagyításhoz kattints a képre!
    <br>
    <ul type="disc">
    <li>Ők az első gerincesek </li>
    <li>Vízben élnek </li>
    <li>Ikrákkal szaporodnak </li>
    <li>További csoportosítások: </li>
    <ul type="circle">
    <li>Porcos halak </li>
    <li>Vértes halak </li>
    <li>Csontos halak </li>
    </ul>
    </ul>
    </p>
    <p align="center">
    <font size="5" color="#3f7fcf"><a href="http://www.hu.wikipedia.org">Ha több is érdekel</a></font><br>
    <a href="index.html">Vissza</a><br>
    <a href="javascript: history.go(-1)">Vissza (jscript)</a><br>

    </p>



    Mellesleg attól azért még tartok, hogy a tanerő benyögi, hogy lehet háttérzenét berakni :D
  • Dj Faustus #1408
    Akkor ennyiben változik a CSS-kód (gondolva, hogy a középre pozicionált kép fix méretű, nem ismétlődő, vízszintesen középre pozicionált):
    body {
    text-align: center;
    background-image: url(sargahal.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    }
    #doboz {
    margin: 8px auto;
    width: 320px;
    height: 240px;
    }
    /* A szöveg */
    #doboz p {
    text-align: left;
    color: white;
    font-weight: bold;
    width: 10em;
    }
  • RelakS
    #1407
    Nyah, a cél mindenképp img-re való szöveg rakása volt (tanfolyáson vagyok, csinálom az anyagot, de unalmamban egy kis pluszmeló :D)

    Erre jutottam:

    <div style="position: absolute; width:1px; left:50%; top:8em;">
    <div style="position: relative; color:white; left:-70px; font-weight:bold; width:10em;">
    Ez itt <br>egy sárga hal
    </div>
    </div>

    align-okat kigyomláltam, és egy középre "igazított" dobozhoz képest van x pixelre balra :D
  • RelakS
    #1406
    (haddkötexik)
    És ha a body-ban csak a kép van középen?
  • Dj Faustus #1405
    1. align attribútum (align="center",align="left") - felejtsd el. HTML 4.01-ben már derprecated státuszú. Ott van helyette a CSS text-align tulajdonsága (egyébként is a CSS felelős a formázásért a HTML nem arra való).
    2. HTML kódrészlet:
    <body>
    <div id="doboz">
    <p>Ez egy<br />sárga hal</p>
    </div>
    </body>


    CSS kódrészlet:
    body {
    text-align: center;
    }
    /* A nem-ismétlődő háttérképet tartalmazó blokk */
    #doboz {
    margin: 8px auto;
    width: 320px;
    height: 240px;
    background-image: url(sargahal.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    }
    /* A szöveg */
    #doboz p {
    text-align: left;
    color: white;
    font-weight: bold;
    width: 10em;
    }
  • RelakS
    #1404
    Ha középre igazítva szeretnék egy balra igazított szöveget megjeleníteni, akkor az csak két darab div-vel működik?

    Mibajom? :D
    Pl van egy középre igazított kép. Ráírok valamit. a szöveg legyen balra igazított, de mindig a kép azonos pontja felett lebegjen, ami viszont középre igazított.

    Én ezt szültem:
    <div style="position: absolute; width:100%; top:8em; " align=center>
    <div align=left style="color:white; font-weight:bold; width:10em; ">
    Ez itt <br>egy sárga hal
    </div>
    </div>
  • Dj Faustus #1403
    "letöltős állomást csinálni"
    Mit? Ez nem egészen érthető...
    Bár ha jól sejtem, te olyasmire gondolsz, hogy feltöltöd az állományokat egy könyvtárba, és azokat kilistázod.
    Ahhoz viszont szerveroldali nyelv (PHP van elterjedve) ismerete, és egy PHP-t támogató szerverre (az ingyenes tárhelyek nagy többsége olyan). Szimpln HTML-lel, CSS-sel vagy Javascripttel ezt nem lehet megoldani.

    Egy korábbi hozzászólásom idézete:
    1. Nyisd meg a Jegyzettömböt.
    2. Másold bele ezt:
    <?php
    $k_nev=".";
    if ($k_azon = opendir($k_nev)) {
    while (false !== ($fajl = readdir($k_azon))) {
    if ($fajl != "." && $fajl != "..") {
    echo "<a href=\"".$k_nev."/".$fajl."\">".$fajl."</a> ".filetype($k_nev."/".$fajl)." ".filesize($k_nev."/".$fajl)."<br>\n";
    }
    }
    closedir($k_azon);
    }
    ?>

    3. Mentsd el index.php néven, majd töltsd fel az adott könyvtár(ak)ba, ahová az állomány(oka)t akarod feltölteni.
    4. Ha eléred weben keresztül a könyvtárat (például http://oldal.szolgaltato.hu/kepek/ vagy http://oldal.szolgaltato.hu/kepek/index.php) akkor kilistázza az abba a könyvtárba feltöltött állományokat.


    De itt is találsz párat, meg itt is.
  • roli613
    #1402
    Én Yahoo sitebuildinget használok de milyen webkészítővel lehet letöltős állomást csinálni, vagy ilyesmi,
  • Dj Faustus #1401
    "Milyen típusúfájlt lehet flv-ként konvertálni? WMV-t próbáltam, sikertelenül."
    A probléma a videóval van, nem a konverterben:
    "Not supported: WMV 9"


    "Hogyan tudok dátumot, illetve névapot elhelyezni az oldalon? (Természetesen frissüljön is)"
    Happy Birthday-t ne énekeljen? ;)



    "Vmi kis segítséget nem tudnál adni a Simple galleryhoz? Légyszi..."
    1. Letöltöd.
    2. Kicsomagolod (kapsz egy sgs könyvtárat).
    3. A kicsomagolt könyvtárban levő állományokat felmásolod a webtárhelyre
    4. Az összes állománynak 777-es jogosultságot adsz.
    Beállítása: Total Commanderben a webtárhelyen rámész arra a file-ra/könyvtárra aminek meg akarod változtatni az attribútumát, majd Fájl/Attribútumok módosítása. A megjelenő ablakban alul pedig módosítod a számot.

    5. Az sgs.php-t megnyitod Jegyzettömbbel, majd az alábbi sorokat szerkeszted (nem kell mindegyiket, csak amire szükséged van, de ha az alapbeállításokat használod, úgy is jó):
    $gal_dir = "gallery/"; -> Ez a galéria könyvtára
    $tmpl_dir = "templates/"; -> Ez a sablonok könyvtára
    $gal_by_default = $gal_dir; -> Ez az alapértelmezett galéria
    $tmpl_by_default = $tmpl_dir."orion/"; -> Ez a beállított sablon (kinézet)
    $thumb_per_page = 8; -> Indexképek/oldal
    $thumb_per_row = 4; -> Indexképek/sor
    $link_per_page = 10; -> Linkek/oldal
    $sub_per_row = 3; -> algaléria/sor
    $tmpl_ext = ".tmpl"; -> a sablonok kiterjesztése (ne állítsd át)
    Miután ezeket megcsináltad, elmented, és feltöltöd az sgs.php állományt.




  • t1rmg
    #1400
    Milyen típusúfájlt lehet flv-ként konvertálni? WMV-t próbáltam, sikertelenül.
    Hogyan tudok dátumot, illetve névapot elhelyezni az oldalon? (Természetesen frissüljön is)
    Vmi kis segítséget nem tudnál adni a Simple galleryhoz? Légyszi...
  • t1rmg
    #1399
    köszi
  • Dj Faustus #1398
    "Esetleg magyar nyelven nincs leírás a Simple Gallery Scripthez?"
    Nincs. Tessék megtanulni angolul/használni a szótárt (dict.sztaki.hu vagy webforditas.hu).

    "Hogyan tudok videót elhelyezni az oldalon?"
    Ennek több módja is van:
    1. Az adott videót hagyjuk a szokásos formátumában (MPEG, DivX, XVID, WMV), és a médialejátszót (Windows Media Player, MPlayer, VLC Media Player) "beleintegráljuk" a honlapba.
    Ennek előnye, hogy a videó maradhat a saját formájában, nem kell az átkódolással, és külön lejátszó (lásd a következő pontot) beszerzésével vacakolnod.
    Viszont van egy nagyon erős hátránya: a látogatónak be kell szereznie a megfelelő médialejátszót (Internet Explorer alatt kötelező módon kell választania, Mozilla (Firefox)/Opera alatt már nem), ráadásul a videó lejátszásához megfelelő kódeke(ke)t is. Mivel az átlagfelhasználó nem szeret telepítgetni, ezért neki egyszerű megoldás kell (ezért ezt a megoldás nem ajánlom).
    2. A másik megoldás a Flashben készült videólejátszó használata. Ehhez a videót át kell konvertálni FLV formátumúra, a kapott FLV állományt és a lejátszót feltölteni, majd a honlap forráskódjában hivatkozni a lejátszót vezérlő kódrészletnél a feltöltött állományra.
    Előnye ennek a megoldásnak, hogy csak Flash plugint igényel a böngésző, ami eléggé platformfüggetlenséget biztosít (mivel nem kell külön kódeket beszerezni) - ez nagyon kedvez a felhasználóknak (a weboldalakat a látogatóknak készítjük, nem magunknak!).
    Hátránya hogy konvertálni kell a videót, illetve be kell hozzá szerezni a lejátszót.
    FLV-be való konvertáláshoz ajánlom a Riva FLV Encoder-t:
    http://www.rivavx.com/?encoder

    Lejátszásra Jeroen Wijering Flash Video (FLV) Player-ét:
    http://www.jeroenwijering.com/?item=Flash_Video_Player
    Ez utóbbi használata el van magyarázva az alábbi oldalon:
    http://www.jeroenwijering.com/?item=Embedding_Flash
    Vagy bővebben itt:
    http://www.jeroenwijering.com/embed/readme.html

    3. Vagy használhatsz külső videófeltöltő oldalt, ahol a feltöltött videót automatikusan átkonvertálják FLV formátumúra (ők is Flashben készült videólejátszót használnak), és az ott kapott HTML kódot kell beilleszteni a honlapodra.
    Előnye, hogy nem kell kódekekkel vacakolni, nem kell külön lejátszóprogramot letölteni, nem kell bonyolult megoldásokat használni sem neked, sem az oldal látogatójának (csak legyen feltelepítve a Flsh plugin a böngészőhöz).
    Pici hátránya az, hogy külső szolgáltatás - tehát magadat regisztrálni kell, és a videó külső oldalról jön be (ami kicsit lassabb, mint a második pontban leírt metódus esetén).
    Ilyen videófeltöltő oldalak:
    http://video.google.com/
    http://youtube.com/
    http://videa.hu/
    http://www.videoplayer.hu/
    http://videobomb.blogter.hu/
    http://www.metacafe.com/

    Én e három lehetőség közül a 2-at és a 3-at ajánlom (inkább a 3-at, az egyszerűbb, és a videót még könnyebben közzéteheted mindenki számára).
  • t1rmg
    #1397
    Esetleg magyar nyelven nincs leírás a Simple Gallery Scripthez?
  • t1rmg
    #1396
    Hogyan tudok videót elhelyezni az oldalon? Tudom, hogy már volt róla szó,de nem találom a hozzásólásokat!
  • t1rmg
    #1395
    köszi
  • Dj Faustus #1394
    A letöltött ZIP-állományt kicsomagolva, az sgs könyvtárban van egy readme.txt állomány. Abban van elmagyarázva a szkript (nem program!) használata.
  • t1rmg
    #1393
    Ennek a programnak a használatához kellene segítség: Simple Gallery Script (honlapra!!!!)
  • evetke007
    #1392
    Eni rieksön ?
  • Ersiman
    #1391
    A ClearBox is tud ilyet, van amiben még jobb is mint a Lightbox, és itt az SG-n is van topikja.
  • JAHAY
    #1390
    Harder, kerestem a tut.hun de nemtaláltamköszszép.!
  • Harder
    #1389
    http://www.tutorial.hu/search/node/lightbox
  • JAHAY
    #1388
    Huhh ez nekem nagyonangol, de megprobálom megfejteni... Kösz szépen! Ha esetleg le tudnád fordítani... Vagy valami, akor mégszebben megköszönném...:D
  • Dj Faustus #1387
    Nem popup, de jó
  • JAHAY
    #1386
    segitsen vki plízz, tud nekem vki példa javascriptet írni arra hogy hogyan csinálok 1 oan popupp ablakot, illetve nem popuppot hogy ne tiltsa le semmi, szoval rákattint a böngésző a képre (kicsinyített), és 1 popuppnak tünö de nem popupp ablakban megnyilik a kép teljes valójában (az ablak pont akkora) és ha mindezután a felnyílt ablakban rákattint a képre, bezárul, ja és persze úgyszeretném megoldani hogy van az oldal ahol a kis kép(ek) vannak, 1 script lenne de az összes képre vonatkozva, nos ezt letudja nekem vki irni pédában? (bocsánat a hosszu mondatért és az esetleges fogalmazási v akármien hibákért siettem...)
  • Dj Faustus #1385
    http://www.dynamicdrive.com/style/csslibrary/category/C2/
    http://www.dynamicdrive.com/dynamicindex1/indexc.html
  • Tresszer
    #1384
    Szevasztok lenne egy olyan problémám, hogy kéne csinálnom egy olyan javascriptes menüt amire ha ráállok az aegérrel, akkor melette megjelenik yz almenü stb. Fontos lenne. Előre is köszi a segítséget. THX
  • evetke007
    #1383
    Szevasztok!
    Az SG ingyen fórummal szívok ...
    Azt szeretném , ha az iframe magassága dinamikusan alkalmazkodna a megnyitott ablak méretéhez .
    Megpróbáltam a magasságot %-ban megadni , de semmi ... fixen 150 pix magasságot kapok akár mire állítom .
    Utána script-el próbálkoztam LINK , ami tökéletesen működik mindennel (html/kép stb.) kivéve a SG fórum ...mert ebben az esetben is csak 150pix magasságot kapok
    Mit lehet tenni ?