HTML-szerkesztés kezdőknek!!!

2009.04.14. 21:32#7790

így csináltad?
<img src="kep1.jpg" alt="kép1"><br><img src="kep2.jpg" alt="kép2">

2009.04.14. 21:18#7789

de beírtam és egymás mellet van.

Deadliest Project LIVE acc:DPmurdeer

2009.04.14. 21:04#7788

Kód mögé beírsz egy <br>-t az a sortörés

Videó meg: #7778

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

2009.04.14. 20:43#7787

hali.
Azt szeretném megtudni h képeket h lehet egymás alá rendezni?

és még azt hogy html-be írt honlapot rá lehet bírni zene vagy videó lejátszásra?
Ha igen hogy?

üdv.

Deadliest Project LIVE acc:DPmurdeer

2009.04.13. 11:28#7786

HTML:

<ul id="navlist">
<li id="active"><a href="#" id="current">Main page</a></li>
<li><a href="#">News&Article</a></li>
<li><a href="#">Poker</a></li>
<li><a href="#">Casino</a></li>
<li><a href="#">Online Bank Account</a></li>
</ul>

css:
#navlist
{
border-bottom: 1px solid #518297;
border-top: 1px solid #518297;
margin: 0px;
margin-bottom: 30px;
padding: 0px;
padding-left: 180px;
background-color: #518297;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-bottom: 3px;
padding-top: 3px;
}

#navlist a, #navlist a:link, #navlist a:visited
{
border: 1px solid #5377D2;
padding: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
color: #000000;
font-weight: bold;
text-decoration: none;
}

#navlist a:hover, #navlist a:active, #navlist a:focus
{
border: 1px solid #000000;
padding: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
text-decoration: none;
}

#navlist li
{
padding-right: 1px;
display: inline;
font-size: 0.6em;
}

#navlist ul
{
margin: 0px;
padding: 0px;
}

#navlist #active a { background-color: #518297; }

Azt szeretném megtudni hogy hogyan lehetne megoldani azt hogy ha rákattintok az egyik menüpontra akkor legördülõ menû jönne be.

Live for nothing or die for something.

2009.04.12. 22:31#7785

Király vagy!

holnap nekifogok!

2009.04.12. 21:23#7784

máshogy nem lehet (tudtommal), de nem olyan bonyolult (én a windowsos wordpad-et használtam)itt egy példa
átírtam a címeket, szövegeket és kicseréltem a képeket, videókat itt letöltheted összecsomagolva

értelemszerûen, ha saját tárhelyre feltöltött fájlokat használsz, akkor nem kell http:// címet írni (mint ahogy a 2. videónál látható)

egy videó (és a hozzá tartozó dolgok) <item>-tõl </item>-ig tart (ha újat akarsz írni, elég csak a meglévõket másolni és kicserélni a szöveget/fájlokat)
a <link> és </link> közzé nem muszáj írni semmit, ha írsz, lesz a player-en a hangerõ mellett egy link gomb, amivel elérhetõ a megadott cím (pl. a 3. videónál nincs ilyen a többinél pedig van)

/még annyit, hogy sajátgépen nem biztos, hogy mûködni fog, de ha feltöltöd tárhelyre, jó lesz/

2009.04.12. 20:40#7783

hát nem nagyon sikerül.

valami más megoldás?

2009.04.12. 20:01#7782

amit linkeltem az xml fájlt töltsd le és valami egyszerû szövegszerkesztõvel nyisd, és írd át a címeket, az m4v fájlok a videók

2009.04.12. 19:38#7781

"vagy ha listát is akarsz akkor ezt kell átírogatnod"

ezzel nem boldogulok. illetve a dreamweaver van fent és nem hajlandó megnyitni egyik videós cuccot sem. lehet azért mert nincs törés csak próba verzió.

az "ezt" résszel csak az a gondom hogy cak videókat tudok letölteni onnan tehát nem írja hogy min kell változtatnom hogy saját lista legyen.

2009.04.12. 16:43#7780

az elsõre talán megoldást jelenthet valami más codec haszálata, bár nekem csak egy xvid van telepítve
a wmv-ket nem igazán támogatja, azokat át kell konvertálni pl avi-ba vagy mpeg-be

