HTML-szerkesztés kezdőknek!!!
Jelentkezz be a hozzászóláshoz.
ilyen flasht ami ezen az oldalon van azt milyen progival lehet megcsinálni?
Elõre is Köszönöm!
Hogyan?
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.
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
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
te tudnál segíteni? ez lenne az: http://www.cssplay.co.uk/menu/slide_show.html
http://ibor90.webs.com ¡ ǝ ʌ ı ʇ ɐ ǝ ɹ ɔ ° ǝ q :)
http://www.w3schools.com/css/pr_background-repeat.asp
http://www.w3schools.com/css/pr_background-image.asp
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!
Vigyáznom kell magamra, mert bel?lem csak egy van, mások többen vannak, ?ket könnyebb pótolni.
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.
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.
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!
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.
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.
http://ibor90.webs.com ¡ ǝ ʌ ı ʇ ɐ ǝ ɹ ɔ ° ǝ q :)
ha vkit érdekel: ITT MEGNÉZHETI
http://ibor90.webs.com ¡ ǝ ʌ ı ʇ ɐ ǝ ɹ ɔ ° ǝ q :)
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;
}
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.
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.
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 ¡ ǝ ʌ ı ʇ ɐ ǝ ɹ ɔ ° ǝ q :)
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.
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.
<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
<body>
<div id="bg"></div>
</body>
CSS:
body {
background-color: #ff0000 /* Ez itt piros */
}
#bg {
background-image: url(hatterkep.jpg);
}
Az megoldható valahogy,hogy rakok be egy színt háttérszínnek és arra egy háttérképet????
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
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.
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 ಠ_ಠ
margin-right: auto;
ezzel se megy ?
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
<div>ez, ami benne van, ez lesz középen a külsõ divhez képest</div>
</div>
[/spam]™
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)
<!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>
[/spam]™
<!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]™