Në mësimin e kaluar e krijuam dizajnin e faqeve duke përdorur një CSS fajll të ri që do e shfrytëzojmë për të gjitha faqet. Prandaj, në vazhdim nuk do të shënojmë ndonjë dizajn tjetër por vetëm do tregojmë se si duhet të ndryshohen faqet e Galerisë, Rreth nesh dhe Kontakti. Pas këtij ndryshimi tanimë do të kemi një dizajn të njejtë për të gjitha faqet. Por, gjithashtu do të shihni se në faqet e tjera kemi shtuar edhe më tepër elemente që ti bëjmë më të qarta ato.
Hapeni faqen “gallery.html” dhe bëni ndryshimet e duhura në vijim:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="styling.css">
<title>Kursi TechUP</title>
</head>
<body>
<div id="header">
<div>
<img src="logo.png" id="mylogo">
</div>
<div id="nav">
<ul>
<li><a href="index.html">Ballina</a></li>
<li><a href="gallery.html">Galeria</a></li>
<li><a href="about.html">Rreth nesh</a></li>
<li><a href="contact.html">Kontakt</a></li>
</ul>
</div>
<div id="mybg2" class="bg">
</div>
</div>
<div id="content">
<h1>Galeria ime</h1>
<p>
Këtu do vendosim fotografitë tona që do i shfaqim për të tjerët.
</p>
</div>
<div id="footer">
<p>© Copyright TechUP Macedonia</p>
</div>
</body>
</html>
Ruajeni ndryshimin dhe hapeni faqen “about.html“, pastaj shënoni kodin:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="styling.css">
<title>Kursi TechUP</title>
</head>
<body>
<div id="header">
<div>
<img src="logo.png" id="mylogo">
</div>
<div id="nav">
<ul>
<li><a href="index.html">Ballina</a></li>
<li><a href="gallery.html">Galeria</a></li>
<li><a href="about.html">Rreth nesh</a></li>
<li><a href="contact.html">Kontakt</a></li>
</ul>
</div>
<div id="mybg3" class="bg">
</div>
</div>
<div id="content">
<h1>Rreth nesh</h1>
<p>
Këtu do të shkruani rreth jush ndonjë informatë që dëshironi të lexohet nga të tjerët.
</p>
</div>
<div id="footer">
<p>© Copyright TechUP Macedonia</p>
</div>
</body>
</html>
Tani ka ngelur vetëm faqja “contact.html“. Hapeni atë dhe ndryshojeni si kodi në vijim:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="styling.css">
<title>Kursi TechUP</title>
</head>
<body>
<div id="header">
<div>
<img src="logo.png" id="mylogo">
</div>
<div id="nav">
<ul>
<li><a href="index.html">Ballina</a></li>
<li><a href="gallery.html">Galeria</a></li>
<li><a href="about.html">Rreth nesh</a></li>
<li><a href="contact.html">Kontakt</a></li>
</ul>
</div>
<div id="mybg4" class="bg">
</div>
</div>
<div id="content">
<h1>Kontakt</h1>
<p>
Këtu shënoni informatat e juaja për kontakt që vizituesit e faqes të mund të ju kontaktojnë juve.
</p>
</div>
<div id="footer">
<p>© Copyright TechUP Macedonia</p>
</div>
</body>
</html>
Të gjitha ndryshimet i kemi gati dhe tani mund ti kontrolloni faqet se si duken me dizajnin e CSS-së. Në mësimin e rradhës do të sqarojmë pak më tepër rreth përdorimit të CSS-së, si dhe do të shtojmë disa elemente tjera për faqet tona.