ha így rendezed el a fálokat, akkor jó lesz a lejátszó is:

egy mappába kerüljön maga az oldal (pl. video.html), a player.swf, az swfobject.js és a video.flv (vagy ha listát is akarsz akkor ezt kell átírogatnod)

a kódnak így kell kinéznie:

<html>
<head>
<title>videó</title>
<script type='text/javascript' src='swfobject.js'></script>
</head>

<body>
<div id='mediaspace'>A lejátszáshoz Flash player és Javascript szükséges.</div>

<script type='text/javascript'>
var s1 = new SWFObject('player.swf','ply','640','260','9','#ffffff');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('wmode','opaque');
s1.addParam('flashvars','file=http://www.longtailvideo.com/jw/upload/chapters.xml&playlist=right&playlistsize=280&streamer=lighttpd&fullscreen=true&backcolor=000000&frontcolor=ffffff');
s1.write('mediaspace');
</script>

</body>
</html>

2009.04.12. 15:18#7779

nem igazán boldogulok vele

letöltöttem a progit amivel konvertálok. ezt a hibaüzenetet adja mikor konvertálnám az avit vagy wmv.t

"The encoding of your video file has failed.
This can be caused by a not supported combination of parameters or by a not supported video codec.
"

aztán letöltöm

"<script type='text/javascript' src='/embed/swfobject.js'></script>

<div id='mediaspace'>This div will be replaced</div>

<script type='text/javascript'>
var s1 = new SWFObject('/jw/embed/player.swf','ply','640','260','9','#ffffff');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('wmode','opaque');
s1.addParam('flashvars','file=http://www.longtailvideo.com/jw/upload/chapters.xml&playlist=right&playlistsize=280&streamer=lighttpd&fullscreen=true&backcolor=000000&frontcolor=ffffff');
s1.write('mediaspace');
</script>"

ez és beillesztem az oldal HEAD részébe vagy BODY részbe de sajna semmi
lehet én vagyok balfék

2009.04.12. 11:00#7778

a legjobb megoldás, ha FLV formátumba konvertálod a videókat (neten találsz hozzá programokat - pl. Riva FLV encoder), és letöltöd hozzá ezt a lejátszót
a beállításokat elvégezheted itt (megkapod hozzá a kódot is)

2009.04.12. 10:24#7777

sziasztok
kellene egy kis segítség.
a honlapomra szeretnék videókat feltenni, úgy hogy azok ott lejátszhatók legyenek mondjuk egy 320x240-es felbontásban.
több videót feltennék s a kiválasztott lejátszható lenne. hogyan tudom ezt megtenni? egyszerû html oldal van most mely képeket tartalmaz
elõre is köszi a segítséget

2009.04.12. 10:06#7776

CSS-bõl elég egy, épp azért szép 😉
Ám sajnos ez van, ha jobban érdekel a téma nézz utána a frame,iframe,php, ajaxnak. Ezekkel meg lehet oldani, de nem egyszerûek (najó, a frame talán, de az meg nem valami szép megoldás).

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

2009.04.12. 10:03#7775

más modja nincs?
Mert ha csinalok 80 oldalt akkor 80 css kell mellé vagy a 80 masik html-be is irjam be azt ami a mostani indexben van.
De igy gyakorlatilag 2x annyit fog foglalni minden.

Live for nothing or die for something.

2009.04.12. 10:01#7774

<body>

<div id="container">
<ul id="navlist">
<li id="active"><a href="#" id="current">M</a></li>
<li><a href="#">N</a></li>
<li><a href="#">P</a></li>
<li><a href="#">C</a></li>
<li><a href="news.html">News</a></li>
</ul>
</div>

</body>

Hogy kell azt megoldani hogy az M menüponthoz szöveget tudjak irni?
Maert ha a </div> után irok akkor semmi ha az m után akkor meg a szöveget a menübe rakja.

Live for nothing or die for something.

2009.04.11. 19:24#7773

Hát a legegyszerûbben, de a késõbb legmegbánósabban, hogyha a design elemeket átviszed az uj.html-re ^^

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

2009.04.11. 18:40#7772

Én rontottam el😊

