HTML szerkesztés

Jelentkezz be a hozzászóláshoz.

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...

sg discord: https://discord.gg/ezkyQvNE

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 <#falbav>

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?

sg discord: https://discord.gg/ezkyQvNE

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!"


"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="# 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

sg discord: https://discord.gg/ezkyQvNE

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

sg discord: https://discord.gg/ezkyQvNE

RelakS
#1406
(haddkötexik)
És ha a body-ban csak a kép van középen?

sg discord: https://discord.gg/ezkyQvNE

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>

sg discord: https://discord.gg/ezkyQvNE

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.

#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"
http://www.rivavx.com/index.php?encoderhelp&L=3

"Hogyan tudok dátumot, illetve névapot elhelyezni az oldalon? (Természetesen frissüljön is)"
Happy Birthday-t ne énekeljen? ;)
http://www.thomas98.hu/webmuhely.php?sw=800&lang=hu&kat=js&page=ido
http://mitglied.lycos.de/thomaswebmuhely/twm/js/time/nevnap.php

"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.




#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...
#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).

#1397
Esetleg magyar nyelven nincs leírás a Simple Gallery Scripthez?
#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!
#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.

#1393
Ennek a programnak a használatához kellene segítség: Simple Gallery Script (honlapra!!!!)
#1392
Eni rieksön ? <#wave>

#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áltam<#wow1><#worship>köszszép.!

-JAHAY-( http://djjahay.atw.hu )

Harder
#1389
http://www.tutorial.hu/search/node/lightbox

Harder * www.tutorial.hu * blog.harder.hu * seo.tutorial.hu

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

-JAHAY-( http://djjahay.atw.hu )

Dj Faustus
#1387
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...)

-JAHAY-( http://djjahay.atw.hu )

Dj Faustus
#1385
http://www.dynamicdrive.com/style/csslibrary/category/C2/
http://www.dynamicdrive.com/dynamicindex1/indexc.html

#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

#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 <#nemtudom><#nemtudom><#nemtudom>
Mit lehet tenni ?

Benc16
#1382
1. az jó... de mégis ugy akarom hogy dreamweaverrel tudjak beleírni... :/ láttam egy programot régebben vhol és oylat akartam hogy így felosszam az egészet hogy hova lehessení rni. de elõre is kösz. :)

¸.&#8226;\'´&#175;)¸,&#248;¤°`bbMaister&#169;`°¤&#248;,¸(&#175;`\'&#8226;.¸

Dj Faustus
#1381
Két lehetõséged van:
1. Megnyitod a képet egy képszerkesztõ programmal (Paint, Paint.NET, Gimp, Photoshop, Paint Shop Pro), ott írsz rá.
2. A képet egy elem háttereként használod, és az elembe írsz.
Tehát a HTML forrás:
<div id="hatterkep">Beírandó szöveg</div>

A CSS formázás (ebben a formában HTML kódba a <head> és </head> elemek közé illesztendõ):
<style type="text/css">
 #hatterkep {
  width: 400px; /* A kép szélessége */
  height: 120px; /* A kép magassága */
  background-image: url (kep.jpg); /* A kép elérhetõsége */
  background-repeat: no-repeat; /* A kép ismétlõdése */
  background-position: center top; /* A kép pozicionálása */
 }
</style>

Benc16
#1380
Hellosztok!

Kéne egy kis segítség. Abban, hogy azt szeretnémc sinálni, hogy van egy kép. És ha azt elindítom Dreamweaver -ben akkor nem tudok beleírni semmit. És nem tud e valaki egy olyan programot amivel ezt meg tudom csinálni, hogy bele tudjak írni. Az is jó lenne ha valaki tudna adni hozzá "útmutatót" vagy leírná nekem.

Elõre is kösz!


Üdv, bb XFire!

¸.&#8226;\'´&#175;)¸,&#248;¤°`bbMaister&#169;`°¤&#248;,¸(&#175;`\'&#8226;.¸

Dj Faustus
#1379
Egy helyre elegendõ lett volna megadnod a kérdést.
Itt már válaszoltam rá.

#1378
Sziasztok

Hogy lehet egy total commanderbe feltöltött mappához 777-es jogot adni?

LAP: MSI K9A2 CF-F CPU: X2 6000+ VGA: Sapphire 3870 DDR4, RAM: 4GB Samsung, HDD: Seagate 320GB SATA2. Várható bele egy CoolerMaster HyperTX2-es

Dj Faustus
#1377
Nézd meg az alábbi, alábbi, vagy az alábbi hozzászólásomat - itt van leírva hogyan lehet úgy tartalmat megnyitni az <iframe-ben>, hogy az <iframe>-en kívüli oldalt nem frissíti (így ott elhelyezhetõ bármilyen zenelejátszó alkalmazás - már amelyik látogatót nem zavarná az automatikusan elinduló zene).

Hixer
#1376
ez eddig világos, de hogy tudok beágyazott frame-et alkalmazni, úgy, hogy azt ne frissítse a linkekre való kattintáskor. szal kvázi úgy van a honlap, hogy a gombra kattintva frissíti az oldalt ezzel betöltve középen a tartalmat. De eddig ez jó, csak az a lejátszót ne frissítse, mert akkor megszakad a zene... lehet bennevolt a válaszodba, akkor csak én nem értem még...

"It ain't what you don't know that gets you into trouble. It's what you know for sure that just ain't so."

Dj Faustus
#1375
"Úgy akarom megcsinálni az oldalt, hogy JavaScript és Java nélkül is mûködjön, viszont szeretnék beleágyazni egy Flashes médialejátszót."
Ez nem fog menni, mert IE alatt az aktiváció kikerülésére szükség van Javascriptes trükkökre (Java nélkül természetesen megoldható, hisz FLash beillesztésére nincs szükség Java-ra).

"Frameeket nem szeretnék használni, mert akkor az egész sávot lefoglalná a médilájátszó és én be szeretném építeni az oldalba, a designba."
Akkor két dolog lehetséges:
1. Inline frame használata (akkora méretû, amekkora a lejátszó; illetve az <iframe>-nél az allowtransparency attribútumot true-ra állítod, az <iframe>-be töltendõ oldalnál meg átlátszó hátteret használsz - background-color: transparent;)
2. Az oldal tartalmát (tehát a menüpontok linkjeit) diszkrét Javascriptes (Ajaxos) megoldással töltöd be. Javascript letiltásakor - mivel diszkrét Javascriptet használsz - az oldal böngészhetõ lesz, bár a zene megszakad.

Hixer
#1374
Hello!

Úgy akarom megcsinálni az oldalt, hogy JavaScript és Java nélkül is mûködjön, viszont szeretnék beleágyazni egy Flashes médialejátszót. Frameeket nem szeretnék használni, mert akkor az egész sávot lefoglalná a médilájátszó és én be szeretném építeni az oldalba, a designba.
Viszont a problémám az, hogy ugye ha csak 'simán' berakom a honlapba, akkor ugye minden egyes linknél újratöltõdik a honlap, így a médialejátszó és benne a zene is, ami hát elég idegesítõ.
Eddigi legjobb megoldásom, hogy egy új ablakban nyitom meg a lejátszót és akkor a user le tudja rakni tálcára, ha már beállította rajta, amit szeretne és tudja tovább böngészni az oldalt, viszont jobb lenne, ha télleg be tudnám valahogy ágyazni az oldalba anélkül, hogy mindig újratöltené.
Szóval tudna valaki mondani valami megoldást?

"It ain't what you don't know that gets you into trouble. It's what you know for sure that just ain't so."

Dj Faustus
#1373
CSS-ben background-position tulajdonságnak nézz utána: http://htmlinfo.polyhistor.hu/css_ref/css53.htm#5.3.6

Saddalim
#1372
kösz, lenne még1 :P
meg lehet valahogy css-el, scripttel, vmivel oldani azt, hogyha a háttérkép nagyobb mint a képernyõ mérete, akkor ne csak a jobb oldalát hagyla le, hanem mindkét oldalából? szóval hogy a közepe mindig középen legyen...

Saddalim
#1370
köszi. de olyasmi ami auto meg is jeleniti öket?

SaintSavin
#1369
köszi
és, hogy lásd én sem vagyok rest, legalábbis annyira, mint kinéz :)
itt is van róla valami(, hátha valaki hasznosnak találja)
http://www.thomas98.hu/webmuhely.php?kat=tutor&page=html&id=12#iframe

Dj Faustus
#1368
http://htmlinfo.polyhistor.hu/html_ref/inline.htm#IFRAME
http://www.zalamedia.hu/~kami/html40/node137.html
http://www.w3schools.com/tags/tag_iframe.asp
http://mitglied.lycos.de/thomaswebmuhely/twm/tanf/html1/fej42.php
http://weblabor.hu/forumok/temak/9688

SaintSavin
#1367
az hogy mûködik? :)

Dj Faustus
#1366
"akkor semmi "emberi" :) megoldás nem létezik, csak a framek?"
Ha kereteket alkalmazol, akkor inkább beágyazott kereteket (<iframe>) használj.

SaintSavin
#1365
akkor semmi "emberi" :) megoldás nem létezik, csak a framek?

elsõ körben utánanéztem az ajaxnak, de semmi konkrétumot nem találtam, majd kutakodok tovább, de azt hiszem vissza kell térnem a framekhez :(

Dj Faustus
#1364
Nézz utána az Ajaxnak (Javascript+DOM+XMLHttpRequest). Azzal megoldható a tartalom betöltése a teljes oldal frissítése (és frame-k) nélkül.

SaintSavin
#1363
Erre a hibára tippeltem magam is, de szerettem volna elkerülni a framek használatát. Egyszer valaki kioktatott, hogy mennyire nem jók.
Nincsen valami másik megoldás?