Számú lecke 7 -menyaem logó, a navigálást, a változás a szerzői jogokat, módosítsa a hirdetési egységet,
Összehasonlítva az előző lecke - egy leckét, hogy milyen könnyű séta képest tyuzhelym utazás a hegyek.
Így változik a logó, nyissa meg a fájlt main.tpl. Amennyiben modulok benne, már tudjuk, a korábbi
leckét, de hol van a logó? Nézzük a legelején a kód - egy táblázatot után azonnal a body tag, itt van:
Ugyanebben az asztal is navigációs gombok - fogjuk eltávolítani őket, és később tesszük meg a navigációs menü.
Tehát a feladat -, hogy előkészítsék logo - design a felső része a helyszínen.
Törölje az eredeti kódot, és illessze õ helyette:
Továbbá, a fájl css / style.css alján írja be ezt a kódot:
#masthead position: abszolút;
top: 0px;
bal: 2%;
jobbra: 2%;
szélesség: 95,6%;
>
#pageNav float: left;
szélesség: 178px;
padding: 0px;
background-color: # F5f7f7;
határ-jobbra: 1px szilárd #cccccc;
border-bottom: 1px szilárd #cccccc;
font: kis Verdana, Geneva, Arial, Helvetica,
>
#globalNav helyzet: a relatív;
szélesség: 100%;
min-szélesség: 640px;
magasság: 32px;
szín: #cccccc;
padding: 0px;
margin: 0px;
background-image: url ( "../ képek / glbnav_background.gif");
háttér-repeat: repeat-x;
>
#globalNav img margin-bottom: -4px;
>
#gnl position: abszolút;
top: 0px;
left: 0px;
>
#gnr position: abszolút;
top: 0px;
jobbra: 0px;
>
#globalLink position: abszolút;
top: 9px;
magasság: 22px;
min-szélesség: 640px;
padding: 0px;
margin: 0px;
left: 10px;
z-index: 100;
>
a.glink, a.glink: látogatott font-size: 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: # 000000;
font-weight: Bold;
margin: 0px;
padding: 5px 2px 4px 5px;
border-jobbra: 1px solid # 8FB8BC;
>
a.glink: hover background-image: url ( "../ képek / glblnav_selected.gif");
text-decoration: none;
Ez a kód - ez nyilvántartásba az oldalon teteje, logo, link, helyszín, stb
Továbbá, a css / style.css fájl található
html, testmagasság: 100%;
margin: 0px;
padding: 0px;
háttér: #FFFFFF;
font-size: 11px;
font-family: Tahoma;
>
html, testmagasság: 100%;
margin: 0px;
padding: 0px;
háttér: # 333333;
font-size: 11px;
háttér: #cccccc url ( "../ képek / bg_grad.jpg") rögzített;
font-family: Tahoma;
>
A main.tpl fájl található a sort:
A style.css fájlt hozzá a következő sorokat:
tt háttér: átlátszó;
háttér: #cccccc url ( "../ képek / bg_grad.jpg") rögzített;
>
oldalunkat jobban néz ki és jobb, továbbra is szerkeszteni
A style.css fájlt megtalálni, és távolítsa el a következő sorokat:
táblázat td padding: 0px;
>
A main.tpl fájl található a sort:
|
Screenshot lesz egy kicsit tovább, ha ofrmim minden szükséges alkatrészt a sablont. kicsik és umesttsya egy screenshot. 2. Helyezze be a navigációs menü - main.tpl ez nem egy menü a különböző szakaszok, beszéltünk róla, még az első osztályban, beszélünk a menü az oldalon, Menü elérhetővé tettük, lásd 2 kód, 1. rész a kód a logó, a második - a navigációs menü CSS osztályok már regisztrált, GlobalLink osztály, Glink felelős a menü és annak helyét képest ofrmlenie + oldalelemek. Itt látható a menü kódját külön-külön Ott egyszerűen, nyitott main.tpl találunk van egy vonal Ehelyett az egység psotavit amit akarsz egyszerűen eltávolítani, Hoth, hogy az asztalához. vesszük a legegyszerűbb táblázata info.tpl és szerkeszteni, eltávolítja a felesleges ive helyettesítő fejléc és banner kimeneti tag, ez az, ami történt, 4. Állítsa a keresőt A main.tpl egy fájlt a keresési forma-kód: Vegye ki, és helyezze be: A kereső űrlap kész.  5. Állítsa be a szerzői jog - az is, hogy az az oldal alján -main.tpl FIGYELEM! Teljesen távolítsa el a szerzői jog a motor csak az, aki megvette, mind TCR használja a szabad változat szerzői kell hagynia. Nyílt main.tpl, legalul a kód: Itt van a kód a blokk is, ez a nagyon az oldal alján main.tpl Itt látható a duplikált navigációs menü. Vegye ki az összes kódot. keres (main.tpl) címke, jobb után kerül beillesztésre: És végül, még mindig van két tag egy oldalon main.tpl általam leírt, bár ez a kézikönyv - megjeleníti a szolgáltatási információt a motor, emlékeztetők a regisztrációs például, vagy egy üzenetet, hogy - Kimenete tartalom az oldalon, hírek, visszacsatolás, nyilvántartási és egyéb dolgokat, a fő oszlop  Rajta van minden. Sok szerencsét! Kapcsolódó cikkek |