Most az lenne a kérdésem hogy azt hogyan lehet megoldani hogy a fõ oldalrol amit megnyitok új oldalt ugyanolyan külsõvel nyissa meg mint amilyen a fõ oldalam.
(a menû menjen mineden oldalra + a beálitott szinek és hogy lapra irja)

Live for nothing or die for something.

2009.04.11. 15:28#7771

Ékezeteket hanyagold, nevezd át uj.html-re.

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

2009.04.11. 14:50#7770

az index.html melett létrehoztam egy új1.html-t

Az indexbe a <body> és</body> közá beraktam ezt:
<a href="új1.html">Luckyace</a>

Az új1.html-ben csak szõveg van.
Mégi mikor rákattintok a luckyace-re akkor weblapot probál behozni nem az a lapot amit én hoztam létre.

Rossz parancsot használok?

Live for nothing or die for something.

2009.04.10. 14:22#7769

Padding, sry a duplapostért 😄

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

2009.04.10. 14:14#7768

Van egy div-em, amibe szöveg van, de a szöveg ki megy a div legszélére, lehet valahogy csinálni, hm, mint word-ben a margó pl, h a szélétõl x px-ig menjen csak. (ahogy nézem van olyan h margin, de az csak azt csinálja h a div mellet mennyit hagyjon ki, vagy nem ?)

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

2009.04.10. 12:03#7767

background: url('kep.jpg') #0000ff;

http://www.w3schools.com/css/css_background.asp

[/spam]™

2009.04.10. 11:53#7766

És ha nem szint akarok beilleszteni hattérnek hanem képet akkor mit kell változtatni?
bacgroun után beirtam a fájl nevét de nem hozza be csak fehér képet.

Live for nothing or die for something.

ba32107

2009.04.09. 17:56#7765

Persze. Arra való.

2009.04.09. 17:53#7764

Akkor ez a css weblapok külsejét modositja???

Live for nothing or die for something.

2009.04.09. 17:53#7763

Te tudsz valamit😊
THX

Live for nothing or die for something.

2009.04.09. 17:47#7762

Ez van az index.css-ben:
<html>
html xmlns="http://www.w3.org/1999/xhtml" lang="hu">
<head>
<title>CSS középre igazítás teszt</title>
<link rel="stylesheet" type="text/css" href="index.css" media="screen" />
</head>
<body>
<div id="container">

{
background: #0000ff;
color: #ff0000;
}

div#container
{
width: 440px;
height: 400px;
background: #ff0000;
color: #0000ff;
margin: 0 auto 0 auto;
}
a msik kettõt ezt:
div#container {
margin-left: 10%;
margin-right: 10%;
}
{
background: #0000ff;
color: #ff0000;
}

div#container
{
width: 440px;
height: 400px;
background: #ff0000;
color: #0000ff;
position: absolute;
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -220px;
}
</div>
</body>
</html>

De csak a szöveget hozza ki.

Live for nothing or die for something.

2009.04.09. 17:42#7761

Két fájl:

• index.html
• index.css

Az index.html-be megy a <html> -tõl </html> -ig.
Az index.css-be a többi. 😊

[/spam]™

2009.04.09. 17:38#7760

Csinálj egy index.css fájlt és abba rakd.

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

2009.04.09. 17:32#7759

Na ebbõl nem értek semmit.
<html xmlns="http://www.w3.org/1999/xhtml" lang="hu">
<head>
<title>CSS középre igazítás teszt</title>
<link rel="stylesheet" type="text/css" href="index.css" media="screen" />
</head>
<body>
<div id="container">

</div>
</body>
</html>

Ezt bemásoltam ps padba.

aztán bekurtam hozzá ezt:
body
{
background: #0000ff;
color: #ff0000;
}

div#container
{
width: 440px;
height: 400px;
background: #ff0000;
color: #0000ff;
margin: 0 auto 0 auto;
}
a msik kettõt ezt:
div#container {
margin-left: 10%;
margin-right: 10%;
}
és ezt:
{
background: #0000ff;
color: #ff0000;
}

div#container
{
width: 440px;
height: 400px;
background: #ff0000;
color: #0000ff;
position: absolute;
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -220px;
}

hova kell rakni?

Live for nothing or die for something.