Dreamweaver
Jelentkezz be a hozzászóláshoz.
Esetedben a <head> és </head> elemek közé kell betenni az alábbi sort:
<script type="text/javascript" src="swfobject.js"></script>
a többi <script>-es sort törölhetõ.
A <body> és </body> tagek közt, ahol beillesztetted a Flasht:
<h4 align="left">
<script type="text/javascript">
AC_AX_RunContent( 'width','425','height','344','src','http://www.youtube.com/v/3qTgz58SsW8&hl=en_US&fs=1&color1=0x006699&color2=0x54abd6','type','application/x-shockwave-flash','allowscriptaccess','always','allowfullscreen','true','movie','http://www.youtube.com/v/3qTgz58SsW8&hl=en_US&fs=1&color1=0x006699&color2=0x54abd6' ); //end AC code
</script>
<noscript>
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/3qTgz58SsW8&hl=en_US&fs=1&color1=0x006699&color2=0x54abd6" />
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<embed src="http://www.youtube.com/v/3qTgz58SsW8&hl=en_US&fs=1&color1=0x006699&color2=0x54abd6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>
</noscript>
</h4>
cseréld le erre:
<div id="flashcontent">
A tartalom megtekintéséhez flashplayer szükséges / Nem elérhetõ a tartalom.
</div>
<script type="text/javascript">
var so = new SWFObject("http://www.youtube.com/v/3qTgz58SsW8&hl=en_US&fs=1&color1=0x006699&color2=0x54abd6", "mymovie", "425", "344", "7", "#000000");
so.addParam("quality", "best");
so.addParam("wmode", "transparent");
so.addParam("salign", "t");
so.write("flashcontent");
</script>
Ja, és ezt az állományt töltsd fel a webtárhelyedre (a HTML állomány mellé).
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/silveralap.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Légifelvétel</title>
<!-- InstanceEndEditable -->
<link href="../css/css_alap.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<!-- InstanceBeginEditable name="head" -->
<script src="../Scripts/AC_ActiveX.js" type="text/javascript"></script>
<!-- InstanceEndEditable -->
<link href="../css/newlink.css" rel="stylesheet" type="text/css" />
<link href="../css/tartalomelemek.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="befoglalo">
<div id="fejlec">
<div id="monitorlogo"><!-- InstanceBeginEditable name="monitortartalom" -->
<div id="monitorkep"><img src="../photos/monitortartalom/demo.jpg" width="174" height="111" /></div>
<!-- InstanceEndEditable --></div>
<div id="monitorlogo01"><img src="../photos/SILVERFILM01.png" width="250" height="100" /></div>
<div id="monitorlogo02"></div>
</div>
<div id="menu"><!-- InstanceBeginEditable name="taviranyitogombok" -->
<div id="apDiv1">
<table width="100%" height="150" border="0" cellpadding="0" cellspacing="0" bgcolor="#FF0000">
<tr>
<td background="../photos/fireworks/gomb01.png"><p><a href="../index.html">Kezdõlap</a></p></td>
</tr>
<tr>
<td background="../photos/fireworks/gomb01.png"><p><a href="../szolgaltatasok.html">Szolgáltatások</a></p></td>
</tr>
<tr>
<td background="../photos/fireworks/gomb01.png"><p><a href="../demo.html">Demók</a></p></td>
</tr>
<tr>
<td background="../photos/fireworks/gomb01.png"><p><a href="../rolunk.html">Rólunk</a></p></td>
</tr>
<tr>
<td background="../photos/fireworks/gomb01.png"><p><a href="../elerhetoseg.html">Elérhetõségeink</a></p></td>
</tr>
</table>
</div>
<!-- InstanceEndEditable -->
<div id="menutavir"><img src="../photos/tavir_master_teteje.png" width="200" height="46" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="circle" coords="137,27,14" href="#" />
</map></div>
</div>
<div id="menuiv"></div>
<div id="tartalom"><!-- InstanceBeginEditable name="Tartalom" -->
<div align="left"><a name="teteje" id="teteje"></a></div>
<table width="100%" height="34" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="42%" class="alapstilus01"><h4 align="left">légifelvétel demók</h4></td>
<td width="58%" class="navbar"><h4 class="navbar"><a href="../demo.html">vissza az elõzõ oldalra</a></h4></td>
</tr>
</table>
<h4 align="left">
<script type="text/javascript">
AC_AX_RunContent( 'width','425','height','344','src','http://www.youtube.com/v/3qTgz58SsW8&hl=en_US&fs=1&color1=0x006699&color2=0x54abd6','type','application/x-shockwave-flash','allowscriptaccess','always','allowfullscreen','true','movie','http://www.youtube.com/v/3qTgz58SsW8&hl=en_US&fs=1&color1=0x006699&color2=0x54abd6' ); //end AC code
</script>
<noscript>
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/3qTgz58SsW8&hl=en_US&fs=1&color1=0x006699&color2=0x54abd6" />
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<embed src="http://www.youtube.com/v/3qTgz58SsW8&hl=en_US&fs=1&color1=0x006699&color2=0x54abd6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>
</noscript>
</h4>
<p align="center" class="szolgaltatasleiras01">Légifelvétel mindenféle segédeszköz nélkül. Gyakorlatilag kézben volt a kamera, a helikopter nyitott ajtajából készült a felvétel. A helikopterpilóta: Matyikó Ferenc</p>
<table width="100%" height="34" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="42%" class="alapstilus01"><h4 align="left"> </h4></td>
<td width="58%" class="navbar"><h4 class="navbar"><a href="#teteje">vissza az oldal tetejére</a></h4></td>
</tr>
</table>
<p align="center" class="kepalairas"> </p>
<p align="left" class="alapstilus01"> </p>
<!-- InstanceEndEditable -->
<p> </p>
</div>
<div id="lablec">
<h5> Copyright Silverfilm© 2010</h5>
<div id="frissitesinfo">
<h6>Utoljára frissítve:2010.02.15.</h6>
</div>
</div>
</div>
</body>
<!-- InstanceEnd --></html>
Itt a videóoldal kódja, ahol a video van. Az IE-ben mindíg elõtte manuálisan kell engedélyeztetni az activex használatát, ezt nem kívánhattom minden honlapnézõtõl. Nem tudom , hogyan lehet ezt automatikussá tenni. lamer vagyok az swfobject-ben -is.
Üdv: Ágoston Gábor
Itt a kód, ami a lapomon van:
<!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"><!-- InstanceBegin template="/Templates/silveralap.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Légifelvétel</title>
<!-- InstanceEndEditable -->
<link href="../css/css_alap.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<!-- InstanceBeginEditable name="head" -->
<script src="../Scripts/AC_ActiveX.js" type="text/javascript"></script>
<!-- InstanceEndEditable -->
<link href="../css/newlink.css" rel="stylesheet" type="text/css" />
<link href="../css/tartalomelemek.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="befoglalo">
<div id="fejlec">
<div id="monitorlogo"><!-- InstanceBeginEditable name="monitortartalom" -->
<div id="monitorkep"><img src="../photos/monitortartalom/demo.jpg" width="174" height="111" /></div>
<!-- InstanceEndEditable --></div>
<div id="monitorlogo01"><img src="../photos/SILVERFILM01.png" width="250" height="100" /></div>
<div id="monitorlogo02"></div>
</div>
<div id="menu"><!-- InstanceBeginEditable name="taviranyitogombok" -->
<div id="apDiv1">
<table width="100%" height="150" border="0" cellpadding="0" cellspacing="0" bgcolor="#FF0000">
<tr>
<td background="../photos/fireworks/gomb01.png"><p><a href="../index.html">Kezdõlap</a></p></td>
</tr>
<tr>
<td background="../photos/fireworks/gomb01.png"><p><a href="../szolgaltatasok.html">Szolgáltatások</a></p></td>
</tr>
<tr>
<td background="../photos/fireworks/gomb01.png"><p><a href="../demo.html">Demók</a></p></td>
</tr>
<tr>
<td background="../photos/fireworks/gomb01.png"><p><a href="../rolunk.html">Rólunk</a></p></td>
</tr>
<tr>
<td background="../photos/fireworks/gomb01.png"><p><a href="../elerhetoseg.html">Elérhetõségeink</a></p></td>
</tr>
</table>
</div>
<!-- InstanceEndEditable -->
<div id="menutavir"><img src="../photos/tavir_master_teteje.png" width="200" height="46" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="circle" coords="137,27,14" href="#" />
</map></div>
</div>
<div id="menuiv"></div>
<div id="tartalom"><!-- InstanceBeginEditable name="Tartalom" -->
<div align="left"><a name="teteje" id="teteje"></a></div>
<table width="100%" height="34" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="42%" class="alapstilus01"><h4 align="left">légifelvétel demók</h4></td>
<td width="58%" class="navbar"><h4 class="navbar"><a href="../demo.html">vissza az elõzõ oldalra</a></h4></td>
</tr>
</table>
<h4 align="left">
<script type="text/javascript">
AC_AX_RunContent( 'width','425','height','344','src','http://www.youtube.com/v/3qTgz58SsW8&hl=en_US&fs=1&color1=0x006699&color2=0x54abd6','type','application/x-shockwave-flash','allowscriptaccess','always','allowfullscreen','true','movie','http://www.youtube.com/v/3qTgz58SsW8&hl=en_US&fs=1&color1=0x006699&color2=0x54abd6' ); //end AC code
</script>
<noscript>
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/3qTgz58SsW8&hl=en_US&fs=1&color1=0x006699&color2=0x54abd6" />
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<embed src="http://www.youtube.com/v/3qTgz58SsW8&hl=en_US&fs=1&color1=0x006699&color2=0x54abd6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>
</noscript>
</h4>
<p align="center" class="szolgaltatasleiras01">Légifelvétel mindenféle segédeszköz nélkül. Gyakorlatilag kézben volt a kamera, a helikopter nyitott ajtajából készült a felvétel. A helikopterpilóta: Matyikó Ferenc</p>
<table width="100%" height="34" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="42%" class="alapstilus01"><h4 align="left"> </h4></td>
<td width="58%" class="navbar"><h4 class="navbar"><a href="#teteje">vissza az oldal tetejére</a></h4></td>
</tr>
</table>
<p align="center" class="kepalairas"> </p>
<p align="left" class="alapstilus01"> </p>
<!-- InstanceEndEditable -->
<p> </p>
</div>
<div id="lablec">
<h5> Copyright Silverfilm© 2010</h5>
<div id="frissitesinfo">
<h6>Utoljára frissítve:2010.02.15.</h6>
</div>
</div>
</div>
</body>
<!-- InstanceEnd --></html>
Köszönettel: Ágoston Gábor
Köszönettel: Ágoston Gábor
Köszönettel: Ágoston Gábor
Ebbõl következõleg ha statikus weboldalt készítesz a HTML kódot is duplikálnod kell.
Ahol spórolhatsz:
* képek
* külsõ állományba helyezett stíluslap(ok)
* külsõ állományba helyezett Javascript-kód(ok)
Megoldást jelenthet még:
* soron belüli keret - iframe - alkalmazása (abba töltöd bele a tartalmat, a nyelvválasztó rész a soron belüli keretet tartalmazó lapon van)
* Javascript (AJAX) segítségével töltöd be az oldalakat a tartalmat - bõvebben
* A tartalmat külön állományban vagy adatbázisban tárolod, és szerver oldali nyelv (például PHP, ASP, JSP, Perl) segítségével töltöd be a HTML-forrás megfelelõ részeire - bõvebben (cikksorozat)
Köszönettel: Ágoston Gábor
2. Vagy soron belüli keretet (<iframe>😉 használsz, és abba töltöd be a képet:
Kb. így néz ki HTML- forráskódrészletben:
<iframe name="kepernyo" src="images/elso.jpg" >
<ul>
<li><a href="elso.jpg" target="kepernyo">1</a></li>
<li><a href="masodik.jpg" target="kepernyo">2</a></li>
</ul>
Itt láthatsz rá egy példát
3. Javascriptet használsz:
<ul>
<li><a href="elso.jpg">1</a></li>
<li><a href="masodik.jpg">2</a></li>
</ul>
Az egész úgy mûködik, hogy linkre való kattintáskor (onclick esemény hívódik meg) fogja a linkben szereplõ címet, és átadja az imagem azonosítójú elem src attribútumának - ami a kép címe. A return false meg azért kell, hogy a linkre való kattintáskor ne az oldalba nyissa meg a képet a böngészõ.
Köszönettel elõre is: Ágoston Gábor
Van ezen az oldalon (http://scriptcenter.hu/index.php?option=com_content&task=view&id=380&Itemid=31) egy nyelvfordító
kód, amit szeretnék beilleszteni a weboldalamba.
Tudna vki abban segíteni, hogy hová kell?
És, hogy megoldható e az, hogy az elsõ oldalamra zászlókat raknék
és amelyikre kattint, azon a nyelven jön be az oldal?
Köszi elõre is.
A CSS position tulajdonságának fixed-re való állításával.
De ahogy latom kiserletezgethetek majd eleget. 😄
Egy jo bableves sose rossz!!
Leginkább a méretek %-os vagy em-ben való megadása a megoldás.
De en azt probalom elerni, hogy barmekkora felbontasa is van annak aki nezi az oldalt, mindig pont ugyanazt kapna. Tehat az oldal 800*600 es 1920*1200 felbontason is fixen pont egy monitormeretnyi lenne. Mindezt keretben-szegelyben. Tehat ne kelljen gorgetnie soha. Remelem erthetoen fogalmaztam.
Segitseget elore is koszonom!
Egy jo bableves sose rossz!!
Itt egy példa
Segitsegre lenne szuksegem.Keretbe raknam az egesz lapot. Meg lehet oldani valahogy azt, hogy barmilyen felbontason nezik a monitor szeletol par mm-re keretben lenne az oldal?
Egy jo bableves sose rossz!!
Az adott blokknak a CSS-beli overflow tulajdonságát scroll-ra (ez esetben a görgetõsáv mindig látható lesz), vagy auto-ra (ez esetben a görgetõsáv csak akkor jelenik meg, ha a tartalom túllóg) kell beállítani.
Itt láthatsz egy példát rá
Jó az, a beillesztett táblázat háttérszíne nem a <body> taggel egyezõ lesz, hanem átlátszó (transparent) lesz.
"Ha egy táblázatot illesztek be az ap-elements-be, akkor a táblázat átveszi a "body", ban beállított háttérszínt, kivéve, ha a body-ban nem állítok be háttérszínt. Ilyenkor a táblázat háttere az ap-elements beállított háttere."
Tehát:
* beállítasz a <body> elemnek egy háttérszínt
* elhelyezel egy blokkot (<div> tag), beállítasz neki abszolút pozicionálást (CSS: position: absolute😉, meg egy háttérképet (CSS: background-image:url(valami.jpg)😉
* ezek után elhelyezel a blokkban egy táblázatot
Ha a táblázatnak nem állítasz be külön hátteret (képet vagy színt), akkor - mint azt az elõzõekben említettem - a táblázat háttere átlátszó lesz, azaz "átveszi" a táblázatot befogadó elem (jelen esetben az abszolút pozicionálású, háttérképes blokk) hátterét. Ez így teljesen természetes.
Ha azt akarod, hogy a <body> tagben beállított hátteret a táblázat is örökölje, akkor vagy külön beállítod a táblázatnál, vagy létrehozol egy osztályt, amiben beállítod a háttérszínt, és alkalmazod mind a <body> tagre, mind a táblázatra.
* Az eredeti felállás
* A táblázatra és a <body> tagre alkalmazott háttérszínes változat
* A CSS osztállyal megoldott változat
Köszönettel elõre is: Ágoston Gábor
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
De úgy vettem ki, hogy ilyet a DW 8, nem tud. Csak a DW CSS4.
Tudna vki segíteni???
köszönöm.
1. A tömörítetlen hangállományt mindenképpen javasolt összetömöríteni - az MP3 egy eléggé elterjedt formátum.
2. Natív HTML-bõl nem lehet kezelni a beépülõ plugint, leginkább Javascripttel oldható meg. Itt nézd meg a "Controlling Windows Media Player from a JavaScript code" részt
3. Ahány látogató annyiféle lejátszószoftver - ez okból kifolyólag inkább erõsen javallott a platformfüggetlenebb Flash lejátszó használata.
"Kipróbáltam az flv convertert, amit írtál, de win 7 alatt és win xp alatt is kifagyott, vagyis szabálytalan mûveletet hajtott végre...
Lehet, hogy valami kodekkel akad össze? K-lite codec pack van fenn mindkét gépen."
Megeshet, hogy a kódekek okozzák a problémát (nálam ilyesmit nem okozott a Riva).
Hogy függetlenedjünk a kódekektõl, megpróbálkozhatsz egy kódekekkel egybeépített programmal - ilyesmi például az FFMpeg, az mencoder (az mplayer nevû lejátszóprogramhoz mellékelik), a Super (ez FFMpeg-en alapszik), vagy a VLC Media Player. Az FFMpeg és a mencoder parancssoros eszköz de lehet rá találni példát, hogyan kell használni.
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
Tudom, elég lámán hangzik, de nem ugrik be, hogy is kellene kódolni.
Ha van erre megoldás, beírná valaki a kódját? - elõre is köszönöm.
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
Lehet, hogy valami kodekkel akad össze? K-lite codec pack van fenn mindkét gépen.
Íme
"Az utóbbit találtam, csak azt nem tudom, hogy normális dolog e, hogy átalakítok egy wmv-t flv-be és duplája lesz a mérete?"
Fura, melyik programot használod?
Ezt próbáltad már?
"Hogyan tudom azt megcsinálni, hogy a betöltött háttérkép is "klikkelhetõ" legyen"
1. Nézz utána az "Image map" kifejezésnek
2. Az image map megoldásnak van egy CSS-sel kivitelezhetõ változata (ezt a megoldást én is alkalmaztam - lásd például itt).
"Másik kérdésem; sehogyan sem tudok kétfajta "link" stílust elõállítani"
Így próbáltad már?
CSS kódrészlet:
a.sarga {
color: yellow;
}
a.zold {
color: green;
}
HTML kódrészlet:
<a href="#" class="sarga">Ez egy sárga link</a>
<a href="#" class="zold">Ez egy zöld link</a>
"Dreamweaver 8-ban szeretnék legördülõ menüt készíteni."
Itt, és itt találhatsz rá példát, vagy ha a keresõbe beírod hogy dropdown menu találhatsz még rá lehetõségeket.
Köszönettel várom a válaszotokat.
Dreamweaver 8-ban szeretnék legördülõ menüt készíteni.
Tud vki segíteni?
köszi.
Mellesleg a <html> és a <head> tagek közé nem kéne semmilyen HTML-kódnak kerülni (beillesztett CSS-kódnak sem). Minden CSS-definíció szerepeljen a <head> és </head> tagek között.
a img {
border: none;
}
mégis ott marad a piros/kék keret..
[]lásd
Az élet egyszerű.. döntesz & nem nézel vissza! o_O
Csak siettem 😊
Megnézétek az oldalam és tudnátok tanácsokat adni,ha szépen megérlek titeket? 😊
Az oldalam
Keress rá az elastic layout, fluid layout, vagy liquid layout keresõkifejezésekkel a témára - rengeteg leírást találhatsz.
Leginkább a méretek %-os vagy em-ben való megadására hivatkoznak, a háttérkép ismétlésére (background-repeat).
"Ja és még egy.. a menü képeinek csináltam hivatkozást.. ha rákkantintok miért a képre miért marad ott piros-kék csík a lép körül? "
Ugyanis a képre tett hiperlink szegélyt hoz létre a kép körül, a hiperlink alapszíne pedig kék/piros.
Eltávolítása CSS-sel:
a img {
border: none;
}
Az élet egyszerű.. döntesz & nem nézel vissza! o_O
Photoshopban ugye megcsináltam a sablont, fel is daraboltam és dreamweaverben meg is csináltam a div tagot a megfelelõ helyre..
azt hogy tudom megcsinálni hogy az oldal ne fix legyen, vagyis hogy ha elfogy a hely ne essen szét az oldal, ha nem folyamatosan "nyúljon" az oldal..
Nem tudom hogy érthetõ voltam-e, remélem azért megértetted (:
Az élet egyszerű.. döntesz & nem nézel vissza! o_O
Az élet egyszerű.. döntesz & nem nézel vissza! o_O