Sziasztok!
Ez tényleg nagyon kezdőknek van, szóval...
Mivel tizenegy éves fejemre egy kicsit én is konyítok a hml kódok elkészítéséhez, megmutatok nektek pár dolgot, ami lehet(ismétlem csak lehet), hogy hasznotokra válik.
Először az alapokat írom le, hogy hogyan lehet oldalt csinálni a html kódok segítségével. Először valami kezdetleges(primitív) szöveg szerkesztőt megkell nyitni. Például a word azért nem jó, mert tele írkálja mindenféle felesleges kóddal a művünket. Úgy is mondhatjuk, megbonyolítja, tönkreteszi. Szóval például megnyitjuk a jegyzettömböt és ha a következő kódokat amiket ide írok arról mutatok egy mintát, hogy hogyan nézne ki. Amiket <!-- jellel jelöltem csak magyarázatok, nem kell őket leírni!
------------------------------------------------------------------------------------------
<html>
<head>
<title>Szöveg</title> <!--Ami szöveget ide beírsz azt fogod látni a bönkésző címsorában, ha felveszed a kedvencekhez ott is ezt a szöveget fogod látni--!>
</head>
<body> <!--dokumentumtörzs, nyitótag--!>
<p>Szöveg<p>
<p><u>Szöveg</u></p> <!--aláhúzott betük--!>
<p><i>Szöveg</i></p> <!--dölt betük--!>
<p><b>Szöveg</b></p> <!--kövér, -félkövér betük--!>
<p><font color="#ff0000">Szöveg</font></p> <!--piros színű betük--!>
<p><font color="#00ff00">Szöveg</font></p> <!--zöld színű betük--!>
<p>
<a href="//hp-fanocskak-oldala.gportal.hu/gindex.php?pg=35412968">Hp Fanocskák oldala</a></p>
</body>
</html>
-------------------------------------------------------------------------------------------
Persze, még egy csomó lehetőség van. De ide most csak az alapokat írtam. Többet is fogok még írni, de először megmutatom, hogyan is néz ki az az oldal aminek ezek a kódjai. Katt ide ahoz, hogy lásd! Ja és ha megírtad úgy mentsd el, hogy a címének a vége .html legyen!
------------------------------------------------------------------------------------------
Most azt írom le, hogy hogyan lehet bannert készíteni. Persze egy csomó proglam segítségével, de ez egy olyan amihez egy programra sincs szükség. Példának ennek az oldalnak a bannerét használom. Ugye emlékeztek annak a linknek a kódjára? Szóval elmondom, hogy én hogyan csináltam a banneremet amit még ti sem láttatok de mindegy. Szóval képszerkesztővel(én személy szerint a paintal) meg szerkesztesz egy sima képet. Én mindjárt be is illesztem azt a sima képet amiből csinálok egy bannert.
És ebből a képből csinálok egy bannert. Először is az a kód kell amit linknél használunk. Én nekem az amit a html oldalnál megadtam. Ez:
<p>
<a href="//hp-fanocskak-oldala.gportal.hu/gindex.php?pg=35412968">Hp Fanocskák oldala</a></p>
És arra a helyre ahol a Hp Fanocskák Oldala szöveg található, a kép kódját írom be. A kép kódját úgy tudom mégnézni, hogy forráskódnál megkeresem. Ennek a képnek a kódja a következő:
<p>
<img height="175" src="//hp-fanocskak-oldala.gportal.hu/portal/hp-fanocskak-oldala/upload/728802_1356110703_06564.jpg" style="width: 151px; height: 114px" width="178" /></p>
A végletes kódja a bannernak pedig így fog kinézni:
<p>
<a href="//hp-fanocskak-oldala.gportal.hu/gindex.php?pg=35412968"><p>
<img height="175" src="//hp-fanocskak-oldala.gportal.hu/portal/hp-fanocskak-oldala/upload/728802_1356110703_06564.jpg" style="width: 151px; height: 114px" width="178" /></p></a></p>
Demója:
Remélem nektek is bejön ez a fajta banner készítés, ugyanis engem a többi kiagyalt teljesen, de ez nekem tényleg könnyű, és hatékony is, mert saját magam normálisan eltudom készíteni a banneromat. Ja és ha van oldalatok, nyugottan kitehetnétek oda a banneromat :) Remélem jó bannerokat tudtok csinálni.
-------------------------------------------------------------------------------------------
Ha valakinek megtetszett ez a glitterlys képszerkesztő, és szeretné felrakni az oldalára akkor a kódja a következő:
<tr>
<td>
<h1>
<span style="background-color: #e6e6fa">Glitterfly kép készítés</span></h1>
<form action="http://up.glitterfy.com/upload-glitterfy.php" enctype="multipart/form-data" method="post" name="form">
<input name="pagelanguage" type="hidden" value="en" />
<div style="margin-left: 75px">
<br />
<div id="glitterfyupload" style="display: block">
<p>
<span style="background-color: #e6e6fa">Válaszd ki a képet amivel dolgozni szeretnél</span><br />
<input name="userfile1" type="file" /><br />
<br />
<label><input id="profilepic" name="profilepic" type="checkbox" value="yes" /><span style="background-color: #e6e6fa">Akkora legyen mint egy Myspace fotó</span></label></p>
<br />
<br />
<div style="margin-left: 50px">
<input class="btn" name="Submit" onclick="disbtn();" type="button" value="Feltöltés & Kezdés" /></div>
<p>
</p>
</div>
</div>
<div align="center" id="glitterfyloading" style="display: none">
<p>
</p>
Feltölt...<br />
<img alt="tölt..." height="32" src="http://static.glitterfy.com/loading-glitterfy.gif" width="32" />
<p>
</p>
<p>
</p>
<p>
</p>
<div align="right">
<a href="upload.php">...Másik feltöltése?</a></div>
</div>
</form>
<script language="javascript">
function disbtn() {
document.form.Submit.disabled=true;
document.form.Submit.value=' Feltölt . . .';
document.form.submit();
var element = document.getElementById('glitterfyupload');
element.style.display = "none";
var element = document.getElementById('glitterfyloading');
element.style.display = "block";
element.innerhtml = "glitterfly.com";
}
</script></td>
</tr>
Sajnos nem minden fajta oldalon működik. Vannak olyan honlapkészítők amiknek olyan az alap kódja, hogy nem lehet használni rajta ezt. Ilyen például a mindenkilapja is.
-------------------------------------------------------------------------------------------
Most legyenek a szövegdobozok.
Acélszürke színű szövegdoboz kódja:
<div style="border-right: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; border-bottom: #000000 1px solid; overflow: auto; width: 400px; color: #000000; height: 80px; background-color: #CCCCCC">
</div>
Demója:
Tölgyfa színű szövegdoboz kódja:
<div style="border-right: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; border-bottom: #000000 1px solid; overflow: auto; width: 400px; color: #000000; height: 80px; background-color: #BD8F53">
</div>
Demója:
De amúgy ez ugyanaz, csak más színben is lehet. Ha tudod mi annak a színnek a kódja amilyen szinűnek szeretnéd a beljejét, akkor csak annyi, hogy a background-color: után az a kód legyen ami a kívánt színnek a kódja. Pl. ha én zöld színű szövegdobozt szeretnék akkor a zöldnek a kódját ami a #00FF00 beírom a background-color: után, így:
<div style="border-right: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; border-bottom: #000000 1px solid; overflow: auto; width: 400px; color: #000000; height: 80px; background-color: #00FF00">
</div>
Ennek a demója:
Ez egy kicsit rikít, de a lényeg, hogy jó lett a végeredmény. Azt hiszem egyenlőre ennyit a szövegdobozokról.
-------------------------------------------------------------------------------------------
Most az írnám le, hogy hogyan lehet órát készíteni.
A következő kódok használatával:
<table background=" Ide a kép url címét kell beírni! " border="0" height="63" style="width: 119px; height: 63px" width="119">
<tbody>
<tr>
<td style="text-align: center">
<script>
document.write("<FONT color='F0CD72' face='verdana' style='font-size : 9px;'>");
var clockid=new Array()
var clockidoutside=new Array()
var i_clock=-1
var thistime= new Date()
var hours=thistime.getHours()
var minutes=thistime.getMinutes()
var seconds=thistime.getSeconds()
if (eval(hours) <10) {hours="0"+hours}
if (eval(minutes) < 10) {minutes="0"+minutes}
var thistime = hours+":"+minutes
function writeclock() {
i_clock++
if (document.all || document.getElementById || document.layers) {
clockid[i_clock]="clock"+i_clock
document.write("<span id='"+clockid[i_clock]+"' style='position:relative'>"+thistime+"</span>")
}
}
function clockon() {
thistime= new Date()
hours=thistime.getHours()
minutes=thistime.getMinutes()
seconds=thistime.getSeconds()
if (eval(hours) <10) {hours="0"+hours}
if (eval(minutes) < 10) {minutes="0"+minutes}
thistime = hours+":"+minutes
if (document.all) {
for (i=0;i<=clockid.length-1;i++) {
var thisclock=eval(clockid[i])
thisclock.innerHTML=thistime
}
}
if (document.getElementById) {
for (i=0;i<=clockid.length-1;i++) {
document.getElementById(clockid[i]).innerHTML=thistime
}
}
var timer=setTimeout("clockon()",1000)
}
window.onload=clockon
</script><script>writeclock()</script></td>
</tr>
</tbody>
</table>
Ennyi kód lenne hozzá szükséges. Ahova azt írtam, hogy Ide a kép url címét kell beírni! oda annak a képnek az url címét kell beírni amin az óra lesz. Például, ha én azt szeretném, hogy az óra háttérképe ez a kép legyen:
Akkor ennek az url címét kell oda írni. Ha oda írtam akkor így fog kinézni:
Itt egy kicsit levágtam belőle, mert jobban néz ki így, de azért értitek.
| 
AJÁNLOM AZ OLDALT
Súgó
Új hozzászólás
Frissítés
