Gondoltam az egyéni design blogomra kiírt bejegyzést ide is bemásolom, hátha nektek is tetszeni fog. :) A kódot a suliban írtuk, de én egy szövegdoboz és egy képelhalványító kódot is BEMÁSOLTAM, de a többit ezzel a két kis kacsómmal írtam.
FONTOS!
*A képet az asztalra mentsd, és a fájltípust is írd be pl.: leannefin.png
*Csak érvényes HTML színkódokat használj!
*A kódot NE tüntesd fel sajátként!
*Az asztalon jobb klikk-> Új szöveges dokumentum-> ide írd be
*Ha meg akarod nézni: Mentés másként és a fájlnév mögött legyen ott, hogy html, pl.: opacity.html
*Bővítsd nyugodtan kódokkal, kísérletezz! :)
*A kód nem lopott csak e-mailbe küldtem át a suliból magamnak és megőrizte az ottani formátumot!
KÓD:
<html>
<head>
<title>
Oldalad címe
</title>
<meta name="Author" Content="Író neve">
<meta name="Keywords" Content="címkék ide jöhetnek">
<meta name="Description" Content="Ide írd, hogy miről szól a blogod">
</head>
<body bgcolor=#A Hashtag jel után jön a szín kódja>
<br><br><center><b><font size="+12" Color="#ide szintúgy jön a szöveg színkódja">Ide jön a blogod címe
</font></b></center>
<p><br><br>
<center><table>
<tr>
<td>
<img src="ide.jpg" width="848 height="1050" border="1">
<img src="rakdbe.jpg" width="848 height="1050" border="1">
<img src="aképeket.jpg" width="848 height="1050" border="1">
</td>
</tr>
</table></center>
</body>
</html>
<style type="text/css">
img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); ; -webkit-transition-duration: .50s}
img:hover{filter: alpha(opacity=60); moz-opacity:.60; opacity:.60;}
</style>
<script type="text/css">
A:link, A:visited, A:active {border-bottom:#666 dotted 0px;}
A:hover { border-bottom:#666 dotted 2px;}
</script>
<script type="text/css">
A:link, A:visited, A:active {font-size: 12px;}
A:hover { font-size: 16px;}
</script>
<div style="background: url(http://31.media.tumblr.
Szövegdoboz<br />
<br />
<br />
Ez a dobozkód nem saját<br />
<br />
<br />
Remélem tetszik a kód!</div>
Nincsenek megjegyzések:
Megjegyzés küldése