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

Hogyan készítsünk egy menü fülek

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:

  • A neve az első lap
  • A név a második lap
  • A név a harmadik lapok
  • A tartalma az első lap

    A csomag tartalma a második lap

    A tartalom a harmadik lapok

    Azt javasoljuk, hogy ne módosítsa a class és id (kivéve

    ) Ebben a kódot, mivel ő szigorúan be kell tartani a kódot, hoztunk létre a blog sablon. De rendelni egy új osztály vagy azonosító (ha nem az) lehetséges. Erre akkor lehet szükség, ha meg akarja változtatni a megjelenését a lapok.

    Remélem kitűnik fejtegetéseket, ahol lennie kell.

    Remélem élvezték ezt a döntést, és akkor könnyen megbirkózni a telepítést. Ha valami nem működik, kérje a megjegyzéseket, megpróbálom segíteni. By the way, a WordPress ezekben az esetekben vannak kész a bővítményeket, de szintén megtalálható és szkriptek telepített kézzel. A jövőben cikkeket, és azt mondani róla. És a rajongók számára a DLE Azt javasoljuk, hogy vigyázzon a biztonsági webhely, és megismerhetik a foltok a DLE. Nos, hogy a Blogger, nem kell gondolni a dolgokat, mint a hacker. Persze, akkor csapkod valamit, de mi védi a Google is, és ez egy komoly cég, így aludni feszes lakosok Blogger.Udachi Önnek.

    Hozzászólás navigáció

    Hogyan készítsünk egy menü fülek - Tab (tab) menü: 45 hozzászólás

    Mindig élvezem a részletes folyamat tisztaságát stílusa! Köszönöm, Kate! Ragyogó, mint mindig!

    Nekem is van egy kérdésem (vagy egy ötletem egy új üzenet) -!)

    Gyakran előfordul, hogy a kódot, amely megjelent egy cikk nem felel meg a méret a blokk kell soobscheniy.Mozhet tudja, hogyan kell görgetés?

    Ez az egyik a korábbi ilyen nem írni. Cool Katya, hűvös, mit nélkül magyar bloggerek nem!

    Amennyire én tudom, a videó formátum a YouTube-on csak egy van. Az ablak alatt a film „Embed” gombot - ki csak egy típusú kód, és hogy teljesen be kell illeszteni. Akkor csak a pre-adja az ablak méretét, keret színe, és több Coy a beállításokat.

    Természetesen, mielőtt írtam, de egyetértek, hogy ez nagyon kevés.

    Ön még nem próbál célozni, hogy nekem, hogy a scroll? 😉 belegondolok ...

    Fogom írni, hogyan kell csinálni a következő tekercset kérdésekre válaszolva.

    Nem tippeket, Katyusha -!)

    Egyszerűen, ez nagyon fontos!

    És mégis (kivéve görgetés) láttam egy nagyon érdekes változata a gomb ahol óriási kód új lapot nyit meg - ez is érdekes lehet, hogy végre -!)

    Opció gomb - tudok erről, tudom, hogy hol kap, de ha telepítve van a teszt blog, a kód nagyon bugos. A probléma az volt, hogy az alkalmazás fejlesztő nem frissítettek. Csak az utóbbi időben, ugyanabban a teszt blog észrevette, hogy a hibát, mint senki. Amint szabad idő, amikor újra az összes nézetet, és ha nincs probléma, akkor megmondja, hogyan kell csinálni.

    Köszönöm, mint mindig a hasznos informatsiyu.S blogger mozog, de jól jöhet, ha vannak ilyenek)

    Katya, köszönhetően a nagy cikket, azt sehol és soha nem találkozott ilyen érdekes megoldás video - valóban kényelmes, nem kell nyitni egy külön oldalon, valamint a tiszta és eredeti módon =)

    Van egy kérdésem - Megértem, hogy nem fér bele a jelen poszt, de azt hiszem, ez a kérdés hamarosan nagyon sürgős, hogy mi tegyük az oldalakon a blogok videó tartalmát - a youtube, más videomegosztó töltse magukat. Hogyan lehet feltenni őket indexelt úgy, hogy elérje a kibocsátás google video? Tegyük fel, hogy felkerül youtube videót és ágyazza be a blog. A YouTube-on ez lesz index gyorsan, de azt szeretné, hogy indexelt pontosan video (nem oldalt, és videó), amelynek székhelye a blogomban oldalon. Vannak példák némi terhelést? Olvastam google dokumentumokat, akkor is összhangban tett ajánlások és elküldi a Google-video sitemap vebmasters beágyazott adatok én videókat a YouTube, de a videót még nem indexelt. Mondd, kérlek, hogy érdekli a téma az indexelés videót? =)

    Kate, köszönöm szépen))

    A script kódot, mint már említettük Vlad Igolkin, érdemes egy plusz jelet az első sorban a végén /

    Az egyetlen neponyatka - amennyire csak lehetséges, hogy növelje a távolságot a lapok között? mert szöveggé azokat egyesíteni egyetlen karakterlánc terek nem segít a színt „keretet a lapok” is ...

    Szólj hozzá a becenév nem volt utalás a magassugárzó, valamint egy linket a blog. Majd jöjjön és nézze. Beszélünk a blogger. Nézd meg közelről, 99% -a, amit nem kell csatlakoztatni a könyvtár.

    Igen, blogger. Ha nem adja meg a kódot csatlakozni JQuery semmi sem működik könyvtár.

    Sajnálom, már dugta kommentálva, hogy ez sokkal kényelmesebb.

    Próbáljon megadni egy ilyen címet

    van egy másik verzió, én személy szerint ezt a blogot csak egy ilyen kapcsolat.

    A Google az index a videót, akkor létre kell hozni egy speciális fájl sitemap.xml, és még a hétköznapi blogger ott. Ma már meg, mit tudsz használni egy speciális csatorna mRSS csinálni becsülöm többet, ha ez lehetséges, hogy nem a Blogger, írok róla.

    Megcsináltam rajtunk keresztül wordpress, hozzon létre webhelyterkep.xml - van egy speciális plugin sitemap videokártya, akkor automatikusan létrehoz egy önálló + további adatok bloggerek, azt hiszem, hogy észre kell lennie valahogy más. Csatornán keresztül mRSS nem próbálja meg, mi vár híreket tőled =)))

    Katia, tedd a háttérkép, megvan összekeverjük a videó bal ... Szeretném, hogy egy gomb a bal alsó sarokban, nem francia, és a magassága a ...

    Kérni fogja?! Megpróbáltam a kulcs kódját le, de végül nyit azonnal 2 film ... Látod, hogy mi történt a blogomban a címkén hírek ...

    Köszönöm, Katya! Várni fogok! -)

    És hogyan kell használni ezt a lehetőséget, hogy összekapcsolják a widget vkontakte észrevételeket és megjegyzéseket standartnyt blogger környezetben egy egységet alkot, de a választás ez vagy az a komment rendszer?

    Azaz, ez a módszer nem valószínű, hogy sikerül alkalmazni, de más megoldás is lehetséges, hogy csak én nem kéznél kész megoldást. Talán később, írok valamit.

    Kate, nagyon köszönöm a cikket. De szeretném tudni, hogy ezek a lapok telepíteni a WordPress.

    Ez a kód az én teszt WordPress nem felkelni. De kipróbálhatja. Lehetőség van arra, hogy lehet kapni. A megvalósítás ugyanaz, csak más szkriptek ütköznek egymással. Tehát tudom, hogy vannak kész WP kütyü. Kulcsszó keresése Tab. Hasonlóképpen, a keresők keres az adott kulcsszó. Sok elterjedt a szkriptek a menü, amely lehet építeni bármilyen CMS. Fontos, hogy megtaláljuk az egyik, hogy nem ütközik a meglévő szkripteket.

    Katherine, nem értik a legfontosabb, hogyan kell beágyazni a videót a kész menüt? add meg a kódot a törzsében, itt van, hogy mi történik:

    Sajnáljuk amatőr! Kaptam egy sötétkék menü nem olyan szép, mint te. Megtettem mindent leírtak. Ie A menü szürke, és keskeny, és én kék és kiáll az oldalán a blog.

    Valószínű, hogy nem fut a script általam javasolt. Ez lehet az oka, hogy már használt jQuery könyvtár, és mindkét szkript ellentétesek egymással. Két lehetőség van, hogy megoldja a problémát. Vagy keresni egy másik forgatókönyvet, hogy megjelenítse a menüt. Vagy hogyan kell kezelni a konfliktusokat script menü és adjunk hozzá egy speciális kódot. Itt szívesen segít, de nem vagyok jó ebben. Úgy hívják jquery noconflict. Dokumentáció a témában.

    Saját menü - Ez olyan dolog, amit az oldalsáv? Tehát nekem alatt szabott design. Azt is megváltoztathatja a menüt. A megjelenés megfelel a kódot, amely le, kezdve a felirat meghatározása stílusok a menüt. közelről, vannak hozzá, akkor minden változás színétől függően a blog és az oszlop szélességét.

    Köszönöm, Catherine. minden működik, léptem, mikor készült az első alkalommal

    Valami nem működik. A script működik, mint, de a stílus nem úgy tűnik, hogy alkalmazni.

    Nos nekem egy képet sem mondja. Meg kellene valahogy leírni részletesebben, hogy mit csinálsz.

    Talán még van egy konfliktus másik forgatókönyvet?

    Sajnos nem értem, hogy van hozzá. Talán csinálsz valamit rosszul. Túl kevés információ ahhoz, hogy tanácsot valamit.

    És az interneten van egy csomó virtuális billentyűzet. Nagyon nehezen olvasható átiratai.

    Jó napot! Mutasd meg, hogyan lehet az alapértelmezett esetben az aktív második lapot?

    Egy pillantás a kód után a cím „Állítsa be a forgatókönyvet, hogy egy menü fülek” egy string:

    Így WIDGET1 - a tartalom, az első widget. A szó «első» - ez az első, a szó «kiválasztott» - van kijelölve. Általánosságban véve, próbálja helyett WIDGET1 adja WIDGET2. De ez csak találgatás, én nem nagyon ismerik kódok és kísérletek folynak. De tudsz :).

    Igen jó dolog én egy kicsit módosított a szociális háló itt lehet megtekinteni http://gorod33.blogspot.com/2011/12/chernyi-spisok.html

    Köszönjük a munkát, akkor az összes elemi, de nem találom, hogyan kell eltávolítani a darabot, amely mászik után a harmadik lapot és nyugszik a jobb oldali mező? És itt a blogomban (http://indatim.blogspot.com) valahogy nem úgy néz ki, jó, hogy van, Azt akarom, hogy legyen, mint a valódi widgetet, és megállt a közepén!

    Hozzon létre egy fájlt a CSS stílus kódot is, de itt van a dolog, amit minden oldalon tervezési változtatásokat. hogyan tudom ezt megtenni a közepén a lap alján, mintha, ahol a cikket írt Infa és ennyi. és ne változtassa meg a design a helyén. Azt nagyon boldog lenne, ha mondjuk, a sok helyen vannak ezek a lapok és blogok írva, mint egy sor, de nem értettem.

    Jó napot, névrokon! Kate, kérem, mondja meg, amely cikket a blog, azt meg kell tanulni, hogy megtalálják a választ a kérdésemre: Azt akarja változtatni egy unalmas archív címkéket a blog. Ie szétszórja a cikket mappákat. Most az összes cikket I automatikusan mentésre napján lépnek hatályba. Köszönöm előre is a választ

    Nos, csak osztályban !! még minden világos! Tiszteld a szerző)

    Köszönöm a hasznos cikket! Azt fogják alkalmazni a gyakorlatban.

    Bók - te

    Cikkek, amelyek szerepelnek a menüben?

    itt egy idézet: „Az eredmények

    A vizsgálatok azt mutatják, hogy a JavaScript megérti

    A Google és a magyar kereső Nigma.

    A többi keresők (Yahoo, Bing,

    Yandex, Rambler, AltaVista) JavaScript nem

    mit csinál a javascript - nem

    indexelt „” label kezdetben

    Bal ismétlődő adatokat és zárt

    ezt a cikket

    Menj át a legördülő menü helyett

    az oldalak nem lesznek indexelve,

    látod a cikket a legördülő menüből, menjen a

    nekem a menü nélkül Jquery, más oldalra

    Ez megy keresztül a menü

    Van egy és ugyanaz a cikket, és a menüben (

    vízszintesen elhelyezett) és a jobb

    oszlop, ahol az oldalak között.

    Szeretném eltávolítani a modult egyáltalán

    „Oldalai”. De akkor hol vagyok fog írni

    Oldalak modult nem lehet törölni, és elrejteni

    jelennek meg a blog. hagyja csak

    hogy ő volt a tetején. De akkor egyedül volt

    Ez elfoglalja a teljes vízszintes panel, és

    Tab menü alatt azt a második lap.

    És mellette a „fő” menüsáv

    fel. Annak érdekében, hogy ők voltak az azonos

    Lehetséges, hogy helyezze be HTML kódot, mi történt, hogy mozog a menüben, ha van hagyjuk PJ működő kód 🙂

    Köszönöm, minden világos és érthető, tedd Dle 9.6 munkák

    Kapcsolódó cikkek