HTML-szerkesztés kezdőknek!!!

Jelentkezz be a hozzászóláshoz.

Dj Faustus
#6892
Nosztredamus
#6891
õõõõ lehet,hogy ezt nem it kéne,de talán tudtok segíteni!

ilyen flasht ami ezen az oldalon van azt milyen progival lehet megcsinálni?

Elõre is Köszönöm!

#6890
Állítóag lehet az e107-et msn-en keresztül is telepíteni.
Hogyan?
#6889
Köszi, csak jót akartam 😊
Dj Faustus
#6888
"Amint rákattintottam a linkedre, a víruskeresõm nekiállt szirénázni. Szóval nézd meg a géped, nehogy elkapj vmit."
1. Hogy a vírusirtód nekiállt szirénázni az egyéni szoc. probléma.
2. Többnyire Linuxot használok (Windows alatt meg használok vírusirtót/tûzfalat kémprogramirtót, no meg ésszel kattintgatok), így hogy onnan vírust kapjak eléggé kicsi az esélye.
3. Az oldal alapvetõen megbízható. Egyéni észrevételed intézd az oldal szerkesztõjéhez
4. Pár másik oldal:
http://www.hotscripts.com/PHP/Scripts_and_Programs/User_Authentication/index.html
http://www.hotscripts.com/PHP/Scripts_and_Programs/User_Management/index.html

"Van olyan oldal, ahonnan komplett honlapsablont, vagy progit le lehet szedni, admin meg regisztráció meg vendégkönyv minden ilyen dologgal, és csak a képeket stb kellene rátenni?"
Itt van egy rakat - nézd az Ingyenes CMS-ek (php) részt. Az elõbbi javaslathoz hozzátenném még a Drupalt.

#6887
e107, Joomla.

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ

#6886
Van olyan oldal, ahonnan komplett honlapsablont, vagy progit le lehet szedni, admin meg regisztráció meg vendégkönyv minden ilyen dologgal, és csak a képeket stb kellene rátenni?
#6885
DJ Faustus! Amint rákattintottam a linkedre, a víruskeresõm nekiállt szirénázni. Szóval nézd meg a géped, nehogy elkapj vmit. Nincs másik link?
#6884
Köszi a segítséget..kipróbáltam, mûködik. A háttérkép nem ismétlõdik, viszont az oldal többi része még mindig csúnyán elmozdul, ahhoz képest amit elgondoltam. Lehet, hogy én fogalmaztam rosszul, de igazából az a baj, hogy az én felbontásomban minden a helyén van. Míg egy másik gépen való megjelenítéskor vagy elmozdul, vagy nem ott van ahol kéne...szóval nem a legjobb😞 a látvány talán jobban elmondja Neked, mint ahogy én leírom ... www.gravirgrafika.uw.hu
Dj Faustus
#6883
Pedig le van írva.
Ha lentebb görgetsz, ott az (<body> és </body> tagek közé rakandó) XHTML forráskódrészlet, ami tartalmazza a képekre való hivatkozást (<a class="horiz" href="#portrait1"><span><img src="slide/pic_1ha.jpg" alt="" title="" /></span><em><img src="slide/pic_1h.jpg" alt="" title="" /></em></a> - kékkel jelölve az indexkép, pirossal a hozzá tartozó nagy); ott a külsõ CSS stíluslap, aminek ott a beillesztésének a módja is (<link rel="stylesheet" media="all" type="text/css" href="css/slide_show.css" />); ott az IE hibáira készített CSS, annak is ott a beillesztésének a módja:

<!-->
<link rel="stylesheet" media="all" type="text/css" href="css/slide_show_ie.css" />
<!-->


A CSS-t a HTML kódba beillesztõ tageket a <head> és </head> tagek közé kell tenni. Vigyázz, a href attribútumban van megadva, hogy hol van a CSS állomány (jelen esetben mindkettõ - slide_show_ie.css és slide_show.css - egy css könyvtárban).

Az XHTML forráskódrészletben meg a <dl> és </dl> tagek között meg az alapesetben megjelenõ szöveg foglal helyet. A képek meg három táblázat (<table>...</table>😉 egy-egy cellájában (<td>...</td>😉 egy-egy rendezetlen lista (<ul>....</ul>😉, egy-egy listaelemében (<li>...</li>😉 vannak. Egy sorban négy kép van felsorolva egymás után, utánuk egy-egy lebegtetést megakadályozó elem (<span class="clr"></span> - a CSS állományban a clr osztálynál meg van adva a lebegtetés megszüntetésére szolgáló definíció: span.clr {display:block; clear:both; width:0; height:0; font-size:0; line-height:0;}).

Na ezért kell megtanulni a HTML és CSS nyelveket

ibor90
#6882
a másik galériát sikerült beraknom de ez jobban teccik csak itt már nincs olyan leírás mint a másiknál úgyhogy nem tudom hogy mit hova kell írni meg hogy hogy kellene használni
te tudnál segíteni? ez lenne az: http://www.cssplay.co.uk/menu/slide_show.html

http://ibor90.webs.com &#161; &#477; &#652; &#305; &#647; &#592; &#477; &#633; &#596; ° &#477; q :)

nfs world
#6881
Kössz sikerált 😄
a CSS megoldás még nem de próbálkozok

Dj Faustus
#6880
CSS-ban kell megadni a háttérképet (background-image tulajdonsággal) és akkor a background-repeat tulajdonság no-repeat értékre állításával megakadályozható az ismétlõdés.
http://www.w3schools.com/css/pr_background-repeat.asp
http://www.w3schools.com/css/pr_background-image.asp

#6879
Sziasztok!
Egy kis segítséget szeretnék kérni. Nagyon kezdõ vagyok a szerkesztésben, de összeállítottam egy html alapú weboldalt. Remekül mûködik -az én monitoromon legalábbis😊 - viszont ha más felbontású gépen nézzünk, ismétlõdik a háttérkép. Van-e arra valamilyen lehetõség, hogy az oldal automatikusan igazodjon a látogató beállításaihoz? Segítségeteket elõre is köszi!
Dj Faustus
#6878
rooney8
#6877
De azt mondták, hogy css-el könnyebb, de azt meg nem tudom hogy kell 😊

Vigyáznom kell magamra, mert bel?lem csak egy van, mások többen vannak, ?ket könnyebb pótolni.

rooney8
#6876
Megtaláltam 😊 Régebben nekem ezt írták, és nálam mûködött

idézet Maco13-tól:

na akkor majd én, szigorlatra tanulásnál ugyis minden jobb 😊

Szoval itt van a javascript file, amit nem írok meg mert megvan. Ezt szedd le, és tölsd fel a szerverre. Ennek legegyszerûbb módja h katt a linkre, minden kijelöl, notepad megnyit, paste, mentés másként, filenév: button.js, majd szerverre feltöltés.
Ha ezzel megvagy, be kell linkelni a html kódba, érdemes a head-be:

<head>
<script src="button.js" language="javascript" type="text/javascript"></script>


Ezután jön a preload, ahova az image_x.jpg helyére azokat a képeket kell beírni, amiket akkor akarsz látni amikor valami fölé viszed az egeret (amiken rajta van a glow vagy bármilyn effekt):

<script language="javascript" type="text/javascript">
preloadImg('image_1.jpg');
preloadImg('image_2.jpg');
preloadImg('image_3.jpg');
</script>

head lezárása:

</head>

képcsere:

<img src="image1.jpg" id="image1">

itt az image1.jpg látszik amikor betöltõdik az oldal, image_1.jpg-re cserélõdik amikor föléviszed az egeret, valamintn image1.jpg-re vissza amikor leviszed róla. Ha a képet linknek akarod használni, akkor beágyazod <a></a> közé.

Vigyáznom kell magamra, mert bel?lem csak egy van, mások többen vannak, ?ket könnyebb pótolni.

nfs world
#6875
igen azt megcsináltam már csak a kód kéne 😄

rooney8
#6874
Elõször photoshopban kell megcsinálni a képet (tutorial.hu-n van egy ugyanilyen tutor...😊 )
Aztán a töbit nem tudom... 😊 Vagyis nagyjábol tudom, de még kezdõ vagyok és nem akarok hülyeséget írni.

Vigyáznom kell magamra, mert bel?lem csak egy van, mások többen vannak, ?ket könnyebb pótolni.

nfs world
#6873
Hali!
Szeretnék egy kis segítséget kérni!

http://www.microsoft.com/windows/

-szeretnék egy olyan stílusú "vista navbar"-t csinálni ami itt látható,de nemnagyon jön össze mert nemnagyon értek még a CSS -hez :S (gondolom azzal kell) elõre is köszi a segítséget.
Üdv!

rooney8
#6872
Sikerült! 😊
Még egyszer köszönöm szépen 😊

Vigyáznom kell magamra, mert bel?lem csak egy van, mások többen vannak, ?ket könnyebb pótolni.

rooney8
#6871
Huhh köszi 😊
Megyek is kipróbálni 😊

Vigyáznom kell magamra, mert bel?lem csak egy van, mások többen vannak, ?ket könnyebb pótolni.

ibor90
#6870
szerk: valószínüleg nem végleges mert akarok majd még pár info-t meg vmi menüt, de lényegében azért látszik

http://ibor90.webs.com &#161; &#477; &#652; &#305; &#647; &#592; &#477; &#633; &#596; ° &#477; q :)

ibor90
#6869
köszi a felvilágosítást...mivel a képen is látszik hogy nem túl bonyolult oldalt szeretnék sikerült megoldalom hogy olyasmi legyen amit már elfogadhatónak tartok és semmi nehézség nem volt benne szinte
ha vkit érdekel: ITT MEGNÉZHETI

http://ibor90.webs.com &#161; &#477; &#652; &#305; &#647; &#592; &#477; &#633; &#596; ° &#477; q :)

Dj Faustus
#6868
"Na szval van egy css fájl. És van benne több <div>."
A CSS-ben nincs <div> tag. Az a HTML-ben van. 😉

Komolyra véve a szót:
"Az lenn a kérdésem, hogy több <div>-et hogy tudok egymás mellé berakni?"
A kulcsszó: lebegtetés, azaz float.

Tehát ha ilyen a HTML struktúrád:
<div>aaa</div>
<div>bbb</div>
<div>ccc</div>


Akkor hogy egymás mellé kerüljenek:
div {float: left;}

Ha nem akarsz minden <div> elemet egymás mellé rakni, csak bizonyosakat, használj azonosítót, vagy osztályt, illetve használd a clear tulajdonságot - ami megszünteti a float hatását:
<div id="menu">
<ul>
<li><a href="#">aaa</a></li>
<li><a href="#">bbb</a></li>
<li><a href="#">ccc</a></li>
</ul>
</div>
<div id="content">
Blabla
</div>
<div id="clearer"></div>
<div id="nemlebeg">No floating</div>


#menu, #content {
float: left;
}
#clearer {
clear: both;
}


Osztállyal:
<div class="kep">
<img src="kep1.jpg" alt="kep1" />
</div>
<div class="kep">
<img src="kep2.jpg" alt="kep2" />
</div>
<div class="kep">
<img src="kep3.jpg" alt="kep3" />
</div>
<div class="kep">
<img src="kep4.jpg" alt="kep4" />
</div>
<div id="clearer"></div>
<div id="nemlebeg">No floating</div>


.kep {
float: left;
}
#clearer {
clear: both;
}

rooney8
#6867
Üdv!

Leginkább Faustus segítségét kérném, de ha van más aki tudja, az se tartsa magába 😊

Na szval van egy css fájl. És van benne több <div>. Az lenn a kérdésem, hogy több <div>-et hogy tudok egymás mellé berakni? Mert eddig csak úgy sikerült, hogy vagy egymás alá, vagy egymás felé.

Vigyáznom kell magamra, mert bel?lem csak egy van, mások többen vannak, ?ket könnyebb pótolni.

Dj Faustus
#6866
"a kérdés hogy ez megoldaható HTML-ben"
Szimplán csak HTML-lel nem:
* A HTML a weboldal struktúrájának leírására szolgáló nyelv. Bár vannak benne formázásra (is) használható attribútumok/tagek, de ezek használata elavult, ellenjavallt. A formázásra ott a CSS.
* Ha jól látom a képeket tartalmazó sávot felbukkanó navigációs "gombokkal" akarod "animálva" görgetni jobbra-balra. Ehhez meg Javascript kell.
* Flash, PHP - nem feltétlenül szükségesek

"vagy ez nem akadály Dreamwaverben? mert azt se nagyon ismerem csak épp hogy egy weboldalt összetudok dobni táblázatos (tehát táblázat celláiban vannak a különbözõ részei az oldalnak) rendszerrel"
Én azt javaslom, hogy tanuld meg inkább a HTML, és a CSS nyelvet. Minél bonyolultabb dolgot akarsz, annál inkább rá leszel utalva ezen nyelvek ismeretére.
Az oldal fõ szerkezetét meg praktikusan nem táblázatból szokás felépíteni (bár régebben elterjedt metódus volt, de egyrészt nem arra való, másrészt van rá más mód), hanem az úgynevezett <div> elemekbõl, amelyek elhelyezkedését, méretét, szegélyét, háttérszínét CSS-bõl állítasz be.

Irodalmat találhatsz a HTML, CSS, PHP help topik tetején levõ Ajánlott oldalaknál.

ibor90
#6865
Hali mindenki!
gyorsan PS-ben megrajzoltam hogy milyen weboldalt szeretnék csinálni
Dreamweaver 8-al csinálom mert nem igazán értek a HTML-hez de amit tudtam azt is már elfelejtettem.
az oldal célja hogy legyen egy portfólióm a képeimbõl (3D)
tehát itt a terv: >>LINK<<
a kérdés hogy ez megoldaható HTML-ben vagy ehhez már mindenképp flash meg PHP meg mittommi kell? vagy ez nem akadály Dreamwaverben? mert azt se nagyon ismerem csak épp hogy egy weboldalt összetudok dobni táblázatos (tehát táblázat celláiban vannak a különbözõ részei az oldalnak) rendszerrel

http://ibor90.webs.com &#161; &#477; &#652; &#305; &#647; &#592; &#477; &#633; &#596; ° &#477; q :)

Dj Faustus
#6864
"amit valahogy be lehet illeszteni akár egy hivatkozással, hogy regisztrálni lehessen?"
A regisztráció és a beléptetés mindenképpen szerveroldali nyelvet (PHP,ASP,...) igényel.
Példának okáért itt van egy rakat.

#6863
Sziasztok!
Elkezdtem egy weblapot csinálni grafikusan, mert sajnos erre van csak idõ. A Netfusion programot használom, a szoftverbázisról szedtem le. Van vmni olyan program készen, amit valahogy be lehet illeszteni akár egy hivatkozással, hogy regisztrálni lehessen? Mármint ahova nem kell azt a sok-sok kódot beírni.
Köszi elõre is.
#6862
lekéstem 😊
#6861
persze:
<style type="text/css">
body
{ background-color: #FF0000; background-image: url('kepek/hatterkep.jpg') }
</style>

itt egy leírás a további tulajdonságokról
Dj Faustus
#6860
HTML-forráskódrészlet:
<body>
<div id="bg"></div>
</body>


CSS:
body {
background-color: #ff0000 /* Ez itt piros */
}
#bg {
background-image: url(hatterkep.jpg);
}

Nosztredamus
#6859
Hi all!!!

Az megoldható valahogy,hogy rakok be egy színt háttérszínnek és arra egy háttérképet????

Dj Faustus
#6858
Ja kérem a 2 ütemû Trabant is mûködik, csak kicsit füstöl, meg nem biztonságos. 😉

#6857
Hja, de mûködik.

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

Dj Faustus
#6856
Külsõ divnek text-align: center;
Belsõ divnek margin: 0 auto;
Itt a piros szegélyû dobozon belül van a kék szegélyû doboz.

A <center> meg teljesen felejtõs.

#6855
Jaa, a szöveg, akkor ez biza nem jó.
Táblázat elé rakj egy <center>-t és a táblázat végére egy </centert> ez tuti nem valid és nem is létezik ilyen, de mûködik 😄

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

#6854
margin-left: auto;
margin-right: auto;

ezzel se megy ?

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

Nosztredamus
#6853
így csinálom :S

CattiBrie
#6852
<div style="text-align:center">
<div>ez, ami benne van, ez lesz középen a külsõ divhez képest</div>
</div>

[/spam]&#8482;

Nosztredamus
#6851
Sikerûlt megoldanom,de másproblémába ütköztem 😞

a divekkel van vmi baja!!!
középre akarom rakni divvel és berakja bal szélre :S:S:S
a képnél használva jó ha írásnál akarom akkor rossz 😊

(De a képeket már megjeleníti xD)

#6849
töröld a kódot és másold be ezt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Nosztredamus WoW-Fejlesztés</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="hu">
<meta name="author" content="Nosztredamus">
<meta name="copyright" content="Minden jog fenntartva">
<meta name="description" content="WoW Site lesz ha elkészül 😛">
<meta name="keywords" content="WoW, Warcraft, World of Warcraft, Leírások, letöltések">
<meta name="robots" content="index, follow">
</head>

<body bgproperties="fixed" background="img/hatter.gif"> <!-- nevezd át a háttér.gif fájlt hatter.gif-re -->

<div style="text-align:center">

<img src="img/danger.png" alt="kep"> <!-- saját tárhelyen felesleges teljes URL-t használni -->

<table border="2" style="color:red;font-size:12px;text-align:center;">
<tr>
<td>Mi lesz az oldalon?</td>
<td>Hogyan áll? (%)</td>
</tr>
<tr>
<td>WoW Site</td>
<td>50%</td>
</tr>
<tr>
<td>Forum</td>
<td>0%</td>
</tr>
<tr>
<td>Letöltések</td>
<td>0%</td>
</tr>
<tr>
<td>Leírások</td>
<td>0%</td>
</tr>
<tr>
<td>Belépõoldal</td>
<td>0%</td>
</tr>
</table>
<br>
<font size="2" color="red">© 2008 Noszredamus</font>

</div>

</body>
</html>
CattiBrie
#6848
dehogynem!

használtad is itt:
<div style="text-align:center">

😊

[/spam]&#8482;

Nosztredamus
#6847
de a css-hez nem értek :S:S:S

Nosztredamus
#6846
nem tudim én eddig így csináltam és mûködött 😞

CattiBrie
#6845
itt figyel rendezve 😊

[/spam]&#8482;

CattiBrie
#6844
Csináld így:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="hu">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="/css/style.css" rel="stylesheet" type="text/css" />
<title>title</title>
</head>
<body>

</body>
</html>



megfelelõ helyre a title, a meta, a body...

[/spam]&#8482;

CattiBrie
#6843
hú, remélem, tényleg nagy használja fel senki saját célra 😛

// bocs

[/spam]&#8482;