Hogyan készítsünk egy menü fülek
Szia, Kate! Érdekelt egy cikket a „gyönyörű design tárgyak a blog,” az igazság, én még nem döntött hogyan lehet a legjobban használni a blogjában. De nem ez a kérdés. Az a tény, hogy én gyakran helyezze be a videót az üzenetét (pl youtube), és szeretnék helytakarékos (akkor természetesen csökkenti a méret a videó is, de én nem szeretem nézni a videót olyan kis mennyiségben, és menni a másik oldalra nem szeretnék a). Egyes oldalakon találkozom, amikor a videó kerülnek be ugyanazt az üzenetet, mintha különböző lapok, például itt
de nem tudom. Talán szép segít megoldani ezt a problémát?
Általában ezeket a lapokat nevezik tabok, az angol nyelv (lapok). Ez a szó sok jelentése van, és ezek közül melyik volt a neve a menükapcsolók nem tudom.
Tab menü használható, mint a fő vízszintes menü blog az oldalsávon (sidebar) blogod, valamint közvetlenül a szervezetben az üzeneteket. Minden attól függ, az Ön személyes igényeit és céljait.
Őszintén szólva, én nem sokat zavarta kódját a menüje. Az a tény, hogy én csendesen készül egy új sablont a blogodhoz, ezért itt van egy új design én lesz éppen egy ilyen menüt. Kód mert már megalkotta a sablon tervezők.
Szóval csak úgy, hogy szét annak alkatrészeivel megérteni, hogy mi ez szükséges ahhoz, hogy ezt a kódot működni, és ez most erről, és mondd el. Ezt a kódot vizsgáljuk csak sablonokat Blogger. Ami a kód jó a szempontból programozás - nem tudok mondani. Főbb művei :). Vágjunk bele.
JQuery kapcsolódni a könyvtárból a menüt
Először is, ami nélkül ez a menü nem létezik - csatlakoztatása nélkül egy speciális Jquery.Prezhde könyvtár csatlakozik, ellenőrizze, hogy valószínűleg már csatlakoztattuk is.
A Blogger, azt hiszem, mindannyian kötve, mert akkor a JavaScript, és egy linket a fájlt az alapértelmezett ezen a platformon. Nyissa meg a blog (nem admin, nevezetesen, blog), akkor a jobb gombbal bárhol, válasszon egy parancsot (böngészőtől függően) - A forráskód az oldal / oldal forrásának megtekintése / HTML kódot View / Source Code. Ez megnyit egy új ablakot (vagy fül), és közelebb az oldal tetején, a címkék között
itt Keresünk egy ilyen sor:A számok belső link különböző lehet, attól függően, hogy a változat a script (ha jól értem). Ki ez a vonal nem található, akkor meg kell beágyazni, hogy a saját. Nagyon valószínűtlen, hogy a Blogger nem volt ilyen sor, de még mindig csak abban az esetben fogom leírni a folyamatot.
Nyílt Design - HTML szerkesztése. találunk . És felette beillesztés „én” hely.
Könyvtár csatlakozik. Ezután meg kell csatlakozni egy másik forgatókönyvet, amelynek funkciói és menükapcsolók.
Telepítse script egy menü, fülek
$ ( 'Tab-widget menü ul li: az első.') AddClass (a 'kiválasztott') ;.
$ ( 'Tab-widget menü ul li'). Kattintson a (function ()
$ ( 'Tab-widget menü ul li.') RemoveClass (kiválasztva) .;
$ ( '# Tab-oldalsáv .widget1) eq ($ (' fül-widget menü ul li.) Index (this).) FadeIn (500) ..;
Definiálása menü stílusok
szélesség: 500px; / * Blokk szélessége * /
háttér: none repeat scroll 0 0 #FFFFCC; / * A színe aktív lap * /
float: left; / * Vízszintes helyzetben a fülek * /
border-jobbra: 1px solid # ECEDE8; / * Keret a fülek * /
color: # 555; / * A szöveg színe * /
background-color: # 006DFF; / * A színblokk tartalmát * /
padding: 31px 5px 5px; / * A mező körül tartalom * /
border: 1px szilárd # ECEDE8; / * Blokktok tartalmát * /
Beírása menüt Blog
Most megy közvetlenül a menü füleket. Ahogy fentebb írtam, a menü lehet, mint a sidebar a blog, és ezen belül üzenetét.
Ha azt szeretnénk, hogy a menüből az oldalsávon, nyitott kialakítás - Oldal elemei - Modul hozzáadása. Kiválasztása egy modult HTML / JavaScript.
Ha a menü be kell illeszteni a blogbejegyzéseket idején írom ezt a cikket, a Szerkesztés HTML lapra, és illessze be az alábbi kódot: